@esri/solutions-components 1.0.0-next.20250506.1 → 1.0.0-next.20250513

package/dist/components/layer-table/index.d.ts

@@ -3,14 +3,15 @@ import "@esri/calcite-components/components/calcite-shell";
 import "@esri/calcite-components/components/calcite-panel";
 import "@esri/calcite-components/components/calcite-input";
 import "@esri/calcite-components/components/calcite-loader";
+import "../map-layer-picker/index.js";
 import "../field-selection/index.js";
 import "@esri/calcite-components/components/calcite-action-bar";
-import "../map-layer-picker/index.js";
 import "@esri/calcite-components/components/calcite-action-group";
 import "@esri/calcite-components/components/calcite-action";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-label";
 import "@arcgis/instant-apps-components/dist/components/instant-apps-social-share.js";
 import "@esri/calcite-components/components/calcite-tooltip";
-import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-dialog";
 import "@arcgis/instant-apps-components/dist/components/instant-apps-filter-list.js";
 export * from "./customElement.js";

package/dist/components/layer-table/index.js

@@ -3,14 +3,15 @@ import "@esri/calcite-components/components/calcite-shell";
 import "@esri/calcite-components/components/calcite-panel";
 import "@esri/calcite-components/components/calcite-input";
 import "@esri/calcite-components/components/calcite-loader";
+import "../map-layer-picker/index.js";
 import "../field-selection/index.js";
 import "@esri/calcite-components/components/calcite-action-bar";
-import "../map-layer-picker/index.js";
 import "@esri/calcite-components/components/calcite-action-group";
 import "@esri/calcite-components/components/calcite-action";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-label";
 import "@arcgis/instant-apps-components/dist/components/instant-apps-social-share.js";
 import "@esri/calcite-components/components/calcite-tooltip";
-import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-dialog";
 import "@arcgis/instant-apps-components/dist/components/instant-apps-filter-list.js";
 export * from "./customElement.js";

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

@@ -165,7 +165,7 @@ export declare class MapCard extends LitElement {
      *
      * @default false
      */
-    onlyShowUpdatableLayers: boolean;
+    showOnlyUpdatableLayers: boolean;
     /**
      * When true the component will render an optimized view for mobile devices
      *
@@ -174,6 +174,12 @@ export declare class MapCard extends LitElement {
     isMobile: boolean;
     /** IMapInfo: key configuration details about the current map */
     mapInfo: IMapInfo | undefined;
+    /**
+     * boolean: when true the selectionTool tool will be available
+     *
+     * @default false
+     */
+    enableSelectionTool: boolean;
     /** Reset the filter */
     resetFilter(): Promise<void>;
     /** updates the filter */

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

@@ -3,14 +3,14 @@ import { l as u } from "../../chunks/loadModules.js";
 import { joinAppProxies as b } from "templates-common-library/functionality/proxy";
 import { g, b as y } from "../../chunks/mapViewUtils.js";
 import { u as _ } from "../../chunks/useT9n.js";
-import { html as l, nothing as c } from "lit";
-import { createRef as n, ref as h } from "lit-html/directives/ref.js";
-import { LitElement as w, createEvent as d, noShadowRoot as I, safeClassMap as p } from "@arcgis/lumina";
+import { html as l, nothing as p } from "lit";
+import { createRef as h, ref as n } from "lit-html/directives/ref.js";
+import { LitElement as w, createEvent as d, noShadowRoot as I, safeClassMap as c } from "@arcgis/lumina";
 import { css as L } from "@lit/reactive-element/css-tag.js";
 import { defineCustomElements as $ } from "@arcgis/instant-apps-components/loader";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250506.1 */
+v1.0.0-next.20250513 */
 const v = L`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -28,10 +28,10 @@ const v = L`@layer{/** @license
  */:host{display:block;--calcite-label-margin-bottom: 0;--calcite-block-padding: 0}.map-height{height:calc(100% - 53px)}.height-full{height:100%}.height-49-px{height:49px}.box-shadow{box-shadow:none!important}.visibility-hidden-1{visibility:hidden;height:1px}.display-flex{display:flex}.display-none{display:none}.display-block{display:block}.absolute-right{position:absolute;right:0;left:unset}html[dir=rtl] .absolute-right{left:0;right:unset}}`;
 class S extends w {
   constructor() {
-    super(), this.defaultWebmapId = "", this.defaultLayerId = "", this.enableHome = !1, this.enableLegend = !1, this.enableFloorFilter = !1, this.enableFullscreen = !1, this.enableShare = !1, this.enableSingleExpand = !1, this.enableSearch = !1, this.enableBasemap = !1, this.hide = !1, this.homeZoomIndex = 3, this.homeZoomPosition = "top-left", this.homeZoomToolsSize = "m", this.mapInfos = [], this.mapWidgetsIndex = 0, this.mapWidgetsPosition = "top-right", this.mapWidgetsSize = "m", this.stackTools = !1, this.toolOrder = [], this.isMapLayout = !1, this.shareIncludeEmbed = !1, this.shareIncludeSocial = !1, this.selectedFeaturesIds = [], this.onlyShowUpdatableLayers = !1, this.isMobile = !1, this._translations = _({ name: "map-card", blocking: !0 }), this._toolInfos = [], this._defaultWebmapHonored = !1, this._loadedId = "", this._mapDiv = n(), this._mapPicker = n(), this._mapTools = n(), this._mapListExpanded = !1, this._filterActive = !1, this._definitionExpression = "", this._mapLayerPicker = n(), this._toolbar = n(), this.mapChanged = d(), this.beforeMapChanged = d(), this.toggleFilter = d(), this.clearSelection = d(), this.listenOn(window, "mapInfoChange", this.mapInfoChange), this.listenOn(window, "noLayersFound", this.noLayersFound), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.enableSingleExpand = !0, this.stackTools = !0, $(window);
+    super(), this.defaultWebmapId = "", this.defaultLayerId = "", this.enableHome = !1, this.enableLegend = !1, this.enableFloorFilter = !1, this.enableFullscreen = !1, this.enableShare = !1, this.enableSingleExpand = !1, this.enableSearch = !1, this.enableBasemap = !1, this.hide = !1, this.homeZoomIndex = 3, this.homeZoomPosition = "top-left", this.homeZoomToolsSize = "m", this.mapInfos = [], this.mapWidgetsIndex = 0, this.mapWidgetsPosition = "top-right", this.mapWidgetsSize = "m", this.stackTools = !1, this.toolOrder = [], this.isMapLayout = !1, this.shareIncludeEmbed = !1, this.shareIncludeSocial = !1, this.selectedFeaturesIds = [], this.showOnlyUpdatableLayers = !1, this.isMobile = !1, this.enableSelectionTool = !1, this._translations = _({ name: "map-card", blocking: !0 }), this._toolInfos = [], this._defaultWebmapHonored = !1, this._loadedId = "", this._mapDiv = h(), this._mapPicker = h(), this._mapTools = h(), this._mapListExpanded = !1, this._filterActive = !1, this._definitionExpression = "", this._mapLayerPicker = h(), this._toolbar = h(), this.mapChanged = d(), this.beforeMapChanged = d(), this.toggleFilter = d(), this.clearSelection = d(), this.listenOn(window, "mapInfoChange", this.mapInfoChange), this.listenOn(window, "noLayersFound", this.noLayersFound), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.enableSingleExpand = !0, this.stackTools = !0, $(window);
   }
   static {
-    this.properties = { appLayout: 1, appProxies: 1, defaultWebmapId: 1, defaultLayerId: 1, enableHome: 5, enableLegend: 5, enableFloorFilter: 5, enableFullscreen: 5, enableShare: 5, enableSingleExpand: 5, enableSearch: 5, enableBasemap: 5, basemapConfig: 0, hide: 5, homeZoomIndex: 9, homeZoomPosition: 1, homeZoomToolsSize: 1, mapInfos: 0, mapWidgetsIndex: 9, mapWidgetsPosition: 1, mapWidgetsSize: 1, mapView: 0, stackTools: 5, theme: 1, toolOrder: 0, isMapLayout: 5, shareIncludeEmbed: 5, shareIncludeSocial: 5, selectedFeaturesIds: 0, selectedLayer: 0, zoomToScale: 9, onlyShowUpdatableLayers: 5, isMobile: 5, mapInfo: 0, _translations: 16, _searchConfiguration: 16, _webMapInfo: 16, _toolInfos: 16 };
+    this.properties = { appLayout: 1, appProxies: 1, defaultWebmapId: 1, defaultLayerId: 1, enableHome: 5, enableLegend: 5, enableFloorFilter: 5, enableFullscreen: 5, enableShare: 5, enableSingleExpand: 5, enableSearch: 5, enableBasemap: 5, basemapConfig: 0, hide: 5, homeZoomIndex: 9, homeZoomPosition: 1, homeZoomToolsSize: 1, mapInfos: 0, mapWidgetsIndex: 9, mapWidgetsPosition: 1, mapWidgetsSize: 1, mapView: 0, stackTools: 5, theme: 1, toolOrder: 0, isMapLayout: 5, shareIncludeEmbed: 5, shareIncludeSocial: 5, selectedFeaturesIds: 0, selectedLayer: 0, zoomToScale: 9, showOnlyUpdatableLayers: 5, isMobile: 5, mapInfo: 0, enableSelectionTool: 5, _translations: 16, _searchConfiguration: 16, _webMapInfo: 16, _toolInfos: 16 };
   }
   static {
     this.styles = v;
@@ -84,7 +84,7 @@ class S extends w {
   }
   render() {
     const e = this.isMapLayout ? "display-flex height-49-px" : "", i = this.hide ? "visibility-hidden-1" : "", s = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light", t = this.mapInfos?.length > 1 || this.isMapLayout ? "map-height" : "height-full", a = this.isMapLayout ? "" : "display-none";
-    return this._validateActiveActions(), l`<div class=${`${e} width-full`} ${h(this._toolbar)}>${this._getActionBar()}<div slot=header-actions-end class="display-flex absolute-right">${this.enableShare && !this.isMobile && this.isMapLayout ? this._getShare("share") : void 0}</div></div><calcite-progress class=${p(a)} value=0></calcite-progress><div class=${`${t} ${i}`} ${h(this._mapDiv)}></div>${l`<map-tools .basemapConfig=${this.basemapConfig} class=${`box-shadow ${s}`} .enableBasemap=${this.enableBasemap} .enableFloorFilter=${this.enableFloorFilter} .enableFullscreen=${this.enableFullscreen} .enableHome=${this.enableHome} .enableLegend=${this.enableLegend} .enableSearch=${this.enableSearch} .enableSingleExpand=${this.enableSingleExpand} .homeZoomToolsSize=${this.homeZoomToolsSize} .mapView=${this.mapView} .mapWidgetsSize=${this.mapWidgetsSize} .position=${this.mapWidgetsPosition} .searchConfiguration=${this._searchConfiguration} .stackTools=${this.stackTools} .toolOrder=${this.toolOrder} ${h(this._mapTools)}></map-tools>`}`;
+    return this._validateActiveActions(), l`<div class=${`${e} width-full`} ${n(this._toolbar)}>${this._getActionBar()}<div slot=header-actions-end class="display-flex absolute-right">${this.enableShare && !this.isMobile && this.isMapLayout ? this._getShare("share") : void 0}</div></div><calcite-progress class=${c(a)} value=0></calcite-progress><div class=${`${t} ${i}`} ${n(this._mapDiv)}></div>${l`<map-tools .basemapConfig=${this.basemapConfig} class=${`box-shadow ${s}`} .enableBasemap=${this.enableBasemap} .enableFloorFilter=${this.enableFloorFilter} .enableFullscreen=${this.enableFullscreen} .enableHome=${this.enableHome} .enableLegend=${this.enableLegend} .enableSearch=${this.enableSearch} .enableSingleExpand=${this.enableSingleExpand} .enableSelectionTool=${this.enableSelectionTool} .homeZoomToolsSize=${this.homeZoomToolsSize} .mapView=${this.mapView} .mapWidgetsSize=${this.mapWidgetsSize} .position=${this.mapWidgetsPosition} .selectedLayer=${this.selectedLayer} .searchConfiguration=${this._searchConfiguration} .stackTools=${this.stackTools} .toolOrder=${this.toolOrder} ${n(this._mapTools)}></map-tools>`}`;
   }
   updated() {
     document.onclick = (e) => this._handleDocumentClick(e);
@@ -127,10 +127,10 @@ class S extends w {
   }
   _getActionBar() {
     const e = this.mapInfos?.length > 1 ? "" : "display-none", i = this.isMapLayout ? "display-flex" : "display-block", s = this.isMobile ? "border-top" : "", t = this.isMapLayout ? "" : "display-none";
-    return l`<calcite-action-bar class=${p(i)} expand-disabled expanded id=${this._getId("bar") ?? c} layout=horizontal><map-picker class=${p(e)} id=map-picker .isMapLayout=${this.isMapLayout} .mapInfos=${this.mapInfos} ${h(this._mapPicker)}></map-picker><div class=${`mapView-header display-flex ${t}`} id=solutions-map-layer-picker-container><div class=${`border-end ${i} ${s}`}>${this.mapView && l`<map-layer-picker appearance=transparent .defaultLayerId=${this.defaultLayerId} display=inline-flex height=50 .isMobile=${this.isMobile} .mapView=${this.mapView} @lyShowUpdatableLayers=${this.onlyShowUpdatableLayers} placeholder-icon=layers scale=l .selectedIds=${this.selectedLayer ? [this.selectedLayer.id] : []} show-single-layer-as-label show-tables show-tables-disabled type=dropdown ${h(this._mapLayerPicker)}></map-layer-picker>` || ""}</div></div>${!this.isMobile && this.isMapLayout ? this._getActions() : void 0}</calcite-action-bar>`;
+    return l`<calcite-action-bar class=display-flex expand-disabled expanded id=${this._getId("bar") ?? p} layout=horizontal><map-picker class=${c(e)} id=map-picker .isMapLayout=${this.isMapLayout} .mapInfos=${this.mapInfos} ${n(this._mapPicker)}></map-picker><div class=${`mapView-header display-flex ${t}`} id=solutions-map-layer-picker-container><div class=${`border-end ${i} ${s}`}>${this.mapView && l`<map-layer-picker appearance=transparent .defaultLayerId=${this.defaultLayerId} display=inline-flex height=50 .isMobile=${this.isMobile} .mapView=${this.mapView} .showOnlyUpdatableLayers=${this.showOnlyUpdatableLayers} placeholder-icon=layers scale=l .selectedIds=${this.selectedLayer ? [this.selectedLayer.id] : []} show-single-layer-as-label show-tables show-tables-disabled type=dropdown ${n(this._mapLayerPicker)}></map-layer-picker>` || ""}</div></div>${!this.isMobile && this.isMapLayout ? this._getActions() : void 0}</calcite-action-bar>`;
   }
   _getShare(e) {
-    return l`<div class="share-action" id=${this._getId(e) ?? c}>${this.mapView && l`<instant-apps-social-share class="instant-app-share" .embed=${this.shareIncludeEmbed} flip-rtl popover-button-icon-scale=s scale=m share-button-color=neutral share-button-type=action .socialMedia=${this.shareIncludeSocial} .view=${this.mapView} ${h((i) => {
+    return l`<div class="share-action" id=${this._getId(e) ?? p}>${this.mapView && l`<instant-apps-social-share class="instant-app-share" .embed=${this.shareIncludeEmbed} flip-rtl popover-button-icon-scale=s scale=m share-button-color=neutral share-button-type=action .socialMedia=${this.shareIncludeSocial} .view=${this.mapView} ${n((i) => {
       i && (this._shareNode = i, this._updateShareUrl());
     })}></instant-apps-social-share>` || ""}${this._getToolTip("bottom", e, this._translations?.share)}</div>`;
   }
@@ -146,19 +146,19 @@ class S extends w {
     this.selectedFeaturesIds?.length > 1;
     const i = [];
     i.push({
-      active: !1,
-      icon: "zoom-to-object",
-      indicator: !1,
-      label: this._translations.zoom,
-      func: () => this._zoom(),
-      disabled: !e
-    }), i.push({
       active: !1,
       icon: "filter",
       indicator: !1,
       label: this._translations.filters,
       func: () => this._toggleFilter(),
       disabled: !1
+    }), i.push({
+      active: !1,
+      icon: "zoom-to-object",
+      indicator: !1,
+      label: this._translations.zoom,
+      func: () => this._zoom(),
+      disabled: !e
     }), i.push({
       active: !1,
       icon: "refresh",

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

@@ -9,7 +9,7 @@ import { LitElement as f, createEvent as h, noShadowRoot as y, safeClassMap as o
 import { css as k } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250506.1 */
+v1.0.0-next.20250513 */
 const w = k`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -6,7 +6,7 @@ import { LitElement as r, createEvent as c } from "@arcgis/lumina";
 import { css as h } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250506.1 */
+v1.0.0-next.20250513 */
 const o = h`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/map-layer-picker/customElement.d.ts

@@ -51,7 +51,7 @@ export declare class MapLayerPicker extends LitElement {
      *
      * @default false
      */
-    onlyShowUpdatableLayers: boolean;
+    showOnlyUpdatableLayers: boolean;
     /**
      * string: optional placeholder icon used with "combobox" type
      *

package/dist/components/map-layer-picker/customElement.js

@@ -2,13 +2,13 @@ import { c as m } from "../../chunks/runtime.js";
 import { d as b, e as _, f as u } from "../../chunks/mapViewUtils.js";
 import { s as o } from "../../chunks/publicNotificationStore.js";
 import { u as g } from "../../chunks/useT9n.js";
-import { html as a, nothing as n } from "lit";
+import { html as a, nothing as l } from "lit";
 import { createRef as d, ref as c } from "lit-html/directives/ref.js";
-import { LitElement as f, createEvent as r, noShadowRoot as L, safeStyleMap as y, safeClassMap as p } from "@arcgis/lumina";
+import { LitElement as f, createEvent as h, noShadowRoot as L, safeStyleMap as y, safeClassMap as p } from "@arcgis/lumina";
 import { css as w } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250506.1 */
+v1.0.0-next.20250513 */
 const I = w`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -26,10 +26,10 @@ const I = w`@layer{/** @license
  */:host{display:block}.map-layer-picker-container{width:100%;align-items:center}.map-layer-picker{position:relative;width:100%;display:inline-block}.padding-bottom-1{padding-bottom:1rem}.layer-picker-dropdown{height:100%;width:100%}.max-width-350{max-width:350px}.height-100{height:100%}.disabled{cursor:default!important;user-select:none;opacity:var(--calcite-opacity-disabled);pointer-events:none}.no-bottom-margin{--calcite-label-margin-bottom: 0px}.layer-picker-label-container{align-items:center;display:inline-flex;height:100%;padding-inline-start:1rem;padding-inline-end:1rem}.padding-start-1{padding-inline-start:1rem}.cursor-default{cursor:default}}`;
 class v extends f {
   constructor() {
-    super(...arguments), this.appearance = "transparent", this.defaultLayerId = "", this.display = "inline-block", this.enabledLayerIds = [], this.enabledTableIds = [], this.isMobile = !1, this.onlyShowUpdatableLayers = !1, this.placeholderIcon = "", this.selectedIds = [], this.scale = "m", this.showTables = !1, this.showTablesDisabled = !1, this.showSingleLayerAsLabel = !1, this.type = "select", this.force = !1, this._hasMultipleLayers = !0, this._hasValidLayers = !0, this._isDropdownOpen = !1, this.ids = [], this.selectedName = "", this._translations = g({ name: "map-layer-picker", blocking: !0 }), this.defaultLayerHonored = !1, this._layerSelectElement = d(), this._layerComboboxElement = d(), this._skipEditCheck = !1, this.beforeLayerSelectionChange = r(), this.idsFound = r(), this.noLayersFound = r(), this.layerSelectionChange = r();
+    super(...arguments), this.appearance = "transparent", this.defaultLayerId = "", this.display = "inline-block", this.enabledLayerIds = [], this.enabledTableIds = [], this.isMobile = !1, this.showOnlyUpdatableLayers = !1, this.placeholderIcon = "", this.selectedIds = [], this.scale = "m", this.showTables = !1, this.showTablesDisabled = !1, this.showSingleLayerAsLabel = !1, this.type = "select", this.force = !1, this._hasMultipleLayers = !0, this._hasValidLayers = !0, this._isDropdownOpen = !1, this.ids = [], this.selectedName = "", this._translations = g({ name: "map-layer-picker", blocking: !0 }), this.defaultLayerHonored = !1, this._layerSelectElement = d(), this._layerComboboxElement = d(), this._skipEditCheck = !1, this.beforeLayerSelectionChange = h(), this.idsFound = h(), this.noLayersFound = h(), this.layerSelectionChange = h();
   }
   static {
-    this.properties = { appearance: 1, defaultLayerId: 1, display: 1, enabledLayerIds: 0, enabledTableIds: 0, height: 9, isMobile: 5, mapView: 0, onlyShowUpdatableLayers: 5, placeholderIcon: 1, selectedIds: 0, scale: 1, showTables: 5, showTablesDisabled: 5, showSingleLayerAsLabel: 5, type: 1, force: 16, _hasMultipleLayers: 16, _hasValidLayers: 16, _isDropdownOpen: 16, ids: 16, selectedName: 16, _translations: 16 };
+    this.properties = { appearance: 1, defaultLayerId: 1, display: 1, enabledLayerIds: 0, enabledTableIds: 0, height: 9, isMobile: 5, mapView: 0, showOnlyUpdatableLayers: 5, placeholderIcon: 1, selectedIds: 0, scale: 1, showTables: 5, showTablesDisabled: 5, showSingleLayerAsLabel: 5, type: 1, force: 16, _hasMultipleLayers: 16, _hasValidLayers: 16, _isDropdownOpen: 16, ids: 16, selectedName: 16, _translations: 16 };
   }
   static {
     this.styles = I;
@@ -76,20 +76,20 @@ class v extends f {
     return a`<div class="layer-picker-label-container cursor-default"><calcite-icon .icon=${e} scale=s></calcite-icon><calcite-label class="no-bottom-margin padding-start-1">${this.selectedName}</calcite-label></div>`;
   }
   _getSelect(e) {
-    return a`<calcite-select id=${e ?? n} label @calciteSelectChange=${() => this._layerSelectionChange()} .scale=${this.scale} ${c(this._layerElement)}>${this._getMapLayerOptions()}</calcite-select>`;
+    return a`<calcite-select id=${e ?? l} label @calciteSelectChange=${() => this._layerSelectionChange()} .scale=${this.scale} ${c(this._layerElement)}>${this._getMapLayerOptions()}</calcite-select>`;
   }
   _getCombobox(e) {
-    return a`<calcite-combobox clear-disabled id=${e ?? n} label @calciteComboboxChange=${() => this._layerSelectionChange()} .placeholderIcon=${this.placeholderIcon} .scale=${this.scale} selection-mode=single ${c(this._layerElement)}>${this._getMapLayerOptions()}</calcite-combobox>`;
+    return a`<calcite-combobox clear-disabled id=${e ?? l} label @calciteComboboxChange=${() => this._layerSelectionChange()} .placeholderIcon=${this.placeholderIcon} .scale=${this.scale} selection-mode=single ${c(this._layerElement)}>${this._getMapLayerOptions()}</calcite-combobox>`;
   }
   _getDropdown(e) {
     return a`<calcite-dropdown class="layer-picker-dropdown" @calciteDropdownBeforeClose=${() => this._isDropdownOpen = !1} @calciteDropdownBeforeOpen=${() => this._isDropdownOpen = !0}>${this.isMobile ? this._getDropdownButton() : this._getActionDropdownButton(e)}<calcite-dropdown-group selection-mode=single>${this._getMapLayerOptions()}</calcite-dropdown-group></calcite-dropdown>`;
   }
   _getActionDropdownButton(e) {
-    return a`<calcite-action id=${e ?? n} slot=trigger text>${this._getDropdownButton()}</calcite-action>`;
+    return a`<calcite-action id=${e ?? l} slot=trigger text>${this._getDropdownButton()}</calcite-action>`;
   }
   _getDropdownButton() {
     const e = this._getItemTypeIcon(), t = this.isMobile ? "" : "max-width-350", s = this.isMobile ? "trigger" : "", i = this._isDropdownOpen ? "chevron-up" : "chevron-down";
-    return a`<calcite-button alignment=icon-end-space-between .appearance=${this.appearance} class=${p(t)} .iconEnd=${i} .iconStart=${e} kind=neutral slot=${s ?? n} width=full><div>${this.selectedName}</div></calcite-button>`;
+    return a`<calcite-button alignment=icon-end-space-between .appearance=${this.appearance} class=${p(t)} .iconEnd=${i} .iconStart=${e} kind=neutral slot=${s ?? l} width=full><div>${this.selectedName}</div></calcite-button>`;
   }
   _getItemTypeIcon() {
     let e = "layers";
@@ -103,8 +103,8 @@ class v extends f {
     return this.ids.reduce((e, t) => (this._validLayer(t) ? e.push(this._getItem(t, "layer")) : this._validTable(t) && e.push(this._getItem(t, "table")), e), []);
   }
   _getItem(e, t) {
-    const s = t === "layer" && this._layerNameHash ? this._layerNameHash[e] : this._tableNameHash ? this._tableNameHash[e] : void 0, i = this.onlyShowUpdatableLayers ? s && !s.supportsUpdate : !1, h = s?.name, l = this.selectedIds.indexOf(e) > -1;
-    return this.type === "combobox" ? a`<calcite-combobox-item .disabled=${i} .selected=${l} .textLabel=${h} .value=${e}></calcite-combobox-item>` : this.type === "select" ? a`<calcite-option .disabled=${i} .label=${h} .selected=${l} .value=${e}></calcite-option>` : this.force && l || !this.force ? a`<calcite-dropdown-group class=${p(i ? "disabled" : "")} .selectionMode=${i ? "none" : "single"}><calcite-dropdown-item .disabled=${!!(t === "table" && this.showTablesDisabled)} .iconStart=${t} @click=${i ? void 0 : () => void this._setSelectedLayer(e)} .selected=${l}>${h}</calcite-dropdown-item></calcite-dropdown-group>` : null;
+    const s = t === "layer" && this._layerNameHash ? this._layerNameHash[e] : this._tableNameHash ? this._tableNameHash[e] : void 0, i = this.showOnlyUpdatableLayers ? s && !s.supportsUpdate : !1, n = s?.name, r = this.selectedIds.indexOf(e) > -1;
+    return this.type === "combobox" ? a`<calcite-combobox-item .disabled=${i} .selected=${r} .textLabel=${n} .value=${e}></calcite-combobox-item>` : this.type === "select" ? a`<calcite-option .disabled=${i} .label=${n} .selected=${r} .value=${e}></calcite-option>` : this.force && r || !this.force ? a`<calcite-dropdown-group class=${p(i ? "disabled" : "")} id=${n ?? l} .selectionMode=${i ? "none" : "single"}><calcite-dropdown-item .disabled=${!!(t === "table" && this.showTablesDisabled)} .iconStart=${t} @click=${i ? void 0 : () => void this._setSelectedLayer(e)} .selected=${r}>${n}</calcite-dropdown-item></calcite-dropdown-group>` : null;
   }
   async _setSelectedLayer(e) {
     if (e !== this.selectedIds[0]) {
@@ -128,9 +128,9 @@ class v extends f {
     if (this.mapView) {
       await this._initLayerTableHash();
       let e = [];
-      this._layerNameHash && (e = this.onlyShowUpdatableLayers ? this._getEditableIds(this._layerNameHash) : Object.keys(this._layerNameHash));
+      this._layerNameHash && (e = this.showOnlyUpdatableLayers ? this._getEditableIds(this._layerNameHash) : Object.keys(this._layerNameHash));
       let t = [];
-      this._tableNameHash && (t = this.showTables ? this.onlyShowUpdatableLayers ? this._getEditableIds(this._tableNameHash) : Object.keys(this._tableNameHash) : []), this.ids = [
+      this._tableNameHash && (t = this.showTables ? this.showOnlyUpdatableLayers ? this._getEditableIds(this._tableNameHash) : Object.keys(this._tableNameHash) : []), this.ids = [
         ...e.reverse().filter((s) => this.enabledLayerIds?.length > 0 ? this.enabledLayerIds.reverse().indexOf(s) > -1 : !0),
         ...t.reverse().filter((s) => this.enabledTableIds?.length > 0 ? this.enabledTableIds.reverse().indexOf(s) > -1 : !0)
       ], this.idsFound.emit({
@@ -143,7 +143,7 @@ class v extends f {
     return Object.keys(e).reduce((t, s) => (e[s].supportsUpdate && t.push(s), t), []);
   }
   async _initLayerTableHash() {
-    this._layerNameHash = this.mapView && await _(this.mapView, this.onlyShowUpdatableLayers), this._tableNameHash = this.showTables && this.mapView ? await u(this.mapView, this.onlyShowUpdatableLayers) : {};
+    this._layerNameHash = this.mapView && await _(this.mapView, this.showOnlyUpdatableLayers), this._tableNameHash = this.showTables && this.mapView ? await u(this.mapView, this.showOnlyUpdatableLayers) : {};
   }
   _validLayer(e) {
     const t = this._layerNameHash && this._layerNameHash[e]?.name;

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

@@ -6,7 +6,7 @@ import { LitElement as r } from "@arcgis/lumina";
 import { css as d } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250506.1 */
+v1.0.0-next.20250513 */
 const o = d`/**
  * @license
  * Copyright 2025 Esri

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

@@ -6,7 +6,7 @@ import { LitElement as c, createEvent as o, safeClassMap as p } from "@arcgis/lu
 import { css as h } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250506.1 */
+v1.0.0-next.20250513 */
 const m = h`/** @license
  * Copyright 2025 Esri
  *
@@ -21,7 +21,7 @@ const m = h`/** @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;--solutions-theme-foreground-color: var(--calcite-color-foreground-1)}.width-full{width:100%}.width-26{width:26%!important}.height-full{height:100%}.display-flex{display:flex}.border-bottom-1{border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-color-border-3)}.border-right{border-right:1px solid var(--calcite-color-border-3)}.action-bar-size{height:51px;width:100%}.map-list{position:absolute;display:flex;flex-direction:column;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-color-background);z-index:1000;width:100%;height:fit-content}.display-none{display:none}.align-center{align-items:center}.adjusted-height{max-height:calc(100% - 52px);overflow-y:auto}`;
+ */:host{display:block;--solutions-theme-foreground-color: var(--calcite-color-foreground-1);width:100%}.width-full{width:100%}.width-26{width:26%!important}.height-full{height:100%}.display-flex{display:flex}.border-bottom-1{border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-color-border-3)}.border-left-right{border-left:1px solid var(--calcite-color-border-3);border-right:1px solid var(--calcite-color-border-3)}.action-bar-size{height:51px;width:100%}.map-list{position:absolute;display:flex;flex-direction:column;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-color-background);z-index:1000;width:100%;height:fit-content}.display-none{display:none}.align-center{align-items:center}.adjusted-height{max-height:calc(100% - 52px);overflow-y:auto}`;
 class f extends c {
   constructor() {
     super(...arguments), this.mapInfos = [], this.isMapLayout = !1, this._mapListExpanded = !1, this._translations = l({ name: "map-picker", blocking: !0 }), this._list = r(), this._loadedId = "", this._skipEditCheck = !1, this.beforeMapInfoChange = o(), this.mapInfoChange = o();
@@ -64,7 +64,7 @@ class f extends c {
     return s`<div class="width-full"><calcite-button alignment=icon-end-space-between appearance=transparent class="width-full height-full" .iconEnd=${t} icon-start=map id=${e} kind=neutral @click=${() => this._chooseMap()} width=full>${this._webMapInfo?.name}</calcite-button><calcite-tooltip placement=bottom .referenceElement=${e}><span>${this._translations.switchMap}</span></calcite-tooltip></div>`;
   }
   _getToolbar() {
-    return s`<div class="display-flex border-right"><calcite-action-bar class="border-bottom-1 action-bar-size" expand-disabled layout=horizontal slot=header>${this._getMapPicker()}</calcite-action-bar></div>`;
+    return s`<div class="display-flex border-left-right"><calcite-action-bar class="border-bottom-1 action-bar-size" expand-disabled layout=horizontal slot=header>${this._getMapPicker()}</calcite-action-bar></div>`;
   }
   _getMapNameList(e) {
     const t = this.isMapLayout ? "width-26" : "width-full", i = e ? `map-list border-bottom-1 adjusted-height ${t}` : "display-none";

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

@@ -6,7 +6,7 @@ import { LitElement as f } from "@arcgis/lumina";
 import { css as y } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250506.1 */
+v1.0.0-next.20250513 */
 const S = y`/** @license
  * Copyright 2025 Esri
  *

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

@@ -11,7 +11,7 @@ import { LitElement as E, createEvent as T, noShadowRoot as O, safeClassMap as f
 import { css as F } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250506.1 */
+v1.0.0-next.20250513 */
 const D = F`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -8,6 +8,7 @@ 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 */
@@ -91,6 +92,17 @@ export declare class MapTools extends LitElement {
      * @default true
      */
     stackTools: boolean;
-    /** Valid tools: "legend", "search", "fullscreen", "basemap", "floorfilter" */
+    /**
+     * boolean: when true the selection tools will be available
+     *
+     * @default false
+     */
+    enableSelectionTool: boolean;
+    /**
+     * Tools to show and its order
+     * Valid tools: "legend", "search", "fullscreen", "basemap", "floorfilter", "selectiontool"
+     */
     toolOrder: string[];
+    /** __esri.FeatureLayer: Selected feature layer */
+    selectedLayer: __esri.FeatureLayer | undefined;
 }

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

@@ -1,13 +1,13 @@
 import { c as u } from "../../chunks/runtime.js";
 import { l as f } from "../../chunks/loadModules.js";
 import { u as b } from "../../chunks/useT9n.js";
-import { html as d, nothing as F } from "lit";
-import { createRef as h, ref as n } from "lit-html/directives/ref.js";
-import { LitElement as W, safeClassMap as o } from "@arcgis/lumina";
+import { html as c, nothing as F } from "lit";
+import { createRef as o, ref as l } from "lit-html/directives/ref.js";
+import { LitElement as W, safeClassMap as a } from "@arcgis/lumina";
 import { css as v } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250506.1 */
+v1.0.0-next.20250513 */
 const x = v`/** @license
  * Copyright 2025 Esri
  *
@@ -23,12 +23,12 @@ const x = v`/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{display:block}.display-none{display:none}.margin-top-1-2{margin-top:.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}`;
-class E extends W {
+class S extends W {
   constructor() {
-    super(...arguments), this.enableLegend = !1, this.enableFloorFilter = !1, this.enableFullscreen = !1, this.enableSearch = !1, this.enableBasemap = !1, this.enableHome = !1, this.enableSingleExpand = !1, this.homeZoomToolsSize = "m", this.layout = "vertical", this.mapWidgetsSize = "m", this.position = "top-right", this.stackTools = !0, this.toolOrder = [], this._hasFloorInfo = !1, this._translations = b({ name: "map-tools", blocking: !0 }), this._showTools = !0, this._showBasemapWidget = !1, this._showFloorFilter = !1, this._showFullscreen = !1, this._showLegendWidget = !1, this._showSearchWidget = !1, this._basemapElement = h(), this._floorFilterElement = h(), this._fullscreenElement = h(), this._legendElement = h(), this._searchElement = h(), this._widgets = [];
+    super(...arguments), this.enableLegend = !1, this.enableFloorFilter = !1, this.enableFullscreen = !1, this.enableSearch = !1, this.enableBasemap = !1, this.enableHome = !1, this.enableSingleExpand = !1, this.homeZoomToolsSize = "m", this.layout = "vertical", this.mapWidgetsSize = "m", this.position = "top-right", this.stackTools = !0, this.enableSelectionTool = !1, this.toolOrder = ["home", "legend", "search", "fullscreen", "floorfilter", "selectiontool"], this._hasFloorInfo = !1, this._translations = b({ 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._basemapElement = o(), this._floorFilterElement = o(), this._fullscreenElement = o(), this._legendElement = o(), this._searchElement = o(), this._widgets = [], this._selectionToolElement = o();
   }
   static {
-    this.properties = { basemapConfig: 0, enableLegend: 5, enableFloorFilter: 5, enableFullscreen: 5, enableSearch: 5, enableBasemap: 5, enableHome: 5, enableSingleExpand: 5, homeZoomToolsSize: 1, layout: 1, mapView: 0, mapWidgetsSize: 1, position: 1, searchConfiguration: 0, stackTools: 5, toolOrder: 0, _hasFloorInfo: 16, _translations: 16, _showTools: 16, _showBasemapWidget: 16, _showFloorFilter: 16, _showFullscreen: 16, _showLegendWidget: 16, _showSearchWidget: 16 };
+    this.properties = { basemapConfig: 0, enableLegend: 5, enableFloorFilter: 5, enableFullscreen: 5, enableSearch: 5, enableBasemap: 5, enableHome: 5, enableSingleExpand: 5, homeZoomToolsSize: 1, layout: 1, mapView: 0, mapWidgetsSize: 1, position: 1, searchConfiguration: 0, stackTools: 5, enableSelectionTool: 5, toolOrder: 0, selectedLayer: 0, _hasFloorInfo: 16, _translations: 16, _showTools: 16, _showBasemapWidget: 16, _showFloorFilter: 16, _showFullscreen: 16, _showLegendWidget: 16, _showSearchWidget: 16, _selectionToolActive: 16 };
   }
   static {
     this.styles = x;
@@ -78,8 +78,10 @@ class E extends W {
   }
   render() {
     this._setZoomToolsSize();
-    const e = this._showTools ? "chevrons-up" : "chevrons-down", s = this._showTools ? "" : "display-none", i = this._showSearchWidget ? "" : "display-none", t = this._showBasemapWidget ? "" : "display-none", a = this._showLegendWidget ? "" : "display-none", l = this._showFloorFilter ? "" : "display-none", r = this._showFullscreen ? "" : "display-none", c = this._showTools ? this._translations.collapse : this._translations.expand, p = !this.enableBasemap && !this.enableFullscreen && !this.enableLegend && !this.enableSearch ? "display-none" : "", m = this.enableSingleExpand ? "margin-top-1-2" : "", g = this.toolOrder ? this.toolOrder : ["legend", "search", "fullscreen", "floorfilter"], _ = this.stackTools ? "box-shadow" : "";
-    return d`<div class=${o(p)}>${this.enableSingleExpand ? d`<div class="box-shadow">${this._getActionGroup(e, !1, c || "", () => this._toggleTools())}</div>` : void 0}<div class=${`${m} ${_} ${s}`}>${this._getMapWidgets(g)}</div></div><basemap-gallery .basemapConfig=${this.basemapConfig} class=${o(t)} .mapView=${this.mapView} ${n(this._basemapElement)}></basemap-gallery><map-search class=${o(i)} .mapView=${this.mapView} result-graphic-enabled .searchConfiguration=${this.searchConfiguration} ${n(this._searchElement)}></map-search><map-legend class=${o(a)} .mapView=${this.mapView} ${n(this._legendElement)}></map-legend><map-fullscreen class=${o(r)} .mapView=${this.mapView} @fullscreenStateChange=${(w) => this._fullscreenStateChange(w.detail)} ${n(this._fullscreenElement)}></map-fullscreen><floor-filter class=${o(l)} .enabled=${this.enableFloorFilter} .mapView=${this.mapView} ${n(this._floorFilterElement)}></floor-filter>`;
+    const e = this._showTools ? "chevrons-up" : "chevrons-down", s = this._showTools ? "" : "display-none", i = this._showSearchWidget ? "" : "display-none", t = this._showBasemapWidget ? "" : "display-none", n = this._showLegendWidget ? "" : "display-none", h = this._showFloorFilter ? "" : "display-none", r = this._showFullscreen ? "" : "display-none", d = this._showTools ? this._translations.collapse : this._translations.expand, p = !this.enableBasemap && !this.enableFullscreen && !this.enableLegend && !this.enableSearch ? "display-none" : "", g = this.enableSingleExpand ? "margin-top-1-2" : "", m = this.toolOrder ? this.toolOrder : ["legend", "search", "fullscreen", "floorfilter"], _ = this.stackTools ? "box-shadow" : "";
+    return c`<div class=${a(p)}>${this.enableSingleExpand ? c`<div class="box-shadow">${this._getActionGroup(e, !1, d || "", () => this._toggleTools())}</div>` : void 0}<div class=${`${g} ${_} ${s}`}>${this._getMapWidgets(m)}</div></div><basemap-gallery .basemapConfig=${this.basemapConfig} class=${a(t)} .mapView=${this.mapView} ${l(this._basemapElement)}></basemap-gallery><map-search class=${a(i)} .mapView=${this.mapView} result-graphic-enabled .searchConfiguration=${this.searchConfiguration} ${l(this._searchElement)}></map-search><map-legend class=${a(n)} .mapView=${this.mapView} ${l(this._legendElement)}></map-legend><map-fullscreen class=${a(r)} .mapView=${this.mapView} @fullscreenStateChange=${(w) => this._fullscreenStateChange(w.detail)} ${l(this._fullscreenElement)}></map-fullscreen><floor-filter class=${a(h)} .enabled=${this.enableFloorFilter} .mapView=${this.mapView} ${l(this._floorFilterElement)}></floor-filter><selection-tool .mapView=${this.mapView} @drawingComplete=${() => {
+      this._selectionToolActive = !this._selectionToolActive;
+    }} .selectedLayerId=${this.selectedLayer?.id} tool=rectangle ${l(this._selectionToolElement)}></selection-tool>`;
   }
   async _initModules() {
     const [e] = await f(["esri/widgets/Expand"]);
@@ -106,6 +108,8 @@ class E extends W {
           return this.enableBasemap && this.enableSingleExpand ? this._getActionGroup("basemap", !1, this._translations.basemap, () => this._toggleBasemapPicker()) : this.enableBasemap ? this._getWidget(t, this._basemapElement.value?.basemapWidget, !0) : void 0;
         case "floorfilter":
           return this.enableFloorFilter && this._hasFloorInfo && this.enableSingleExpand ? this._getActionGroup("urban-model", !1, this._translations.floorFilter, () => this._toggleFloorFilter()) : this.enableFloorFilter && this._hasFloorInfo ? this._getWidget(t, this._floorFilterElement.value?.floorFilterWidget, !0) : void 0;
+        case "selectiontool":
+          return this.enableSelectionTool ? this._getActionGroup("cursor-selection", !1, this._translations.selectByRectangle, () => this._toggleSelectionTool(), this._selectionToolActive) : void 0;
         default:
           return "";
       }
@@ -114,19 +118,19 @@ class E extends W {
   _fullscreenStateChange(e) {
     e === "ready" && this._showFullscreen ? this._showFullscreen = !1 : e === "active" && !this._showFullscreen && (this._showFullscreen = !0);
   }
-  _getActionGroup(e, s, i, t) {
-    const a = this.mapWidgetsSize === "s" ? "square-32" : this.mapWidgetsSize === "m" ? "square-40" : "square-48", l = this.stackTools ? "" : "margin-bottom-1-2", r = this.stackTools ? "" : "box-shadow";
-    return d`<div><calcite-action alignment=center class=${`${a} ${l} border-bottom ${r}`} .disabled=${s} .icon=${e} id=${e ?? F} @click=${t} scale=s text><calcite-icon icon=cheveron-up scale=s slot=icon></calcite-icon></calcite-action><calcite-tooltip label placement=trailing .referenceElement=${e}><span>${i}</span></calcite-tooltip></div>`;
+  _getActionGroup(e, s, i, t, n) {
+    const h = this.mapWidgetsSize === "s" ? "square-32" : this.mapWidgetsSize === "m" ? "square-40" : "square-48", r = this.stackTools ? "" : "margin-bottom-1-2", d = this.stackTools ? "" : "box-shadow";
+    return c`<div><calcite-action alignment=center .indicator=${n} class=${`${h} ${r} border-bottom ${d}`} .disabled=${s} .icon=${e} id=${e ?? F} @click=${t} scale=s text><calcite-icon icon=cheveron-up scale=s slot=icon></calcite-icon></calcite-action><calcite-tooltip label placement=trailing .referenceElement=${e}><span>${i}</span></calcite-tooltip></div>`;
   }
   _getWidget(e, s, i) {
     if (this._widgets.indexOf(e) < 0 && this.mapView && s) {
-      const t = this.toolOrder.indexOf(e), a = this.Expand && new this.Expand({
+      const t = this.toolOrder.indexOf(e), n = this.Expand && new this.Expand({
         view: this.mapView,
         content: s
-      }), l = this.enableHome ? 2 : 1;
-      this.mapView.ui.add(i ? a : s, {
+      }), h = this.enableHome ? 2 : 1;
+      this.mapView.ui.add(i ? n : s, {
         position: this.position,
-        index: t > -1 ? t + l : 1
+        index: t > -1 ? t + h : 1
       }), this._widgets.push(e);
     }
   }
@@ -142,6 +146,9 @@ class E extends W {
   _toggleFloorFilter() {
     this._showFloorFilter = !this._showFloorFilter, this._showTools = !1;
   }
+  _toggleSelectionTool() {
+    this._selectionToolActive = !this._selectionToolActive, this._selectionToolElement.value?.toggleSelectionTool();
+  }
   _expand() {
     this._showFullscreen = !this._showFullscreen;
   }
@@ -149,7 +156,7 @@ class E extends W {
     this._showTools || (this._showBasemapWidget = !1, this._showSearchWidget = !1, this._showLegendWidget = !1, this._showFloorFilter = !1), this._showTools = !this._showTools;
   }
 }
-u("map-tools", E);
+u("map-tools", S);
 export {
-  E as MapTools
+  S as MapTools
 };

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

@@ -3,6 +3,7 @@ import "../map-search/index.js";
 import "../map-legend/index.js";
 import "../map-fullscreen/index.js";
 import "../floor-filter/index.js";
+import "../selection-tool/index.js";
 import "@esri/calcite-components/components/calcite-action";
 import "@esri/calcite-components/components/calcite-icon";
 import "@esri/calcite-components/components/calcite-tooltip";

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

@@ -3,6 +3,7 @@ import "../map-search/index.js";
 import "../map-legend/index.js";
 import "../map-fullscreen/index.js";
 import "../floor-filter/index.js";
+import "../selection-tool/index.js";
 import "@esri/calcite-components/components/calcite-action";
 import "@esri/calcite-components/components/calcite-icon";
 import "@esri/calcite-components/components/calcite-tooltip";

package/dist/components/pci-calculator/customElement.js

@@ -6,7 +6,7 @@ import { LitElement as n, safeClassMap as a } from "@arcgis/lumina";
 import { css as r } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250506.1 */
+v1.0.0-next.20250513 */
 const u = r`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/pdf-download/customElement.js

@@ -8,7 +8,7 @@ import { LitElement as m } from "@arcgis/lumina";
 import { css as h } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250506.1 */
+v1.0.0-next.20250513 */
 const u = [
   {
     descriptionPDF: {

package/dist/components/public-notification/customElement.js

@@ -11,7 +11,7 @@ import { LitElement as x, createEvent as E, noShadowRoot as T, safeClassMap as p
 import { css as C } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250506.1 */
+v1.0.0-next.20250513 */
 const I = C`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/refine-selection/customElement.js

@@ -10,7 +10,7 @@ import { LitElement as R, createEvent as w, noShadowRoot as O } from "@arcgis/lu
 import { css as A } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250506.1 */
+v1.0.0-next.20250513 */
 const D = A`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/selection-tool/customElement.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
+/// <reference types="../../index.d.ts" />
+import { PropertyValues } from 'lit';
+import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+
+export declare class SelectionTool extends LitElement {
+    /**
+     * string: Locale to use for translation of stings in the UI
+     *
+     * @default ''
+     */
+    locale: string;
+    /** esri/views/View: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+    mapView: __esri.MapView | undefined;
+    /**
+     * string: Selected layer id
+     *
+     * @default ''
+     */
+    selectedLayerId: string;
+    /**
+     * string: Tool for selecting the features
+     *
+     * @default "rectangle"
+     */
+    tool: "circle" | "polygon" | "rectangle";
+    /** Toggles the selection tool state */
+    toggleSelectionTool(): Promise<void>;
+    /** Emitted when drawing is completed */
+    readonly drawingComplete: TargetedEvent<this, void>;
+    /** Emitted when feature are selected */
+    readonly featuresSelected: TargetedEvent<this, (string | number)[] | undefined>;
+}