@arcgis/map-components 5.2.0-next.160 → 5.2.0-next.162

package/dist/components/arcgis-coordinate-conversion-next/customElement.js

@@ -2,7 +2,7 @@
 import { c as y } from "../../chunks/runtime.js";
 import { keyed as k } from "lit/directives/keyed.js";
 import { repeat as C } from "lit/directives/repeat.js";
-import { css as P, nothing as c, html as n } from "lit";
+import { css as P, nothing as s, html as n } from "lit";
 import { createRef as b, ref as p } from "lit/directives/ref.js";
 import { LitElement as S, createEvent as m, safeClassMap as z } from "@arcgis/lumina";
 import { usePropertyChange as M } from "@arcgis/lumina/controllers";
@@ -54,7 +54,7 @@ class B extends S {
       open: !1
     }, this.elevationPopoverOpen = !1, this.formatsPopoverOpen = !1, this.invalidInput = !1, this.view = this.viewModel.view, this.autoDestroyDisabled = !1, this.conversions = this.viewModel.conversions, this.currentLocation = this.viewModel.currentLocation, this.formats = this.viewModel.formats, this.goToOverride = this.viewModel.goToOverride, this.headingLevel = 4, this.hideCaptureSection = !1, this.hideInputSection = !1, this.hideSettingsButton = !1, this.icon = "coordinate-system", this.label = this.messages.componentLabel, this.locationSymbol = this.viewModel.locationSymbol, this.mode = this.viewModel.mode, this.removeLeadingZeros = this.viewModel.removeLeadingZeros, this.visualScale = "s", this.showElevation = !1, this.state = this.viewModel.state, this.storageType = this.viewModel.storageType, this.arcgisConversionChange = m(), this.arcgisPropertyChange = M()("currentLocation", "state", "mode", "verticalUnit"), this.arcgisReady = m(), this.renderConversionView = (e, o) => {
       const { messages: i } = this, { format: t } = e, r = t?.label ?? "", a = o === 0 && !e.displayCoordinate ? i.noLocation : e.displayCoordinate, d = this._renderConversionActions(e, a);
-      return k(e?.format?.name, n`<calcite-list-item class="conversion-list-item" .description=${r.toUpperCase()} .label=${this.getDisplayCoordinate(a)} .scale=${this.visualScale} title=${a ?? void 0 ?? c}>${d}</calcite-list-item>`);
+      return k(e?.format?.name, n`<calcite-list-item class="conversion-list-item" .description=${r.toUpperCase()} .label=${this.getDisplayCoordinate(a)} .scale=${this.visualScale} title=${a ?? void 0 ?? s}>${d}</calcite-list-item>`);
     }, this.renderLiveModeSection = () => {
       const { messages: e } = this, o = this.mode === "idle" ? this.viewModel.mode : this.mode;
       return n`<calcite-block class="live-mode-block" .disabled=${this.disabled} expanded .headingLevel=${this.headingLevel} .label=${e.captureMode} .scale=${this.visualScale}><calcite-label alignment=end class="live-mode-label" layout=inline .scale=${this.visualScale}>${e.captureMode}<calcite-switch .checked=${o === "capture"} @calciteSwitchChange=${this.toggleMode}></calcite-switch></calcite-label></calcite-block>`;
@@ -164,8 +164,8 @@ class B extends S {
     try {
       const r = await this._reverseConvert(e, o);
       if (r)
-        i && t.goToLocation(r).catch((s) => {
-          w(this)(s), this.showAlertMessage(null, this.messages.locationOffBasemap, "warning");
+        i && t.goToLocation(r).catch((c) => {
+          w(this)(c), this.showAlertMessage(null, this.messages.locationOffBasemap, "warning");
         });
       else
         throw new Error("failed to process user input");
@@ -263,48 +263,48 @@ class B extends S {
     return n`<calcite-alert class="alert" .kind=${r} .label=${e.alertLabel} @calciteAlertClose=${this.clearAlertTimeout} .open=${o} placement=top .scale=${this.visualScale} slot=alerts>${t ? n`<div slot=title>${t}</div>` : null}${i ? n`<div slot=message>${i}</div>` : null}</calcite-alert>`;
   }
   _renderConversionActions(e, o) {
-    const { messages: i } = this, t = this.getConversionPopoverState(e), r = i.settingsTitleWithFormat.replace("{formatName}", e.format?.name?.toUpperCase() ?? ""), s = e.displayCoordinate && this.mode !== "live";
-    return n`<calcite-action-group layout=horizontal .scale=${this.visualScale} slot=actions-end>${s ? n`<calcite-action .icon=${l.copy} .label=${i.copyLabel} @click=${() => this.copyToClipboard(o)} .scale=${this.visualScale} .text=${i.copyLabel} title=${i.copyLabel ?? c}></calcite-action>` : null}${this.hideSettingsButton ? null : n`<calcite-action data-format=${e.format?.name ?? c} .icon=${l.gear} .label=${r} @click=${(a) => this.openConversionSettings(e, a)} .scale=${this.visualScale} .text=${r} title=${r ?? c} ${p(t.triggerRef)}></calcite-action>`}</calcite-action-group>`;
+    const { messages: i } = this, t = this.getConversionPopoverState(e), r = i.settingsTitleWithFormat.replace("{formatName}", e.format?.name?.toUpperCase() ?? ""), c = e.displayCoordinate && this.mode !== "live";
+    return n`<calcite-action-group layout=horizontal .scale=${this.visualScale} slot=actions-end>${c ? n`<calcite-action .icon=${l.copy} .label=${i.copyLabel} @click=${() => this.copyToClipboard(o)} .scale=${this.visualScale} .text=${i.copyLabel} title=${i.copyLabel ?? s}></calcite-action>` : null}${this.hideSettingsButton ? null : n`<calcite-action data-format=${e.format?.name ?? s} .icon=${l.gear} .label=${r} @click=${(a) => this.openConversionSettings(e, a)} .scale=${this.visualScale} .text=${r} title=${r ?? s} ${p(t.triggerRef)}></calcite-action>`}</calcite-action-group>`;
   }
   renderConversionOptions(e, o) {
     return e.map((i) => n`<calcite-option .label=${i.label.toUpperCase()} .selected=${i === o} .value=${i}>${i.label}</calcite-option>`);
   }
   renderConversionPopover() {
-    const { activeConversion: e, messages: o } = this;
-    if (!e)
+    const { activeConversion: e, messages: o } = this, i = e ?? this.conversions?.at(0);
+    if (!i)
       return null;
-    const i = this.getConversionPopoverState(e), t = o.settingsTitleWithFormat.replace("{formatName}", e.format?.name?.toUpperCase() ?? "");
+    const t = this.getConversionPopoverState(i), r = o.settingsTitleWithFormat.replace("{formatName}", i.format?.name?.toUpperCase() ?? "");
     return this.renderPopover({
       class: "conversion-popover",
       content: this.renderSettingsView(),
-      getPopoverOpenProperty: () => i.open,
-      heading: t,
+      getPopoverOpenProperty: () => t.open,
+      heading: r,
       includeFooter: !0,
-      label: t,
-      setPopoverOpenProperty: (r) => {
-        i.open = r, r || (this._conversionPopoverTrigger = void 0, this.activeConversion = void 0), this.requestUpdate();
+      label: r,
+      setPopoverOpenProperty: (c) => {
+        t.open = c, c || (this._conversionPopoverTrigger = void 0, this.activeConversion = void 0), this.requestUpdate();
       },
       trigger: null,
-      triggerElement: i.triggerRef.value ?? this._conversionPopoverTrigger ?? void 0
+      triggerElement: t.triggerRef.value ?? this._conversionPopoverTrigger ?? void 0
     });
   }
   renderConversionsView() {
     if (!this.conversions)
       return;
-    const { messages: e, multipleConversionsDisabled: o } = this, t = (o ? this.conversions.slice(0, 1) : this.conversions).map(this.renderConversionView).reverse(), r = this.showElevation ? this.renderElevation() : null, s = this.hideCaptureSection ? null : this.renderLiveModeSection(), a = this.hideInputSection ? null : this.renderCoordinateInputView(), d = this.multipleConversionsDisabled ? null : this.renderFormatDropdown(), v = this.disabled ? n`<calcite-notice .icon=${l.lightbulb} .open=${this.disabled} width=full><div class="font-size-small" slot=message>${e.noBasemap}</div></calcite-notice>` : null;
-    return n`${s}${v}${a}<calcite-block class="conversions-block" .disabled=${this.disabled} expanded .heading=${e.coordinates} .headingLevel=${this.headingLevel} .scale=${this.visualScale}><calcite-list interaction-mode=static .label=${e.coordinates} .scale=${this.visualScale}>${t}</calcite-list>${d}</calcite-block>${r}`;
+    const { messages: e, multipleConversionsDisabled: o } = this, t = (o ? this.conversions.slice(0, 1) : this.conversions).map(this.renderConversionView).reverse(), r = this.showElevation ? this.renderElevation() : null, c = this.hideCaptureSection ? null : this.renderLiveModeSection(), a = this.hideInputSection ? null : this.renderCoordinateInputView(), d = this.multipleConversionsDisabled ? null : this.renderFormatDropdown(), v = this.disabled ? n`<calcite-notice .icon=${l.lightbulb} .open=${this.disabled} width=full><div class="font-size-small" slot=message>${e.noBasemap}</div></calcite-notice>` : null;
+    return n`${c}${v}${a}<calcite-block class="conversions-block" .disabled=${this.disabled} expanded .heading=${e.coordinates} .headingLevel=${this.headingLevel} .scale=${this.visualScale}><calcite-list interaction-mode=static .label=${e.coordinates} .scale=${this.visualScale}>${t}</calcite-list>${d}</calcite-block>${r}`;
   }
   renderCoordinateInputView() {
-    const { messages: e } = this, o = this.inputFormat ?? this.conversions.at(0)?.format, i = this.getId("coordinate-input"), t = this.renderConversionOptions(this.formats, o ?? void 0), r = n`<calcite-action .icon=${l.goTo} .label=${e.convertAndGoTo} @click=${() => this.processUserMouseInput(!0)} .scale=${this.visualScale} .text=${e.convertAndGoTo} title=${e.convertAndGoTo ?? c}></calcite-action>`;
-    return n`<calcite-block expandable data-testid=input-block .disabled=${this.disabled} .heading=${e.input} .headingLevel=${this.headingLevel} .scale=${this.visualScale}><div class="input-form-group"><calcite-label .scale=${this.visualScale}>${e.inputFormat}<calcite-select aria-controls=${i ?? c} class="input-select" .label=${e.inputFormat} @calciteSelectChange=${this.setInputFormat} .scale=${this.visualScale}>${t}</calcite-select></calcite-label><calcite-label .scale=${this.visualScale}>${e.inputCoordTitle}<div class="go-to-input-holder"><calcite-input class="coordinate-input" data-format=${o ?? c} data-testid=coordinate-input id=${i ?? c} @keydown=${this.processUserKeyboardInput} .placeholder=${e.inputCoordTitle} required .scale=${this.visualScale} .status=${this.invalidInput ? "invalid" : "idle"} ${p(this._coordinateInput)}></calcite-input>${r}</div></calcite-label><calcite-button appearance=outline data-testid=convert-button kind=neutral @click=${() => this.processUserMouseInput(!1)} type=button .scale=${this.visualScale} width=auto>${e.convert}</calcite-button></div></calcite-block>`;
+    const { messages: e } = this, o = this.inputFormat ?? this.conversions.at(0)?.format, i = this.getId("coordinate-input"), t = this.renderConversionOptions(this.formats, o ?? void 0), r = n`<calcite-action .icon=${l.goTo} .label=${e.convertAndGoTo} @click=${() => this.processUserMouseInput(!0)} .scale=${this.visualScale} .text=${e.convertAndGoTo} title=${e.convertAndGoTo ?? s}></calcite-action>`;
+    return n`<calcite-block expandable data-testid=input-block .disabled=${this.disabled} .heading=${e.input} .headingLevel=${this.headingLevel} .scale=${this.visualScale}><div class="input-form-group"><calcite-label .scale=${this.visualScale}>${e.inputFormat}<calcite-select aria-controls=${i ?? s} class="input-select" .label=${e.inputFormat} @calciteSelectChange=${this.setInputFormat} .scale=${this.visualScale}>${t}</calcite-select></calcite-label><calcite-label .scale=${this.visualScale}>${e.inputCoordTitle}<div class="go-to-input-holder"><calcite-input class="coordinate-input" data-format=${o ?? s} data-testid=coordinate-input id=${i ?? s} @keydown=${this.processUserKeyboardInput} .placeholder=${e.inputCoordTitle} required .scale=${this.visualScale} .status=${this.invalidInput ? "invalid" : "idle"} ${p(this._coordinateInput)}></calcite-input>${r}</div></calcite-label><calcite-button appearance=outline data-testid=convert-button kind=neutral @click=${() => this.processUserMouseInput(!1)} type=button .scale=${this.visualScale} width=auto>${e.convert}</calcite-button></div></calcite-block>`;
   }
   renderElevation() {
     const { messages: e } = this, o = this.displayedElevation ?? e.noElevation, i = this.renderElevationActions(), t = this.hideSettingsButton ? null : this.renderElevationSettingsDropdown();
-    return n`<calcite-block .disabled=${this.disabled} expanded .heading=${e.elevation} .headingLevel=${this.headingLevel} .scale=${this.visualScale}><calcite-list interaction-mode=static .label=${e.elevation} .scale=${this.visualScale}><calcite-list-item class="elevation-list-item" .label=${o} .scale=${this.visualScale} title=${o ?? c}>${i}</calcite-list-item></calcite-list>${t}</calcite-block>`;
+    return n`<calcite-block .disabled=${this.disabled} expanded .heading=${e.elevation} .headingLevel=${this.headingLevel} .scale=${this.visualScale}><calcite-list interaction-mode=static .label=${e.elevation} .scale=${this.visualScale}><calcite-list-item class="elevation-list-item" .label=${o} .scale=${this.visualScale} title=${o ?? s}>${i}</calcite-list-item></calcite-list>${t}</calcite-block>`;
   }
   renderElevationActions() {
     const { messages: e } = this, o = this.currentLocation?.z !== void 0 && this.mode !== "live", i = this.displayedElevation ?? e.noElevation;
-    return n`<calcite-action-group layout=horizontal .scale=${this.visualScale} slot=actions-end>${o ? n`<calcite-action .icon=${l.copy} .label=${e.copyElevationLabel} @click=${() => o && this.copyToClipboard(i)} .scale=${this.visualScale} .text=${e.copyElevationLabel} title=${e.copyElevationLabel ?? c}></calcite-action>` : null}${this.hideSettingsButton ? null : n`<calcite-action .icon=${l.gear} .label=${e.selectElevationUnit} .scale=${this.visualScale} .text=${e.selectElevationUnit} title=${e.selectElevationUnit ?? c} ${p(this.onElevationPopoverTriggerMount)}></calcite-action>`}</calcite-action-group>`;
+    return n`<calcite-action-group layout=horizontal .scale=${this.visualScale} slot=actions-end>${o ? n`<calcite-action .icon=${l.copy} .label=${e.copyElevationLabel} @click=${() => o && this.copyToClipboard(i)} .scale=${this.visualScale} .text=${e.copyElevationLabel} title=${e.copyElevationLabel ?? s}></calcite-action>` : null}${this.hideSettingsButton ? null : n`<calcite-action .icon=${l.gear} .label=${e.selectElevationUnit} .scale=${this.visualScale} .text=${e.selectElevationUnit} title=${e.selectElevationUnit ?? s} ${p(this.onElevationPopoverTriggerMount)}></calcite-action>`}</calcite-action-group>`;
   }
   renderElevationSettingsDropdown() {
     const { messages: e } = this, o = n`<arcgis-unit-radio-button-group @arcgisUnitSelectChange=${(i) => this.verticalUnit = i.detail} .options=${U} .name=${e.selectElevationUnit} .scale=${this.visualScale} .value=${this.verticalUnit}></arcgis-unit-radio-button-group>`;
@@ -321,8 +321,8 @@ class B extends S {
   }
   renderFormatDropdown() {
     const { messages: e } = this, o = n`<calcite-list .label=${e.addConversion} .scale=${this.visualScale} selection-mode=multiple>${C(this.formats, (t) => t, (t) => {
-      const r = !!this.conversions.find((a) => a.format === t), s = this.getFormatDescription(t);
-      return n`<calcite-list-item data-format=${t.name ?? c} .description=${s} .disabled=${r && this.conversions.length === 1} .label=${t.label.toUpperCase()} @calciteListItemSelect=${this.toggleConversion} .selected=${r}></calcite-list-item>`;
+      const r = !!this.conversions.find((a) => a.format === t), c = this.getFormatDescription(t);
+      return n`<calcite-list-item data-format=${t.name ?? s} .description=${c} .disabled=${r && this.conversions.length === 1} .label=${t.label.toUpperCase()} @calciteListItemSelect=${this.toggleConversion} .selected=${r}></calcite-list-item>`;
     })}</calcite-list>`, i = n`<calcite-button appearance=outline class="add-conversion-trigger" .iconStart=${l.plus} kind=neutral .label=${e.selectFormats} round .scale=${this.visualScale} ${p(this.onFormatPopoverTriggerMount)}>${e.selectFormats}</calcite-button>`;
     return this.renderPopover({
       content: o,
@@ -334,7 +334,7 @@ class B extends S {
       triggerElement: this._formatsPopoverTrigger
     });
   }
-  renderPopover({ content: e, class: o, closeOnEnter: i, heading: t, getPopoverOpenProperty: r, includeFooter: s, label: a, setPopoverOpenProperty: d, slot: v, trigger: x, triggerDisabled: $, triggerElement: f }) {
+  renderPopover({ content: e, class: o, closeOnEnter: i, heading: t, getPopoverOpenProperty: r, includeFooter: c, label: a, setPopoverOpenProperty: d, slot: v, trigger: x, triggerDisabled: $, triggerElement: f }) {
     const { messages: _ } = this;
     return n`${x}${f ? n`<calcite-popover auto-close class=${z(o)} .heading=${t} .headingLevel=${this.headingLevel} .label=${a} @calcitePopoverBeforeOpen=${() => {
       d(!0);
@@ -342,14 +342,14 @@ class B extends S {
       d(!1), h.stopPropagation();
     }} @keydown=${(h) => {
       i && (h.key === "Enter" || h.key === " ") && d(!1);
-    }} .open=${r()} .referenceElement=${f} .scale=${this.visualScale} slot=${v ?? c} .triggerDisabled=${$}>${e}${s ? n`<div class="popover-footer"><calcite-button appearance=solid class="popover-done-button" kind=brand @click=${() => d(!1)} .scale=${this.visualScale} width=full>${_.done}</calcite-button></div>` : null}</calcite-popover>` : null}`;
+    }} .open=${r()} .referenceElement=${f} .scale=${this.visualScale} slot=${v ?? s} .triggerDisabled=${$}>${e}${c ? n`<div class="popover-footer"><calcite-button appearance=solid class="popover-done-button" kind=brand @click=${() => d(!1)} .scale=${this.visualScale} width=full>${_.done}</calcite-button></div>` : null}</calcite-popover>` : null}`;
   }
   renderSettingsView() {
-    const { messages: e } = this, o = this.findSettingsFormat(), i = this.getId("pattern-input"), t = this.getId("preview-coordinate"), r = o?.currentPattern, s = this.multipleConversionsDisabled ? this.renderSingleFormatDropdown() : null;
+    const { messages: e } = this, o = this.findSettingsFormat(), i = this.getId("pattern-input"), t = this.getId("preview-coordinate"), r = o?.currentPattern, c = this.multipleConversionsDisabled ? this.renderSingleFormatDropdown() : null;
     if (!o || !g(o))
-      return n`<div class="settings"><calcite-label .scale=${this.visualScale}>${e.format}${s ?? n`<calcite-notice class="no-display-properties-notice" .icon=${l.warning} open .scale=${this.visualScale}><div class="font-size-small" slot=message>${e.noDisplayProperties}</div></calcite-notice>`}</calcite-label></div>`;
-    const a = n`<calcite-action .icon=${l.refresh} .label=${e.defaultPattern} @click=${this.setDefaultPattern} .scale=${this.visualScale} .text=${e.defaultPattern} title=${e.defaultPattern ?? c}></calcite-action>`;
-    return n`<div class="settings"><calcite-label .scale=${this.visualScale}>${e.format}${s}</calcite-label><calcite-label .for=${i} .scale=${this.visualScale}>${e.display}<div class="settings-form-group-horizontal"><calcite-input aria-controls=${t ?? c} class="pattern-input" id=${i ?? c} @calciteInputInput=${this.updateCurrentPattern} .scale=${this.visualScale} type=text .value=${r}></calcite-input>${a}</div></calcite-label><calcite-label .scale=${this.visualScale}>${e.preview}<calcite-input read-only .scale=${this.visualScale} type=text .value=${this.previewConversion?.displayCoordinate ?? void 0}></calcite-input></calcite-label></div>`;
+      return n`<div class="settings"><calcite-label .scale=${this.visualScale}>${e.format}${c ?? n`<calcite-notice class="no-display-properties-notice" .icon=${l.warning} open .scale=${this.visualScale}><div class="font-size-small" slot=message>${e.noDisplayProperties}</div></calcite-notice>`}</calcite-label></div>`;
+    const a = n`<calcite-action .icon=${l.refresh} .label=${e.defaultPattern} @click=${this.setDefaultPattern} .scale=${this.visualScale} .text=${e.defaultPattern} title=${e.defaultPattern ?? s}></calcite-action>`;
+    return n`<div class="settings"><calcite-label .scale=${this.visualScale}>${e.format}${c}</calcite-label><calcite-label .for=${i} .scale=${this.visualScale}>${e.display}<div class="settings-form-group-horizontal"><calcite-input aria-controls=${t ?? s} class="pattern-input" id=${i ?? s} @calciteInputInput=${this.updateCurrentPattern} .scale=${this.visualScale} type=text .value=${r}></calcite-input>${a}</div></calcite-label><calcite-label .scale=${this.visualScale}>${e.preview}<calcite-input read-only .scale=${this.visualScale} type=text .value=${this.previewConversion?.displayCoordinate ?? void 0}></calcite-input></calcite-label></div>`;
   }
   renderSingleFormatDropdown() {
     const { messages: e } = this;

package/dist/components/arcgis-elevation-profile/customElement.js

@@ -10,8 +10,8 @@ import { LitElement as B, createEvent as O, nothing as u, safeClassMap as m } fr
 import { usePropertyChange as D } from "@arcgis/lumina/controllers";
 import { slotChangeHasContent as _ } from "@arcgis/toolkit/dom/slots";
 import { u as $ } from "../../chunks/useT9n.js";
-import { m as E } from "../../chunks/useViewModel.js";
-import { t as V, c as x } from "../../chunks/async-utils.js";
+import { m as V } from "../../chunks/useViewModel.js";
+import { t as E, c as x } from "../../chunks/async-utils.js";
 import { g as f } from "../../chunks/globalCss.js";
 import P from "@arcgis/core/analysis/ElevationProfileAnalysis.js";
 import { property as a, subclass as z } from "@arcgis/core/core/accessorSupport/decorators.js";
@@ -22,7 +22,7 @@ import { m as L } from "../../chunks/handle.js";
 const I = S`.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-widget--panel{min-width:300px;min-height:32px;padding:var(--arcgis-internal-padding);transition:max-height .25s ease-in-out;overflow-y:auto}:host{--internal-chart-height: 180px;--internal-gap: var(--calcite-spacing-sm-plus);width:550px;isolation:isolate;position:relative;container-type:inline-size}.root{display:flex;flex-direction:column;width:100%;min-width:0;gap:var(--internal-gap)}.header{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;margin-bottom:calc(var(--internal-gap) * -1)}.actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--calcite-spacing-xs)}.action-button{width:auto;min-height:32px}.main-container{display:flex;position:relative;flex-flow:column;width:100%;height:var(--internal-chart-height)}.chart-container{position:relative;width:100%;height:100%}.prompt-container{box-sizing:border-box;display:grid;place-content:center;padding-inline:var(--calcite-spacing-md);height:100%;text-align:center}.prompt-message{margin:0;width:100%}.spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .15s ease-in-out;transition-delay:0;opacity:0;&.visible{transition-delay:50ms;opacity:1}&.small{inset-inline-start:0;inset-block-start:-24px;left:unset;transform:none;color:var(--calcite-color-brand)}}@container (max-width: 400px){.esri-widget--panel{height:auto}.actions{flex-direction:column}.action-button{align-self:stretch}}`;
 async function R(t, e, i) {
   const s = await T(t, e);
-  return V(i), H(s) ? s.highlight(e) : L();
+  return E(i), H(s) ? s.highlight(e) : L();
 }
 async function T(t, e) {
   const i = e?.layer;
@@ -41,13 +41,10 @@ function j({ geometry: t }) {
 function G(t) {
   return t?.samples?.some((e) => e.z != null) ?? !1;
 }
-function q(t) {
-  return t?.type === "polyline";
-}
-var N = Object.defineProperty, J = Object.getOwnPropertyDescriptor, o = (t, e, i, s) => {
-  for (var n = s > 1 ? void 0 : s ? J(e, i) : e, l = t.length - 1, c; l >= 0; l--)
+var q = Object.defineProperty, N = Object.getOwnPropertyDescriptor, o = (t, e, i, s) => {
+  for (var n = s > 1 ? void 0 : s ? N(e, i) : e, l = t.length - 1, c; l >= 0; l--)
     (c = t[l]) && (n = (s ? c(e, i, n) : c(n)) || n);
-  return s && n && N(e, i, n), n;
+  return s && n && q(e, i, n), n;
 };
 let r = class extends A {
   constructor() {
@@ -60,10 +57,7 @@ let r = class extends A {
     );
   }
   get doneButtonAvailable() {
-    if (this.featureIsSelected)
-      return !1;
-    const { geometry: t } = this.analysis;
-    return q(t) && t.paths.length > 0 && t.paths[0].length > 2;
+    return this.featureIsSelected ? !1 : this.analysisView?.canStopPlacing ?? !1;
   }
   get effectiveDisplayUnits() {
     return this.analysisView?.effectiveDisplayUnits;
@@ -366,10 +360,10 @@ function b(t) {
   const e = t?.filter((i) => w.includes(i));
   return e && e.length > 0 ? e : w.slice();
 }
-const K = E(r);
-class Q extends B {
+const J = V(r);
+class K extends B {
   constructor() {
-    super(...arguments), this.viewModel = K(this), this._chartInitializationTask = M(void 0), this._messages = $(), this._hideZoomOutButton = !0, this._hasSettingsStartContent = !1, this._hasSettingsEndContent = !1, this.analysis = this.viewModel.analysis, this.view = this.viewModel.view, this.autoDestroyDisabled = !1, this.effectiveDisplayUnits = this.viewModel.effectiveDisplayUnits, this.feature = this.viewModel.feature, this.hideChart = !1, this.hideChartGridLines = !1, this.hideChartAxisLabels = !1, this.hideClearButton = !1, this.hideLegend = !1, this.hideSelectButton = !1, this.hideSettingsButton = !1, this.hideResetUnitsButton = !1, this.hideStartButton = !1, this.hideUniformChartScalingToggle = !1, this.hideDistanceDisplayUnitSelect = !1, this.hideElevationDisplayUnitSelect = !1, this.hideVisualization = this.viewModel.hideVisualization, this.highlightDisabled = this.viewModel.highlightDisabled, this.icon = "altitude", this.indicatorRelativePosition = this.viewModel.indicatorRelativePosition, this.interactionDisabled = this.viewModel.interactionDisabled, this.geometry = this.viewModel.geometry, this.elevationInfo = this.viewModel.elevationInfo, this.profiles = this.viewModel.profiles, this.progress = this.viewModel.progress, this.state = this.viewModel.state, this.uniformChartScaling = this.viewModel.uniformChartScaling, this.distanceUnit = this.viewModel.distanceUnit, this.distanceUnitOptions = this.viewModel.distanceUnitOptions, this.elevationUnit = this.viewModel.elevationUnit, this.elevationUnitOptions = this.viewModel.elevationUnitOptions, this.arcgisPropertyChange = D()("analysis", "effectiveDisplayUnits", "elevationInfo", "feature", "geometry", "indicatorRelativePosition", "interactionDisabled", "progress", "state"), this.arcgisReady = O();
+    super(...arguments), this.viewModel = J(this), this._chartInitializationTask = M(void 0), this._messages = $(), this._hideZoomOutButton = !0, this._hasSettingsStartContent = !1, this._hasSettingsEndContent = !1, this.analysis = this.viewModel.analysis, this.view = this.viewModel.view, this.autoDestroyDisabled = !1, this.effectiveDisplayUnits = this.viewModel.effectiveDisplayUnits, this.feature = this.viewModel.feature, this.hideChart = !1, this.hideChartGridLines = !1, this.hideChartAxisLabels = !1, this.hideClearButton = !1, this.hideLegend = !1, this.hideSelectButton = !1, this.hideSettingsButton = !1, this.hideResetUnitsButton = !1, this.hideStartButton = !1, this.hideUniformChartScalingToggle = !1, this.hideDistanceDisplayUnitSelect = !1, this.hideElevationDisplayUnitSelect = !1, this.hideVisualization = this.viewModel.hideVisualization, this.highlightDisabled = this.viewModel.highlightDisabled, this.icon = "altitude", this.indicatorRelativePosition = this.viewModel.indicatorRelativePosition, this.interactionDisabled = this.viewModel.interactionDisabled, this.geometry = this.viewModel.geometry, this.elevationInfo = this.viewModel.elevationInfo, this.profiles = this.viewModel.profiles, this.progress = this.viewModel.progress, this.state = this.viewModel.state, this.uniformChartScaling = this.viewModel.uniformChartScaling, this.distanceUnit = this.viewModel.distanceUnit, this.distanceUnitOptions = this.viewModel.distanceUnitOptions, this.elevationUnit = this.viewModel.elevationUnit, this.elevationUnitOptions = this.viewModel.elevationUnitOptions, this.arcgisPropertyChange = D()("analysis", "effectiveDisplayUnits", "elevationInfo", "feature", "geometry", "indicatorRelativePosition", "interactionDisabled", "progress", "state"), this.arcgisReady = O();
   }
   static {
     this.properties = { _messages: 16, _hideZoomOutButton: 16, _chartContainer: 16, _hasSettingsStartContent: 16, _hasSettingsEndContent: 16, analysis: 0, view: 0, autoDestroyDisabled: 5, effectiveDisplayUnits: 32, feature: 0, hideChart: 5, hideChartGridLines: 5, hideChartAxisLabels: 5, hideClearButton: 5, hideLegend: 5, hideSelectButton: 5, hideSettingsButton: 5, hideResetUnitsButton: 5, hideStartButton: 5, hideUniformChartScalingToggle: 5, hideDistanceDisplayUnitSelect: 5, hideElevationDisplayUnitSelect: 5, hideVisualization: 5, highlightDisabled: 5, icon: 3, indicatorRelativePosition: 40, interactionDisabled: 5, geometry: 0, elevationInfo: 0, label: 1, messageOverrides: 0, referenceElement: 1, profiles: 0, progress: 40, state: 32, uniformChartScaling: 5, distanceUnit: 1, distanceUnitOptions: 0, elevationUnit: 1, elevationUnitOptions: 0 };
@@ -446,7 +440,7 @@ class Q extends B {
     this.viewModel.stop();
   }
   _getErrorMessage() {
-    const e = W[this.viewModel.errorState];
+    const e = Q[this.viewModel.errorState];
     return e ? this._messages?.errors?.[e] : void 0;
   }
   _onClearButtonClick() {
@@ -623,14 +617,14 @@ class Q extends B {
 function h(t) {
   return t.hidden ? void 0 : t.children;
 }
-const g = [{ type: "select" }, { type: "sketch" }], W = {
+const g = [{ type: "select" }, { type: "sketch" }], Q = {
   none: void 0,
   "no-valid-input": "noProfile",
   "no-available-profiles": "noProfile",
   "too-complex": "tooComplex",
   unknown: "unknown"
 };
-C("arcgis-elevation-profile", Q);
+C("arcgis-elevation-profile", K);
 export {
-  Q as ArcgisElevationProfile
+  K as ArcgisElevationProfile
 };

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;
+}