@arcgis/map-components 6.0.0-next.20 → 6.0.0-next.21

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

@@ -41,11 +41,11 @@ import type { MapViewOrSceneView } from "@arcgis/core/views/MapViewOrSceneView.j
  * @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).
+ * Action text is enabled automatically and follows the action bar's responsive state.
  * @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).
+ * Action text is enabled automatically and follows the action bar's responsive state.
  * @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

@@ -6,16 +6,16 @@ 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 { useDirection as U, usePropertyChange as q, bypassReadOnly as D } from "@arcgis/lumina/controllers";
 import { classes as I } from "@arcgis/toolkit/dom";
 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 { initializeProjection as K } from "@arcgis/core/applications/Components/featureUtils.js";
+import { t as j } 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 M } from "@arcgis/core/applications/Components/stringUtils.js";
-import { substitute as u, formatNumber as b } from "@arcgis/core/intl.js";
+import { substitute as u, formatNumber as C } from "@arcgis/core/intl.js";
 import { u as W } from "../../chunks/useT9n.js";
 import { when as X, watch as h } from "@arcgis/core/core/reactiveUtils.js";
 import { getGraphicOriginTitle as J } from "@arcgis/core/graphic/getGraphicOriginTitle.js";
@@ -44,10 +44,10 @@ class oe extends V {
       root: window.document
     }), 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();
+    }, 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._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 = q()("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, _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 };
+    this.properties = { _openRelatedFeatureAbortController: 16, flowItems: 16, _aggregatedFeatureCount: 16, _selectedAggregatedFeatureIndex: 16, _aggregatedFeaturesLoading: 16, _hasActionsStartSlotContent: 16, _hasActionsEndSlotContent: 16, _selectedFeatureLoading: 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;
@@ -65,7 +65,8 @@ class oe extends V {
     return this._collapseEnabled && this.collapsed;
   }
   get _collapseEnabled() {
-    return this.showCollapseButton && (this.initialDisplayMode === "list" || !!(this.heading || this._selectedFeatureHeading) && !!(this.content || this._selectedFeatureContent) || this._selectedFeaturePending && this._lastSettledCollapseEnabled);
+    const { selectedFeatureItem: e } = this.viewModel, t = this.heading || this._selectedFeatureHeading, i = this.content || this._selectedFeatureContent, s = e?.state === "error" || this._selectedFeatureViewModel?.state === "error";
+    return this.showCollapseButton && (this.initialDisplayMode === "list" || this._selectedFeaturePending || !s && !t && i == null && e?.formattedAttributes == null || !!t && !!i);
   }
   get _selectedFeatureHeading() {
     return this.viewModel.selectedFeatureItem?.heading;
@@ -103,7 +104,7 @@ class oe extends V {
   async fetchFeatures(e, t) {
     this._cancelFetchingFeatures();
     const { signal: i } = t ?? {}, s = new AbortController(), { signal: a } = s, o = i ? AbortSignal.any([a, i]) : a;
-    this._fetchFeaturesController = s, !e && this.view && this.location && (await j(this.location.spatialReference, this.view.spatialReference, null, {
+    this._fetchFeaturesController = s, !e && this.view && this.location && (await K(this.location.spatialReference, this.view.spatialReference, null, {
       signal: o
     }), e = this.view.toScreen(this.location) ?? void 0), e && await this.viewModel.fetchFeatures(e, {
       ...t,
@@ -135,7 +136,7 @@ class oe extends V {
   }
   willUpdate() {
     const e = this._selectedFeaturePending, { effectiveHeading: t } = this.viewModel;
-    e || (this._lastSettledCollapseEnabled = this._collapseEnabled), (t || !e) && (this._lastSettledHeading = t ?? "");
+    (t || !e) && (this._lastSettledHeading = t ?? "");
   }
   updated() {
     const e = this._selectedFeatureComponent.value ?? void 0;
@@ -313,7 +314,7 @@ class oe extends V {
       return;
     e?.type === "toggle" && (e.value = !e.value);
     const i = t && "allActions" in t ? t.viewModel : void 0;
-    q(e, this.viewModel, i), this.arcgisTriggerAction.emit({ action: e });
+    j(e, this.viewModel, i), this.arcgisTriggerAction.emit({ action: e });
   }
   _viewScaleChange() {
     const { selectedFeature: e } = this, t = R(e);
@@ -364,10 +365,16 @@ class oe extends V {
     return e || !this._selectedFeaturePending ? e ?? "" : this._lastSettledHeading || (this._selectedFeatureLoading ? this.messages.loading ?? "" : "");
   }
   _handleActionsStartSlotChange(e) {
-    this._hasActionsStartSlotContent = L(e);
+    this._hasActionsStartSlotContent = L(e), this._updateSlottedActionTextEnabled(e.currentTarget);
   }
   _handleActionsEndSlotChange(e) {
-    this._hasActionsEndSlotContent = L(e);
+    this._hasActionsEndSlotContent = L(e), this._updateSlottedActionTextEnabled(e.currentTarget);
+  }
+  _updateSlottedActionTextEnabled(e) {
+    const t = !this._hideActionText;
+    e.assignedElements({ flatten: !0 }).forEach((i) => {
+      (i.matches("calcite-action") ? [i] : i.querySelectorAll("calcite-action")).forEach((a) => a.textEnabled = t);
+    });
   }
   _removeSpinner(e) {
     e?.manager?.component?.extraContent?.remove(this._spinnerEl), this._spinnerEl = void 0;
@@ -401,15 +408,15 @@ class oe extends V {
   _renderFeaturePaginationText(e, t) {
     const { messages: i } = this;
     return n`<div class="pagination-text">${u(i.pageText ?? "", {
-      index: b(t + 1),
-      total: b(e)
+      index: C(t + 1),
+      total: C(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=${u(e.pageText ?? "", {
-      index: b(a + 1),
-      total: b(i)
+      index: C(a + 1),
+      total: C(i)
     })} text-enabled title=${e.showAllFeatures ?? "" ?? g}></calcite-action>`;
   }
   _renderPagination(e, t) {
@@ -435,10 +442,10 @@ 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: C } = 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: b } = this.viewModel, p = this._getHeading();
     if (r === "list" && !l)
       return null;
-    const F = !this._selectedFeaturePending && (f ? !f.content : !C);
+    const F = !this._selectedFeaturePending && (f ? !f.content : !b);
     return n`<calcite-flow-item .focusTrapEnabled=${this.focusTrapEnabled} class=${x(I({
       "content-feature": !0,
       "flow-item-collapsed": s
@@ -463,13 +470,13 @@ 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: C, features: p, streamingFeatures: F } = e, $ = i ?? s.selectFeature, A = this._backLabel;
+    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: b, 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=${!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 ?? "", {
+    }))} .closable=${!t} .closed=${!b} .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();

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

@@ -3,6 +3,7 @@ import type WebMap from "@arcgis/core/WebMap.js";
 import type WebScene from "@arcgis/core/WebScene.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { ArcgisReferenceElement, IconName, HeadingLevel } from "../types.js";
+import type { IFloorFilterViewModel } from "./interfaces.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { MapViewOrSceneView } from "@arcgis/core/views/MapViewOrSceneView.js";
 import type { GoToOverride } from "@arcgis/core/widgets/support/types.js";
@@ -204,6 +205,8 @@ export abstract class ArcgisFloorFilter extends LitElement {
    * > **Note:** The recommended approach is to fully migrate applications to use map and scene components and avoid using MapView and SceneView directly. However, if you are migrating a large application from widgets to components, you might prefer a more gradual transition. To support this use case, the SDK includes this `view` property which connects a component to a MapView or SceneView. Ultimately, once migration is complete, the arcgis-floor-filter component will be associated with a map or scene component rather than using the `view` property.
    */
   accessor view: MapViewOrSceneView | null | undefined;
+  /** @internal */
+  accessor viewModel: IFloorFilterViewModel;
   /** Permanently destroy the component. */
   destroy(): Promise<void>;
   /** @param webMap */

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

@@ -53,13 +53,13 @@ const h = "floor-filter", v = `${h}__filter-menu`, o = {
 }, H = $`.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}`, O = /* @__PURE__ */ new Set(["ArrowUp", "ArrowDown", "End", "Home"]), j = 50, D = S(L);
 class R extends T {
   constructor() {
-    super(...arguments), this._direction = B(), this.messages = N({}), this.store = E({ search: void 0 }), this.viewModel = D(this), this._activeMenu = null, this._activeMenuIndex = {
+    super(...arguments), this._direction = B(), this.messages = N({}), this.store = E({ search: void 0 }), 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();
+    }, this._facilitiesListNode = x(), this._levelsListNode = x(), this._sitesListNode = x(), this.viewModel = D(this), 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();
   }
   static {
-    this.properties = { view: 0, autoDestroyDisabled: 5, facility: 3, headingLevel: 11, icon: 1, label: 1, level: 3, longNames: 7, messageOverrides: 0, goToOverride: 0, referenceElement: 1, site: 3 };
+    this.properties = { viewModel: 0, view: 0, autoDestroyDisabled: 5, facility: 3, headingLevel: 11, icon: 1, label: 1, level: 3, longNames: 7, messageOverrides: 0, goToOverride: 0, referenceElement: 1, site: 3 };
   }
   static {
     this.styles = H;

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

@@ -0,0 +1,72 @@
+import type Geometry from "@arcgis/core/geometry/Geometry.js";
+import type FloorFilterViewModel from "@arcgis/core/widgets/FloorFilter/FloorFilterViewModel.js";
+import type WebMap from "@arcgis/core/WebMap.js";
+import type WebScene from "@arcgis/core/WebScene.js";
+
+export interface IFloorFilterViewModel extends FloorFilterViewModel {
+  filterFacilities: (facilities: Facility[]) => Facility[];
+  filterFeatures: FilterFeatures;
+  filterMenuOpen: boolean;
+  filterMenuType: FilterMenuType;
+  filterMode: FilterMode;
+  filterSites: (sites: Site[]) => Site[];
+  getBaseLevel?: (facility: Facility | null | undefined) => Level | null;
+  getFacility?: (facilityId: null | undefined | string) => Facility | null;
+  getFacilityLevels: (facilityId: null | undefined | string) => Level[];
+  getLevel?: (levelId: null | undefined | string) => Level | null;
+  getSite: (siteId: null | undefined | string) => null | undefined | Site;
+  goTo: (feature: Facility | null | undefined | Site) => void;
+  hasMultipleSites: boolean;
+  isNormalMode: boolean;
+  levelsExpanded: boolean;
+  searchTerm: null | undefined | string;
+  setFloors: (level: Level | null | undefined) => void;
+  state: FloorFilterState;
+  updateWebDocument: (document: WebMap | WebScene) => void;
+}
+
+export type FilterMenuType = "facility" | "site";
+
+export type FilterMode = "base-floors" | "single-floor";
+
+export type FloorFilterState = "disabled" | "loading" | "ready";
+
+export interface FilterFeatures {
+  sites: Sites;
+  facilities: Facilities;
+  levels: Levels;
+}
+
+export interface Sites {
+  sitesInfo: Site[];
+}
+
+export interface Facilities {
+  facilitiesInfo: Facility[];
+}
+
+export interface Levels {
+  levelsInfo: Level[];
+}
+
+export interface Site {
+  id: string;
+  name: string;
+  geometry: Geometry;
+}
+
+export interface Facility {
+  id: string;
+  siteId: null | undefined | string;
+  name: string;
+  geometry: Geometry;
+}
+
+export interface Level {
+  id: string;
+  facilityId: string;
+  longName: null | undefined | string;
+  shortName: null | undefined | string;
+  levelNumber: null | undefined | number;
+  verticalOrder: null | undefined | number;
+}