@esri/solutions-components 1.2.0-next.4 → 1.2.0-next.40

package/dist/components/map-select-tools/customElement.js

@@ -1,18 +1,22 @@
-import { c as w } from "../../chunks/runtime.js";
-import { l as L } from "../../chunks/loadModules.js";
-import { b as S, c as v, g } from "../../chunks/mapViewUtils.js";
-import { b as C, g as G, a as V } from "../../chunks/queryUtils.js";
+import { c as L } from "../../chunks/runtime.js";
+import { b as S, c as v, g as b } from "../../chunks/mapViewUtils.js";
+import { b as C, g as V, a as I } from "../../chunks/queryUtils.js";
 import { f as d } from "../../chunks/interfaces.js";
-import { u as I } from "../../chunks/useT9n.js";
-import { css as T, html as c } from "lit";
-import { createRef as u, ref as p } from "lit-html/directives/ref.js";
-import { LitElement as k, createEvent as E, noShadowRoot as O, safeClassMap as f, safeStyleMap as $ } from "@arcgis/lumina";
+import { u as T } from "../../chunks/useT9n.js";
+import { css as O, html as c } from "lit";
+import { createRef as u, ref as f } from "lit-html/directives/ref.js";
+import { LitElement as k, createEvent as G, noShadowRoot as E, safeClassMap as p, safeStyleMap as $ } from "@arcgis/lumina";
 import { useContextConsumer as F } from "@arcgis/lumina/context";
 import { p as D } from "../../chunks/publicNotificationContext.js";
+import x from "@arcgis/core/request";
+import N from "@arcgis/core/layers/FeatureLayer";
+import g from "@arcgis/core/Graphic";
+import W from "@arcgis/core/layers/GraphicsLayer";
+import R from "@arcgis/core/widgets/Search";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.4 */
-const x = T`@layer{/** @license
+v1.2.0-next.40 */
+const U = O`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -26,22 +30,22 @@ const x = T`@layer{/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */:host{display:block}.div-visible{display:inherit}.div-visible-search{display:flex;height:44px;align-items:center;padding-bottom:0}.div-not-visible{display:none}.padding-bottom-1{padding-bottom:1rem}.padding-top-1{padding-top:1rem}.search-widget{width:100%!important;border:1px solid var(--calcite-color-border-input)}.w-100{width:100%}.w-50{width:50%}.search-distance-container{padding-top:"1rem"!important}.end-border{border-inline-end:1px solid var(--calcite-color-border-2)}.search-distance{display:flex;padding-top:1rem}.font-bold{font:bold}.border-bottom{border-bottom:1px solid var(--calcite-color-border-2)}.tooltip-container{display:flex}.padding-start-1-2{padding-inline-start:.5rem}.padding-end-1-2{padding-inline-end:.5rem}.icon{--calcite-color-icon-color: var(--calcite-color-brand)}.tooltip-message{padding:5px 8px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);max-width:400px}}`;
-class N extends k {
+ */:host{display:block}.div-visible{display:inherit}.div-not-visible{display:none}.padding-bottom-1{padding-bottom:1rem}.padding-top-1{padding-top:1rem}.search-widget{width:100%!important;border:1px solid var(--calcite-color-border-input)}.w-100{width:100%}.search-distance{display:flex;padding-top:1rem}.font-bold{font:bold}.border-bottom{border-bottom:1px solid var(--calcite-color-border-2)}.tooltip-container{display:flex}.padding-start-1-2{padding-inline-start:.5rem}.padding-end-1-2{padding-inline-end:.5rem}.icon{--calcite-color-icon-color: var(--calcite-color-brand)}.tooltip-message{padding:5px 8px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);max-width:400px}}`;
+class P extends k {
   constructor() {
-    super(), this.bufferColor = [227, 139, 79, 0.8], this.bufferOutlineColor = [255, 255, 255], this.customLabelEnabled = !1, this.enabledLayerIds = [], this.enableLayerFeatures = !0, this.enableLayerFeaturesOnLoad = !1, this.enableSearchDistance = !0, this.enableSearchDistanceOnLoad = !1, this.enableSketchTools = !0, this.geometries = [], this.isUpdate = !1, this.layerViews = [], this.noResultText = "", this.selectionLayerIds = [], this.searchDistanceEnabled = !1, this.useLayerFeaturesEnabled = !1, this._numSelected = 0, this._searchTerm = "", this._selectionLoading = !1, this._translations = I({ name: "map-select-tools", blocking: !0 }), this._bufferTools = u(), this._drawTools = u(), this._labelName = u(), this._pnContextConsumer = F({
+    super(), this.bufferColor = [227, 139, 79, 0.8], this.bufferOutlineColor = [255, 255, 255], this.customLabelEnabled = !1, this.enabledLayerIds = [], this.enableLayerFeatures = !0, this.enableLayerFeaturesOnLoad = !1, this.enableSearchDistance = !0, this.enableSearchDistanceOnLoad = !1, this.enableSketchTools = !0, this.geometries = [], this.isUpdate = !1, this.layerViews = [], this.noResultText = "", this.selectionLayerIds = [], this.searchDistanceEnabled = !1, this.useLayerFeaturesEnabled = !1, this._numSelected = 0, this._searchTerm = "", this._selectionLoading = !1, this._translations = T({ name: "map-select-tools", blocking: !0 }), this._bufferTools = u(), this._drawTools = u(), this._labelName = u(), this._pnContextConsumer = F({
       context: D,
       subscribe: !0
-    }), this._selectLayers = [], this._searchElement = u(), this._selectedIds = [], this._selectionLabel = "", this._graphics = [], this._featuresCollection = {}, this.selectionSetChange = E(), this.listenOn(window, "searchConfigurationChange", this.searchConfigurationChangeChanged), this.listenOn(window, "distanceChanged", this.distanceChanged), this.listenOn(window, "unitChanged", this.unitChanged);
+    }), this._searchElement = u(), this._selectedIds = [], this._selectionLabel = "", this._graphics = [], this._featuresCollection = {}, this.selectionSetChange = G(), this.listenOn(window, "searchConfigurationChange", this.searchConfigurationChangeChanged), this.listenOn(window, "distanceChanged", this.distanceChanged), this.listenOn(window, "unitChanged", this.unitChanged);
   }
   static {
     this.properties = { bufferColor: 1, bufferOutlineColor: 1, customLabelEnabled: 5, enabledLayerIds: 0, enableLayerFeatures: 5, enableLayerFeaturesOnLoad: 5, enableSearchDistance: 5, enableSearchDistanceOnLoad: 5, enableSketchTools: 5, defaultBufferDistance: 9, defaultBufferUnit: 1, geometries: 0, isUpdate: 5, layerViews: 0, mapView: 0, noResultText: 1, searchConfiguration: 0, selectionSet: 0, selectionLayerIds: 0, selectLayerView: 0, sketchLineSymbol: 0, sketchPointSymbol: 0, sketchPolygonSymbol: 0, searchDistanceEnabled: 5, useLayerFeaturesEnabled: 5, _numSelected: 16, _searchTerm: 16, _selectionLoading: 16, _translations: 16 };
   }
   static {
-    this.styles = x;
+    this.styles = U;
   }
   static {
-    this.shadowRootOptions = O;
+    this.shadowRootOptions = E;
   }
   willUpdate(e) {
     e.has("geometries") && (this.hasUpdated || this.geometries?.length > 0) && this.watchGeometriesHandler(this.geometries, e.get("geometries")), e.has("mapView") && this.mapView && this.mapViewWatchHandler(this.mapView, e.get("mapView")), e.has("searchConfiguration") && this.searchConfiguration && this.watchSearchConfigurationHandler(this.searchConfiguration, e.get("searchConfiguration")), e.has("defaultBufferUnit") && this.hasUpdated && (this.selectionSet && (this.selectionSet.unit = this.defaultBufferUnit), this._bufferTools.value && this.defaultBufferUnit !== void 0 && (this._bufferTools.value.unit = this.defaultBufferUnit), this._updateLabel()), e.has("defaultBufferDistance") && this.hasUpdated && (this.selectionSet && (this.selectionSet.distance = this.defaultBufferDistance), this._updateLabel());
@@ -89,20 +93,17 @@ class N extends k {
   async unitChanged(e) {
     e.detail.newValue !== e.detail.oldValue && (this._unit = e.detail.newValue, await this._updateLabel());
   }
-  async load() {
-    await this._initModules();
-  }
   async loaded() {
     await this._init();
   }
   render() {
     const e = this.enableSketchTools ? "" : "display-none", t = this.enableSketchTools ? "padding-top-1" : "";
-    return c`${this._getMapLayerPicker()}<div class="border-bottom"></div><div class="padding-top-sides-1"><div class="search-widget" ${p(this._searchElement)}></div><div class=${f(t)}><map-draw-tools active class=${f(e)} .editGraphicsEnabled=${!this.useLayerFeaturesEnabled} .graphics=${this._graphics} .mapView=${this.mapView} @sketchGraphicsChange=${(s) => void this._sketchGraphicsChanged(s)} .pointSymbol=${this.sketchPointSymbol} .polygonSymbol=${this.sketchPolygonSymbol} .polylineSymbol=${this.sketchLineSymbol} ${p(this._drawTools)}></map-draw-tools></div>${this.enableSearchDistance ? this._getBufferOptions() : void 0}${this.enableLayerFeatures ? this._getUseLayerFeaturesOptions() : void 0}${this._getNumSelected()}</div><div class="border-bottom"></div>${this._getNameInput()}`;
+    return c`${this._getMapLayerPicker()}<div class="border-bottom"></div><div class="padding-top-sides-1"><div class="search-widget" ${f(this._searchElement)}></div><div class=${p(t)}><map-draw-tools active class=${p(e)} .editGraphicsEnabled=${!this.useLayerFeaturesEnabled} .graphics=${this._graphics} .mapView=${this.mapView} @sketchGraphicsChange=${(s) => void this._sketchGraphicsChanged(s)} .pointSymbol=${this.sketchPointSymbol} .polygonSymbol=${this.sketchPolygonSymbol} .polylineSymbol=${this.sketchLineSymbol} ${f(this._drawTools)}></map-draw-tools></div>${this.enableSearchDistance ? this._getBufferOptions() : void 0}${this.enableLayerFeatures ? this._getUseLayerFeaturesOptions() : void 0}${this._getNumSelected()}</div><div class="border-bottom"></div>${this._getNameInput()}`;
   }
   _getBufferOptions() {
     this.enableSearchDistanceOnLoad && (this.searchDistanceEnabled = !0, this.enableSearchDistanceOnLoad = !1);
     const e = this.searchDistanceEnabled ? "search-distance" : "div-not-visible", t = typeof this.selectionSet?.distance == "number" ? this.selectionSet.distance : this.defaultBufferDistance;
-    return c`<div><div class="padding-top-1 display-flex"><calcite-label class="label-margin-0 w-100" layout=inline-space-between><div class="tooltip-container">${this._translations.searchDistance}<calcite-icon class="padding-start-1-2 icon" .flipRtl=${this._translations._lang?.toLowerCase() !== "he"} icon=question id=search-distance-icon scale=s></calcite-icon></div></calcite-label><calcite-popover closable label overlay-positioning=fixed reference-element=search-distance-icon><span class="tooltip-message">${this._translations.useSearchDistanceTootip}</span></calcite-popover><calcite-switch .checked=${this.searchDistanceEnabled} @calciteSwitchChange=${() => this.searchDistanceEnabled = !this.searchDistanceEnabled}></calcite-switch></div><div class=${f(e)}><buffer-tools .disabled=${!this.searchDistanceEnabled} .distance=${t} .geometries=${this.geometries} @bufferComplete=${(s) => void this._bufferComplete(s)} .unit=${this.selectionSet?.unit || this.defaultBufferUnit} ${p(this._bufferTools)}></buffer-tools></div></div>`;
+    return c`<div><div class="padding-top-1 display-flex"><calcite-label class="label-margin-0 w-100" layout=inline-space-between><div class="tooltip-container">${this._translations.searchDistance}<calcite-icon class="padding-start-1-2 icon" .flipRtl=${this._translations._lang?.toLowerCase() !== "he"} icon=question id=search-distance-icon scale=s></calcite-icon></div></calcite-label><calcite-popover closable label overlay-positioning=fixed reference-element=search-distance-icon><span class="tooltip-message">${this._translations.useSearchDistanceTootip}</span></calcite-popover><calcite-switch .checked=${this.searchDistanceEnabled} @calciteSwitchChange=${() => this.searchDistanceEnabled = !this.searchDistanceEnabled}></calcite-switch></div><div class=${p(e)}><buffer-tools .disabled=${!this.searchDistanceEnabled} .distance=${t} .geometries=${this.geometries} @bufferComplete=${(s) => void this._bufferComplete(s)} .unit=${this.selectionSet?.unit || this.defaultBufferUnit} ${f(this._bufferTools)}></buffer-tools></div></div>`;
   }
   _getUseLayerFeaturesOptions() {
     this.enableLayerFeaturesOnLoad && (this.useLayerFeaturesEnabled = !0, this.enableLayerFeaturesOnLoad = !1);
@@ -121,30 +122,19 @@ class N extends k {
     const e = this.customLabelEnabled ? "" : "display-none";
     return c`<div class=${`padding-sides-1 padding-top-1 ${e}`}><calcite-label class="font-bold">${this._translations.listName}<calcite-input @input=${() => {
       this._selectionLabel = this._labelName.value ? this._labelName.value.value : "";
-    }} .placeholder=${this._translations.listNamePlaceholder} .value=${this._selectionLabel || ""} ${p(this._labelName)}></calcite-input></calcite-label></div>`;
+    }} .placeholder=${this._translations.listNamePlaceholder} .value=${this._selectionLabel || ""} ${f(this._labelName)}></calcite-input></calcite-label></div>`;
   }
   _getMapLayerPicker() {
     const e = this.selectionSet?.layerView?.layer.id;
     return c`<div class="display-flex padding-sides-1 padding-bottom-1"><calcite-label class="font-bold width-full label-margin-0">${this._translations.inputLayer}<map-layer-picker .enabledLayerIds=${this.enabledLayerIds} .mapView=${this.mapView} @layerSelectionChange=${(t) => void this._inputLayerSelectionChange(t)} .selectedIds=${this.selectLayerView ? [this.selectLayerView.layer.id] : this.selectionSet && e !== void 0 ? [e] : []}></map-layer-picker></calcite-label></div>`;
   }
-  async _initModules() {
-    const [e, t, s, i, a, l] = await L([
-      "esri/request",
-      "esri/layers/GraphicsLayer",
-      "esri/Graphic",
-      "esri/widgets/Search",
-      "esri/geometry/geometryEngine",
-      "esri/layers/FeatureLayer"
-    ]);
-    this._esriRequest = e, this.GraphicsLayer = t, this.Graphic = s, this.Search = i, this._geometryEngine = a, this.FeatureLayer = l;
-  }
   async _init() {
     this._initGraphicsLayer(), await this._initSelectionSet(), await this._initSearchWidget();
   }
   async _initSelectionSet() {
-    this.selectionSet && (this._searchTerm = this.selectionSet.searchResult?.name, this._searchResult = this.selectionSet.searchResult, this._selectLayers = this.selectionSet.selectLayers, this._selectedIds = this.selectionSet.selectedIds, this._skipGeomOIDs = this.selectionSet.skipGeomOIDs || [], this.searchDistanceEnabled = this.selectionSet.searchDistanceEnabled, this.useLayerFeaturesEnabled = this.selectionSet.useLayerFeaturesEnabled, this._distance = this.selectionSet.searchDistanceEnabled ? this.selectionSet.distance : 0, this._unit = this.selectionSet.unit, this._workflowType = this.selectionSet.workflowType, this.selectLayerView = this.selectionSet.layerView, this._sketchGraphic = this.selectionSet.sketchGraphic, this.geometries = [...this.selectionSet?.geometries || []], this._graphics = this.geometries.reduce((e, t) => {
+    this.selectionSet && (this._searchTerm = this.selectionSet.searchResult?.name, this._searchResult = this.selectionSet.searchResult, this._selectedIds = this.selectionSet.selectedIds, this._skipGeomOIDs = this.selectionSet.skipGeomOIDs || [], this.searchDistanceEnabled = this.selectionSet.searchDistanceEnabled, this.useLayerFeaturesEnabled = this.selectionSet.useLayerFeaturesEnabled, this._distance = this.selectionSet.searchDistanceEnabled ? this.selectionSet.distance : 0, this._unit = this.selectionSet.unit, this._workflowType = this.selectionSet.workflowType, this.selectLayerView = this.selectionSet.layerView, this._sketchGraphic = this.selectionSet.sketchGraphic, this.geometries = [...this.selectionSet?.geometries || []], this._graphics = this.geometries.reduce((e, t) => {
       const s = t.type === "point" ? this.sketchPointSymbol : t.type === "polyline" ? this.sketchLineSymbol : this.sketchPolygonSymbol;
-      return this.Graphic && e.push(new this.Graphic({
+      return e.push(new g({
         geometry: t,
         symbol: s
       })), e;
@@ -158,7 +148,7 @@ class N extends k {
         searchTerm: this._searchTerm,
         ...e
       };
-      this._searchWidget ? (this._searchWidget.view = this.mapView, this._searchWidget.searchTerm = this._searchTerm) : this._searchWidget = this.Search && new this.Search(t), this._searchWidget && (this._searchWidget.popupEnabled = !1, this._searchWidget.resultGraphicEnabled = !1, this._searchWidget.viewModel.addHandles(this._searchWidget.on("search-clear", () => {
+      this._searchWidget ? (this._searchWidget.view = this.mapView, this._searchWidget.searchTerm = this._searchTerm) : this._searchWidget = new R(t), this._searchWidget && (this._searchWidget.popupEnabled = !1, this._searchWidget.resultGraphicEnabled = !1, this._searchWidget.viewModel.addHandles(this._searchWidget.on("search-clear", () => {
         const s = this._searchClearLabel();
         this._searchResult?.name && this._clearResults(!1, s);
       })), this._searchWidget.viewModel.addHandles(this._searchWidget.on("select-result", (s) => {
@@ -176,10 +166,10 @@ class N extends k {
       s?.sourceJSON?.isView && s.url && (l = await this._getViewSourceUrl(s.url));
       let r;
       i?.sourceJSON?.isView && i.url && (r = await this._getViewSourceUrl(i.url));
-      const o = s?.url?.toLowerCase(), h = l?.toLowerCase(), n = i?.url?.toLowerCase(), y = r?.toLowerCase(), _ = o && n && (o === n || o === y || h === n || h === y) && !Number.isNaN(a), b = _ ? [a] : void 0;
+      const h = s?.url?.toLowerCase(), o = l?.toLowerCase(), n = i?.url?.toLowerCase(), _ = r?.toLowerCase(), y = h && n && (h === n || h === _ || o === n || o === _) && !Number.isNaN(a), w = y ? [a] : void 0;
       this._workflowType = d.SEARCH, this._updateLabel();
       const m = [e.feature];
-      this._updateSelection(m, _, b), this._drawTools.value && (this._drawTools.value.graphics = m), this._searchWidget?.resultGraphic && (this._searchWidget.resultGraphic.visible = !1);
+      this._updateSelection(m, y, w), this._drawTools.value && (this._drawTools.value.graphics = m), this._searchWidget?.resultGraphic && (this._searchWidget.resultGraphic.visible = !1);
     } else {
       const t = this._searchClearLabel();
       this._clearResults(!1, t);
@@ -189,7 +179,7 @@ class N extends k {
     let t = "";
     const s = `${e}/sources?f=json`;
     try {
-      const i = this._esriRequest && await this._esriRequest(s, {
+      const i = await x(s, {
         query: {
           f: "json"
         }
@@ -210,8 +200,8 @@ class N extends k {
       includeDefaultSources: !1
     }, s.forEach((i) => {
       if (i.hasOwnProperty("layer")) {
-        const l = i, r = l.layer?.id, o = r ? t.map?.findLayerById(r) : null, h = l?.layer?.url;
-        o && l ? l.layer = o : h && this.FeatureLayer && (l.layer = new this.FeatureLayer(h));
+        const l = i, r = l.layer?.id, h = r ? t.map?.findLayerById(r) : null, o = l?.layer?.url;
+        h && l ? l.layer = h : o && (l.layer = new N(o));
       }
     }), s?.forEach((i) => {
       if (i.hasOwnProperty("locator")) {
@@ -233,7 +223,7 @@ class N extends k {
       const s = this.mapView.map.layers.findIndex((i) => i.title === t);
       if (s > -1)
         this._bufferGraphicsLayer = this.mapView.map.layers.getItemAt(s);
-      else if (this._bufferGraphicsLayer = this.GraphicsLayer && new this.GraphicsLayer({ title: t, listMode: "hide" }), this._bufferGraphicsLayer) {
+      else if (this._bufferGraphicsLayer = new W({ title: t, listMode: "hide" }), this._bufferGraphicsLayer) {
         e.managedLayers[t] = "buffer";
         const i = this.mapView.map.layers.findIndex((a) => a.title === this._translations.sketchLayer);
         i > -1 ? this.mapView.map.layers.add(this._bufferGraphicsLayer, i) : this.mapView.map.layers.add(this._bufferGraphicsLayer);
@@ -278,11 +268,11 @@ class N extends k {
           color: this.bufferOutlineColor,
           width: 1
         }
-      }, a = this.Graphic && new this.Graphic({
+      }, a = new g({
         geometry: this._bufferGeometry,
         symbol: i
       });
-      this._bufferGraphicsLayer && a && this.mapView && (this._bufferGraphicsLayer.removeAll(), this._bufferGraphicsLayer.add(a), await this._selectFeatures([this._bufferGeometry]), await this.mapView.goTo(a.geometry?.extent)), s = t, t = 0;
+      this._bufferGraphicsLayer && a && this.mapView && (this._bufferGraphicsLayer.removeAll(), this._bufferGraphicsLayer.add(a), await this._selectFeatures([this._bufferGeometry]), a.geometry?.extent && await this.mapView.goTo(a.geometry.extent)), s = t, t = 0;
     } else
       this._bufferGraphicsLayer && this._bufferGraphicsLayer.removeAll(), await this._highlightWithOIDsOrGeoms();
     await this._distanceChanged({
@@ -291,7 +281,7 @@ class N extends k {
     });
   }
   _geomQuery(e) {
-    const t = this._geometryEngine && G(e, this._geometryEngine);
+    const t = this._unionOperator && V(e, this._unionOperator);
     return t ? this._selectFeatures(t) : Promise.resolve();
   }
   async _clearResults(e = !0, t = !1) {
@@ -311,7 +301,7 @@ class N extends k {
   }
   async _layerSelectionChange(e) {
     if (Array.isArray(e.detail) && e.detail.length > 0) {
-      const t = e.detail.reduce((s, i) => (this.mapView && s.push(g(this.mapView, i)), s), []);
+      const t = e.detail.reduce((s, i) => (this.mapView && s.push(b(this.mapView, i)), s), []);
       return Promise.all(t).then((s) => {
         this.layerViews = s.reduce((i, a) => (a && i.push(a), i), []), this._featuresCollection = {}, this._sketchGraphic && this._sketchGraphicsChanged({
           detail: {
@@ -324,32 +314,32 @@ class N extends k {
   }
   async _inputLayerSelectionChange(e) {
     const t = e?.detail?.length > 0 ? e.detail[0] : "";
-    (!this.selectLayerView || t !== this.selectLayerView.layer.id) && (this.selectLayerView = this.mapView && await g(this.mapView, t), await this._updateLabel(), this._bufferGeometry ? await this._selectFeatures([this._bufferGeometry]) : await this._highlightWithOIDsOrGeoms());
+    (!this.selectLayerView || t !== this.selectLayerView.layer.id) && (this.selectLayerView = this.mapView && await b(this.mapView, t), await this._updateLabel(), this._bufferGeometry ? await this._selectFeatures([this._bufferGeometry]) : await this._highlightWithOIDsOrGeoms());
   }
   async _distanceChanged(e) {
     e.newValue !== e.oldValue && (this._distance = e.newValue, await this._updateLabel());
   }
   async _selectLayerFeatures(e) {
     this._selectionLoading = !0;
-    const t = this.layerViews.map((s) => (this._featuresCollection[s.layer.id] = [], V(0, s.layer, e, this._featuresCollection)));
+    const t = this.layerViews.map((s) => (this._featuresCollection[s.layer.id] = [], I(0, s.layer, e, this._featuresCollection)));
     return Promise.all(t).then(async (s) => {
       this._selectionLoading = !1;
       let i = [];
-      s.forEach((h) => {
-        Object.keys(h).forEach((n) => {
-          i = i.concat(h[n]);
+      s.forEach((o) => {
+        Object.keys(o).forEach((n) => {
+          i = i.concat(o[n]);
         });
       });
       let a = !1;
-      i.forEach((h) => {
-        const n = h.geometry;
-        h.symbol = n && n.type === "point" ? this.sketchPointSymbol : n && n.type === "polyline" ? this.sketchLineSymbol : n && n.type === "polygon" ? this.sketchPolygonSymbol : void 0, a = h?.layer?.hasOwnProperty("objectIdField") || h.hasOwnProperty("getObjectId");
+      i.forEach((o) => {
+        const n = o.geometry;
+        o.symbol = n && n.type === "point" ? this.sketchPointSymbol : n && n.type === "polyline" ? this.sketchLineSymbol : n && n.type === "polygon" ? this.sketchPolygonSymbol : void 0, a = o?.layer?.hasOwnProperty("objectIdField") || o.hasOwnProperty("getObjectId");
       });
-      const l = this.layerViews[0].layer, r = this.selectLayerView?.layer, o = a && l.url === r?.url && r?.layerId === l.layerId;
+      const l = this.layerViews[0].layer, r = this.selectLayerView?.layer, h = a && l.url === r?.url && r?.layerId === l.layerId;
       await this._sketchGraphicsChanged({
         detail: {
           graphics: i,
-          useOIDs: o
+          useOIDs: h
         }
       }, !0);
     });
@@ -363,7 +353,7 @@ class N extends k {
     });
   }
 }
-w("map-select-tools", N);
+L("map-select-tools", P);
 export {
-  N as MapSelectTools
+  P as MapSelectTools
 };

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

@@ -3,12 +3,6 @@
 import { IBasemapConfig, IMapInfo, ISearchConfiguration } from '../../utils/interfaces';
 import { PropertyValues } from 'lit';
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
-import { MapSearch } from '../map-search/customElement.js';
-import { MapLegend } from '../map-legend/customElement.js';
-import { MapFullscreen } from '../map-fullscreen/customElement.js';
-import { FloorFilter } from '../floor-filter/customElement.js';
-import { BasemapGallery } from '../basemap-gallery/customElement.js';
-import { SelectionTool } from '../selection-tool/customElement.js';
 
 export declare class MapTools extends LitElement {
     /** IBasemapConfig: List of any basemaps to filter out from the basemap widget */
@@ -62,13 +56,13 @@ export declare class MapTools extends LitElement {
      */
     enableSingleExpand: boolean;
     /**
-     * "s" | "m" | "l": Used for Zoom tools
+     * 's' | 'm' | 'l': Used for Zoom tools
      *
      * @default 'm'
      */
     zoomToolsSize: 'l' | 'm' | 's';
     /**
-     * "horizontal" | "vertical": used to control the orientation of the tools
+     * 'horizontal' | 'vertical': used to control the orientation of the tools
      *
      * @default 'vertical'
      */
@@ -76,7 +70,7 @@ export declare class MapTools extends LitElement {
     /** esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
     mapView: __esri.MapView | undefined;
     /**
-     * "s" | "m" | "l": Used for optional map tool widget
+     * 's' | 'm' | 'l': Used for optional map tool widget
      *
      * @default 'm'
      */
@@ -117,7 +111,7 @@ export declare class MapTools extends LitElement {
     enableSelectionTool: boolean;
     /**
      * Tools to show and its order
-     * Valid tools: "home", "legend", "search", "fullscreen", "basemap", "floorfilter", "selectiontool", "map-picker", "map-layer-picker"
+     * Valid tools: 'home', 'legend', 'search', 'fullscreen', 'basemap', 'floorfilter', 'selectiontool', 'map-picker', 'map-layer-picker'
      */
     toolOrder: string[];
     /** __esri.FeatureLayer: Selected feature layer */

package/dist/components/map-tools/customElement.js

@@ -1,13 +1,14 @@
 import { c as y } from "../../chunks/runtime.js";
-import { l as W } from "../../chunks/loadModules.js";
-import { u as v } from "../../chunks/useT9n.js";
-import { css as T, html as r, nothing as _ } from "lit";
+import { u as W } from "../../chunks/useT9n.js";
+import { css as v, html as r, nothing as _ } from "lit";
 import { createRef as n, ref as h } from "lit-html/directives/ref.js";
-import { LitElement as F, safeClassMap as a } from "@arcgis/lumina";
+import { LitElement as T, safeClassMap as a } from "@arcgis/lumina";
+import F from "@arcgis/core/widgets/Expand";
+import $ from "@arcgis/core/widgets/Home";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.4 */
-const x = T`/** @license
+v1.2.0-next.40 */
+const E = v`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -21,113 +22,108 @@ const x = T`/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */:host{display:block}.display-none{display:none}.display-flex{display:flex}.margin-top-1-2{margin-top:.5rem}.margin-left-1-2{margin-left:.5rem}.square-32{width:32px;height:32px}.square-40{width:40px;height:40px}.square-48{width:48px;height:48px}.width-40{width:40px}.square-40-41{width:40px;height:41px}.border-bottom{border-bottom:1px solid var(--calcite-color-border-3)}.box-shadow{box-shadow:0 1px 2px #0000004d}.margin-bottom-1-2{margin-bottom:.5rem}.danger-icon-color{--calcite-icon-color: var(--calcite-color-status-danger)}`;
-class $ extends F {
+ */:host{display:block}.display-none{display:none}.display-flex{display:flex}.margin-top-1-2{margin-top:.5rem}.margin-left-1-2{margin-left:.5rem}.square-32{width:32px;height:32px}.square-40{width:40px;height:40px}.square-48{width:48px;height:48px}.border-bottom{border-bottom:1px solid var(--calcite-color-border-3)}.box-shadow{box-shadow:0 1px 2px #0000004d}.margin-bottom-1-2{margin-bottom:.5rem}.danger-icon-color{--calcite-icon-color: var(--calcite-color-status-danger)}`;
+class x extends T {
   constructor() {
-    super(), this.enabledLayerIds = [], this.enableLegend = !1, this.enableFloorFilter = !1, this.enableFullscreen = !1, this.enableSearch = !1, this.enableBasemap = !1, this.enableHome = !1, this.enableSingleExpand = !1, this.zoomToolsSize = "m", this.layout = "vertical", this.mapWidgetsSize = "m", this.enableMapPicker = !1, this.enableMapLayerPicker = !1, this.position = "top-leading", this.stackTools = !0, this.enableSelectionTool = !1, this.toolOrder = ["home", "legend", "search", "fullscreen", "floorfilter", "selectiontool", "map-picker", "map-layer-picker"], this.mapInfos = [], this.defaultLayerId = "", this.isMobile = !1, this.selectedWebMapId = "", this.showOnlyUpdatableLayers = !1, this._hasFloorInfo = !1, this._translations = v({ name: "map-tools", blocking: !0 }), this._showTools = !0, this._showBasemapWidget = !1, this._showFloorFilter = !1, this._showFullscreen = !1, this._showLegendWidget = !1, this._showSearchWidget = !1, this._selectionToolActive = !1, this._showEllipsisTools = !0, this._ellipsisTools = [], this._isValidWebMap = !0, this._basemapElement = n(), this._floorFilterElement = n(), this._fullscreenElement = n(), this._legendElement = n(), this._searchElement = n(), this._widgets = [], this._selectionToolElement = n(), this._mapTools = [], this._mapTool = n(), this.listenOn(window, "mapChanged", this.mapChanged);
+    super(), this.enabledLayerIds = [], this.enableLegend = !1, this.enableFloorFilter = !1, this.enableFullscreen = !1, this.enableSearch = !1, this.enableBasemap = !1, this.enableHome = !1, this.enableSingleExpand = !1, this.zoomToolsSize = "m", this.layout = "vertical", this.mapWidgetsSize = "m", this.enableMapPicker = !1, this.enableMapLayerPicker = !1, this.position = "top-leading", this.stackTools = !0, this.enableSelectionTool = !1, this.toolOrder = ["home", "legend", "search", "fullscreen", "floorfilter", "selectiontool", "map-picker", "map-layer-picker"], this.mapInfos = [], this.defaultLayerId = "", this.isMobile = !1, this.selectedWebMapId = "", this.showOnlyUpdatableLayers = !1, this._hasFloorInfo = !1, this._translations = W({ name: "map-tools", blocking: !0 }), this._showTools = !0, this._showBasemapWidget = !1, this._showFloorFilter = !1, this._showFullscreen = !1, this._showLegendWidget = !1, this._showSearchWidget = !1, this._selectionToolActive = !1, this._showEllipsisTools = !0, this._ellipsisTools = [], this._isValidWebMap = !0, this._basemapElement = n(), this._floorFilterElement = n(), this._fullscreenElement = n(), this._legendElement = n(), this._searchElement = n(), this._widgets = [], this._selectionToolElement = n(), this._mapTools = [], this._mapTool = n(), this.listenOn(window, "mapChanged", this.mapChanged);
   }
   static {
     this.properties = { basemapConfig: 0, enabledLayerIds: 0, enableLegend: 5, enableFloorFilter: 5, enableFullscreen: 5, enableSearch: 5, enableBasemap: 5, enableHome: 5, enableSingleExpand: 5, zoomToolsSize: 1, layout: 1, mapView: 0, mapWidgetsSize: 1, enableMapPicker: 5, enableMapLayerPicker: 5, position: 1, searchConfiguration: 0, stackTools: 5, enableSelectionTool: 5, toolOrder: 0, selectedLayer: 0, mapInfos: 0, defaultLayerId: 1, isMobile: 5, parentComponentHeight: 9, parentComponentWidth: 9, selectedWebMapId: 1, showOnlyUpdatableLayers: 5, mapInfo: 0, _hasFloorInfo: 16, _translations: 16, _showTools: 16, _showBasemapWidget: 16, _showFloorFilter: 16, _showFullscreen: 16, _showLegendWidget: 16, _showSearchWidget: 16, _selectionToolActive: 16, _showEllipsisTools: 16, _ellipsisTools: 16, _isValidWebMap: 16 };
   }
   static {
-    this.styles = x;
+    this.styles = E;
   }
-  willUpdate(e) {
-    e.has("mapView") && this.mapViewWatchHandler(), e.has("parentComponentWidth") && this.parentComponentWidth && this.parentComponentWidthWatchHandler(this.parentComponentWidth), e.has("_showBasemapWidget") && (this.hasUpdated || this._showBasemapWidget !== !1) && this._showBasemapWidgetWatchHandler(this._showBasemapWidget), e.has("_showFloorFilter") && (this.hasUpdated || this._showFloorFilter !== !1) && this._showFloorFilterWatchHandler(this._showFloorFilter), e.has("_showFullscreen") && (this.hasUpdated || this._showFullscreen !== !1) && this._showFullscreenWatchHandler(this._showFullscreen), e.has("_showLegendWidget") && (this.hasUpdated || this._showLegendWidget !== !1) && this._showLegendWidgetWatchHandler(this._showLegendWidget), e.has("_showSearchWidget") && (this.hasUpdated || this._showSearchWidget !== !1) && this._showSearchWidgetWatchHandler(this._showSearchWidget);
+  willUpdate(s) {
+    s.has("mapView") && this.mapViewWatchHandler(), s.has("parentComponentWidth") && this.parentComponentWidth && this.parentComponentWidthWatchHandler(this.parentComponentWidth), s.has("_showBasemapWidget") && (this.hasUpdated || this._showBasemapWidget !== !1) && this._showBasemapWidgetWatchHandler(this._showBasemapWidget), s.has("_showFloorFilter") && (this.hasUpdated || this._showFloorFilter !== !1) && this._showFloorFilterWatchHandler(this._showFloorFilter), s.has("_showFullscreen") && (this.hasUpdated || this._showFullscreen !== !1) && this._showFullscreenWatchHandler(this._showFullscreen), s.has("_showLegendWidget") && (this.hasUpdated || this._showLegendWidget !== !1) && this._showLegendWidgetWatchHandler(this._showLegendWidget), s.has("_showSearchWidget") && (this.hasUpdated || this._showSearchWidget !== !1) && this._showSearchWidgetWatchHandler(this._showSearchWidget);
   }
   async mapViewWatchHandler() {
     await this.mapView?.when(() => {
       this.enableHome && this._initHome(), this.parentComponentWidth && this._updateTools(this.parentComponentWidth);
     });
   }
-  async parentComponentWidthWatchHandler(e) {
-    this._updateTools(e);
+  async parentComponentWidthWatchHandler(s) {
+    this._updateTools(s);
   }
-  async _showBasemapWidgetWatchHandler(e) {
-    const s = this._basemapElement.value ? this._basemapElement.value.basemapWidget : void 0;
-    s && (e ? this.mapView?.ui.add(s, {
+  async _showBasemapWidgetWatchHandler(s) {
+    const e = this._basemapElement.value ? this._basemapElement.value.basemapWidget : void 0;
+    e && (s ? this.mapView?.ui.add(e, {
       position: this.position,
       index: 1
-    }) : this.mapView?.ui.remove(s));
+    }) : this.mapView?.ui.remove(e));
   }
-  async _showFloorFilterWatchHandler(e) {
-    const s = this._floorFilterElement.value ? this._floorFilterElement.value.floorFilterWidget : void 0;
-    s && (e ? this.mapView?.ui.add(s, {
+  async _showFloorFilterWatchHandler(s) {
+    const e = this._floorFilterElement.value ? this._floorFilterElement.value.floorFilterWidget : void 0;
+    e && (s ? this.mapView?.ui.add(e, {
       position: this.position,
       index: 1
-    }) : this.mapView?.ui.remove(s));
+    }) : this.mapView?.ui.remove(e));
   }
-  async _showFullscreenWatchHandler(e) {
-    const s = this._fullscreenElement.value ? this._fullscreenElement.value.fullscreenWidget : void 0;
-    s && (e ? s.viewModel.state === "ready" && s.viewModel.enter() : s.viewModel.state === "active" && s.viewModel.exit());
+  async _showFullscreenWatchHandler(s) {
+    const e = this._fullscreenElement.value ? this._fullscreenElement.value.fullscreenWidget : void 0;
+    e && (s ? e.viewModel.state === "ready" && e.viewModel.enter() : e.viewModel.state === "active" && e.viewModel.exit());
   }
-  async _showLegendWidgetWatchHandler(e) {
-    const s = this._legendElement.value ? this._legendElement.value.legendWidget : void 0;
-    s && (e ? this.mapView?.ui.add(s, {
+  async _showLegendWidgetWatchHandler(s) {
+    const e = this._legendElement.value ? this._legendElement.value.legendWidget : void 0;
+    e && (s ? this.mapView?.ui.add(e, {
       position: this.position,
       index: 1
-    }) : this.mapView?.ui.remove(s));
+    }) : this.mapView?.ui.remove(e));
   }
-  async _showSearchWidgetWatchHandler(e) {
-    const s = this._searchElement.value ? this._searchElement.value.searchWidget : void 0;
-    s && (e ? this.mapView?.ui.add(s, {
+  async _showSearchWidgetWatchHandler(s) {
+    const e = this._searchElement.value ? this._searchElement.value.searchWidget : void 0;
+    e && (s ? this.mapView?.ui.add(e, {
       position: this.position,
       index: 1
-    }) : this.mapView?.ui.remove(s));
+    }) : this.mapView?.ui.remove(e));
   }
-  async mapChanged(e) {
-    const s = e.detail.isValid;
-    this._isValidWebMap = s;
+  async mapChanged(s) {
+    const e = s.detail.isValid;
+    this._isValidWebMap = e;
   }
   async load() {
-    this._mapTools = [...this.toolOrder], await this._initModules();
+    this._mapTools = [...this.toolOrder];
   }
   render() {
     this._setZoomToolsSize();
-    const e = this.layout === "horizontal" ? "display-flex" : "", s = this._getToggleIcon(), i = this._showTools ? e : "display-none", l = this._showEllipsisTools ? "" : "display-none", t = this._showSearchWidget ? "" : "display-none", o = this._showBasemapWidget ? "" : "display-none", d = this._showLegendWidget ? "" : "display-none", c = this._showFloorFilter ? "" : "display-none", p = this._showFullscreen ? "" : "display-none", m = this._showTools ? this._translations.collapse : this._translations.expand, f = !this.enableBasemap && !this.enableFullscreen && !this.enableLegend && !this.enableSearch && !this.enableMapPicker && !this.enableMapLayerPicker ? "display-none" : "", w = this.enableSingleExpand ? this.layout === "horizontal" ? "margin-left-1-2" : "margin-top-1-2" : "", u = this._ellipsisTools.length > 0 && this._showTools ? "" : "display-none", g = this.stackTools && this._ellipsisTools.length === 0 ? "box-shadow" : "";
-    return r`<div class=${`${f} ${e}`}>${this.enableSingleExpand ? r`<div class=${a(g)}>${this._getActionGroup(s, !1, m || "", () => this._toggleTools())}</div>` : void 0}<div class=${`${w} ${g} ${i}`}>${this._getMapWidgets(this._mapTools)}</div><div><div class=${a(u)}>${this._getActionGroup("ellipsis", !1, "", () => this._toggleEllipsisTools())}<div class=${a(l)}>${this._getMapWidgets(this._ellipsisTools)}</div></div></div></div><basemap-gallery .basemapConfig=${this.basemapConfig} class=${a(o)} .mapView=${this.mapView} ${h(this._basemapElement)}></basemap-gallery><map-search class=${a(t)} .mapView=${this.mapView} result-graphic-enabled .searchConfiguration=${this.searchConfiguration} ${h(this._searchElement)}></map-search><map-legend class=${a(d)} .mapView=${this.mapView} ${h(this._legendElement)}></map-legend><map-fullscreen class=${a(p)} .mapView=${this.mapView} @fullscreenStateChange=${(b) => this._fullscreenStateChange(b.detail)} ${h(this._fullscreenElement)}></map-fullscreen><floor-filter class=${a(c)} .enabled=${this.enableFloorFilter} .mapView=${this.mapView} ${h(this._floorFilterElement)}></floor-filter><selection-tool .mapView=${this.mapView} @drawingComplete=${() => {
+    const s = this.layout === "horizontal" ? "display-flex" : "", e = this._getToggleIcon(), i = this._showTools ? s : "display-none", l = this._showEllipsisTools ? "" : "display-none", t = this._showSearchWidget ? "" : "display-none", o = this._showBasemapWidget ? "" : "display-none", d = this._showLegendWidget ? "" : "display-none", c = this._showFloorFilter ? "" : "display-none", p = this._showFullscreen ? "" : "display-none", m = this._showTools ? this._translations.collapse : this._translations.expand, f = !this.enableBasemap && !this.enableFullscreen && !this.enableLegend && !this.enableSearch && !this.enableMapPicker && !this.enableMapLayerPicker ? "display-none" : "", w = this.enableSingleExpand ? this.layout === "horizontal" ? "margin-left-1-2" : "margin-top-1-2" : "", u = this._ellipsisTools.length > 0 && this._showTools ? "" : "display-none", g = this.stackTools && this._ellipsisTools.length === 0 ? "box-shadow" : "";
+    return r`<div class=${`${f} ${s}`}>${this.enableSingleExpand ? r`<div class=${a(g)}>${this._getActionGroup(e, !1, m || "", () => this._toggleTools())}</div>` : void 0}<div class=${`${w} ${g} ${i}`}>${this._getMapWidgets(this._mapTools)}</div><div><div class=${a(u)}>${this._getActionGroup("ellipsis", !1, "", () => this._toggleEllipsisTools())}<div class=${a(l)}>${this._getMapWidgets(this._ellipsisTools)}</div></div></div></div><map-basemap-gallery .basemapConfig=${this.basemapConfig} class=${a(o)} .mapView=${this.mapView} ${h(this._basemapElement)}></map-basemap-gallery><map-search class=${a(t)} .mapView=${this.mapView} result-graphic-enabled .searchConfiguration=${this.searchConfiguration} ${h(this._searchElement)}></map-search><map-legend class=${a(d)} .mapView=${this.mapView} ${h(this._legendElement)}></map-legend><map-fullscreen class=${a(p)} .mapView=${this.mapView} @fullscreenStateChange=${(b) => this._fullscreenStateChange(b.detail)} ${h(this._fullscreenElement)}></map-fullscreen><map-floor-filter class=${a(c)} .enabled=${this.enableFloorFilter} .mapView=${this.mapView} ${h(this._floorFilterElement)}></map-floor-filter><selection-tool .mapView=${this.mapView} @drawingComplete=${() => {
       this._selectionToolActive = !this._selectionToolActive;
     }} .selectedLayerId=${this.selectedLayer?.id} tool=rectangle ${h(this._selectionToolElement)}></selection-tool>${this.enableMapPicker && r`<map-picker class=mapPickerClass .height=${(this.parentComponentHeight ?? 0) - 25} id=map-picker .mapInfos=${this.mapInfos} reference-element=map .selectedWebMapId=${this.selectedWebMapId} show-map-list-in-popover></map-picker>` || ""}${this.enableMapLayerPicker && this.selectedLayer && r`<map-layer-picker appearance=transparent .defaultLayerId=${this.defaultLayerId} .enabledLayerIds=${this.enabledLayerIds} .height=${(this.parentComponentHeight ?? 0) - 25} .isMobile=${this.isMobile} .mapView=${this.mapView} .showOnlyUpdatableLayers=${this.showOnlyUpdatableLayers} reference-element=layers scale=s .selectedIds=${this.selectedLayer ? [this.selectedLayer.id] : []} show-layers-list-in-popover show-tables type=dropdown></map-layer-picker>` || ""}`;
   }
-  async _initModules() {
-    const [e, s] = await W(["esri/widgets/Expand", "esri/widgets/Home"]);
-    this.Expand = e, this.Home = s;
-  }
   _initHome() {
-    this.enableHome && (this._homeWidget = this.Home && new this.Home({
+    this.enableHome && (this._homeWidget = new $({
       view: this.mapView
     }));
   }
   _setZoomToolsSize() {
-    const e = document.getElementsByClassName("esri-zoom")[0]?.children[0], s = document.getElementsByClassName("esri-zoom")[0]?.children[1];
-    if (e && s) {
+    const s = document.getElementsByClassName("esri-zoom")[0]?.children[0], e = document.getElementsByClassName("esri-zoom")[0]?.children[1];
+    if (s && e) {
       const i = this.zoomToolsSize === "s" ? "32px" : this.zoomToolsSize === "m" ? "40px" : "48px";
-      e.style.width = i, e.style.height = i, s.style.width = i, s.style.height = i;
+      s.style.width = i, s.style.height = i, e.style.width = i, e.style.height = i;
     }
     this.layout === "horizontal" && (document.getElementsByClassName("esri-zoom")[0]?.setAttribute("style", "position: absolute; top: 50px; left: 0"), document.getElementsByClassName("esri-ui-top-left")[0]?.setAttribute("style", "flex-direction: row; gap: 5px; align-items: flex-start; direction: ltr !important; z-index: 1;"));
   }
   _getToggleIcon() {
-    let e;
-    return this.layout === "horizontal" ? e = this._showTools ? "chevrons-left" : "chevrons-right" : e = this._showTools ? "chevrons-up" : "chevrons-down", e;
+    return this.layout === "horizontal" ? this._showTools ? "chevrons-left" : "chevrons-right" : this._showTools ? "chevrons-up" : "chevrons-down";
   }
-  _updateTools(e) {
-    const s = JSON.parse(JSON.stringify(this.toolOrder));
+  _updateTools(s) {
+    const e = JSON.parse(JSON.stringify(this.toolOrder));
     this._hasFloorInfo = this.mapView?.map?.floorInfo;
-    const i = s.indexOf("floorfilter");
-    i > -1 && !this._hasFloorInfo && s.splice(i, 1);
-    const t = Math.ceil(e / 40) - 1;
-    t && t !== s.length - 1 ? (this._mapTools = s.slice(0, t), this._ellipsisTools = s.slice(t, s.length)) : (this._mapTools = s, this._ellipsisTools = []);
-  }
-  _getMapWidgets(e) {
-    const s = this._showFullscreen ? "full-screen-exit" : "full-screen", i = this._showFullscreen ? this._translations.exitFullscreen : this._translations.enterFullscreen, l = this._isValidWebMap ? "map" : "exclamation-mark-triangle", t = this.selectedLayer === void 0 ? "exclamation-mark-triangle" : "layers";
-    return e.map((o) => {
+    const i = e.indexOf("floorfilter");
+    i > -1 && !this._hasFloorInfo && e.splice(i, 1);
+    const t = Math.ceil(s / 40) - 1;
+    t && t !== e.length - 1 ? (this._mapTools = e.slice(0, t), this._ellipsisTools = e.slice(t, e.length)) : (this._mapTools = e, this._ellipsisTools = []);
+  }
+  _getMapWidgets(s) {
+    const e = this._showFullscreen ? "full-screen-exit" : "full-screen", i = this._showFullscreen ? this._translations.exitFullscreen : this._translations.enterFullscreen, l = this._isValidWebMap ? "map" : "exclamation-mark-triangle", t = this.selectedLayer === void 0 ? "exclamation-mark-triangle" : "layers";
+    return s.map((o) => {
       switch (o) {
         case "legend":
           return this.enableLegend && this.enableSingleExpand ? this._getActionGroup("legend", !1, this._translations.legend, () => this._showLegend()) : this.enableLegend ? this._getWidget(o, this._legendElement.value?.legendWidget, !0) : void 0;
         case "search":
           return this.enableSearch && this.enableSingleExpand ? this._getActionGroup("magnifying-glass", !1, this._translations.search, () => this._search()) : this.enableSearch ? this._getWidget(o, this._searchElement.value?.searchWidget, !0) : void 0;
         case "fullscreen":
-          return this.enableFullscreen && this.enableSingleExpand ? this._getActionGroup(s, !1, i || "", () => this._expand()) : this.enableFullscreen ? this._getWidget(o, this._fullscreenElement.value?.fullscreenWidget, !1) : void 0;
+          return this.enableFullscreen && this.enableSingleExpand ? this._getActionGroup(e, !1, i || "", () => this._expand()) : this.enableFullscreen ? this._getWidget(o, this._fullscreenElement.value?.fullscreenWidget, !1) : void 0;
         case "basemap":
           return this.enableBasemap && this.enableSingleExpand ? this._getActionGroup("basemap", !1, this._translations.basemap, () => this._toggleBasemapPicker()) : this.enableBasemap ? this._getWidget(o, this._basemapElement.value?.basemapWidget, !0) : void 0;
         case "floorfilter":
@@ -150,23 +146,23 @@ class $ extends F {
       }
     });
   }
-  _fullscreenStateChange(e) {
-    e === "ready" && this._showFullscreen ? this._showFullscreen = !1 : e === "active" && !this._showFullscreen && (this._showFullscreen = !0);
+  _fullscreenStateChange(s) {
+    s === "ready" && this._showFullscreen ? this._showFullscreen = !1 : s === "active" && !this._showFullscreen && (this._showFullscreen = !0);
   }
-  _getActionGroup(e, s, i, l, t, o) {
+  _getActionGroup(s, e, i, l, t, o) {
     const d = this.mapWidgetsSize === "s" ? "square-32" : this.mapWidgetsSize === "m" ? "square-40" : "square-48", c = this.stackTools ? "" : "margin-bottom-1-2", p = this.stackTools ? "" : "box-shadow";
-    return r`<div><calcite-action alignment=center .indicator=${o} class=${`map-actions ${d} ${c} border-bottom ${p} ${t ? "danger-icon-color" : ""}`} .disabled=${s} .icon=${e} id=${e ?? _} @click=${l} scale=s text ${h(this._mapTool)}><calcite-icon icon=cheveron-up scale=s slot=icon></calcite-icon></calcite-action>${!this.isMobile && r`<calcite-tooltip .placement=${this.layout === "vertical" ? "auto" : "bottom"} reference-element=${e ?? _}><span>${i}</span></calcite-tooltip>` || ""}</div>`;
+    return r`<div><calcite-action alignment=center .indicator=${o} class=${`map-actions ${d} ${c} border-bottom ${p} ${t ? "danger-icon-color" : ""}`} .disabled=${e} .icon=${s} id=${s ?? _} @click=${l} scale=s text ${h(this._mapTool)}><calcite-icon icon=chevron-up scale=s slot=icon></calcite-icon></calcite-action>${!this.isMobile && r`<calcite-tooltip .placement=${this.layout === "vertical" ? "auto" : "bottom"} reference-element=${s ?? _}><span>${i}</span></calcite-tooltip>` || ""}</div>`;
   }
-  _getWidget(e, s, i) {
-    if (this._widgets.indexOf(e) < 0 && this.mapView && s) {
-      const l = this.toolOrder.indexOf(e), t = this.Expand && new this.Expand({
+  _getWidget(s, e, i) {
+    if (this._widgets.indexOf(s) < 0 && this.mapView && e) {
+      const l = this.toolOrder.indexOf(s), t = new F({
         view: this.mapView,
-        content: s
+        content: e
       }), o = this.enableHome ? 2 : 1;
-      this.mapView.ui.add(i ? t : s, {
+      this.mapView.ui.add(i ? t : e, {
         position: this.position,
         index: l > -1 ? l + o : 1
-      }), this._widgets.push(e);
+      }), this._widgets.push(s);
     }
   }
   _showLegend() {
@@ -194,7 +190,7 @@ class $ extends F {
     this._showEllipsisTools = !this._showEllipsisTools;
   }
 }
-y("map-tools", $);
+y("map-tools", x);
 export {
-  $ as MapTools
+  x as MapTools
 };

package/dist/components/map-tools/index.d.ts

@@ -1,8 +1,8 @@
-import "../basemap-gallery/index.js";
+import "../map-basemap-gallery/index.js";
 import "../map-search/index.js";
 import "../map-legend/index.js";
 import "../map-fullscreen/index.js";
-import "../floor-filter/index.js";
+import "../map-floor-filter/index.js";
 import "../selection-tool/index.js";
 import "../map-picker/index.js";
 import "../map-layer-picker/index.js";

package/dist/components/map-tools/index.js

@@ -1,8 +1,8 @@
-import "../basemap-gallery/index.js";
+import "../map-basemap-gallery/index.js";
 import "../map-search/index.js";
 import "../map-legend/index.js";
 import "../map-fullscreen/index.js";
-import "../floor-filter/index.js";
+import "../map-floor-filter/index.js";
 import "../selection-tool/index.js";
 import "../map-picker/index.js";
 import "../map-layer-picker/index.js";