@esri/solutions-components 1.0.0-next.20250605 → 1.0.0-next.20250613

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

@@ -1,18 +1,18 @@
 import { c as m } from "../../chunks/runtime.js";
 import { l as w } from "../../chunks/loadModules.js";
-import { b, d as I, g as v } from "../../chunks/mapViewUtils.js";
-import { c as T } from "../../chunks/queryUtils.js";
+import { b as y, d as I, g as T } from "../../chunks/mapViewUtils.js";
+import { c as v } from "../../chunks/queryUtils.js";
 import { d as E } from "../../chunks/downloadUtils.js";
 import { defineCustomElements as x } from "@arcgis/instant-apps-components/loader";
 import { u as S } from "../../chunks/useT9n.js";
-import { html as d, nothing as o } from "lit";
-import { createRef as _, ref as u } from "lit-html/directives/ref.js";
-import { LitElement as F, createEvent as f, noShadowRoot as O, safeClassMap as g } from "@arcgis/lumina";
+import { html as o, nothing as c } from "lit";
+import { createRef as u, ref as p } from "lit-html/directives/ref.js";
+import { LitElement as F, createEvent as f, noShadowRoot as O, safeClassMap as b } from "@arcgis/lumina";
 import { css as C } from "@lit/reactive-element/css-tag.js";
 import "@arcgis/map-config-components";
 /*! 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.20250605 */
+v1.0.0-next.20250613 */
 const A = C`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -30,7 +30,7 @@ const A = C`@layer{/** @license
  */:host{display:block}.height-full{height:100%}.height-full-adjusted{height:calc(100% - 20px)}.width-full{width:100%}.display-flex{display:flex}.display-none{display:none}.table-border{border:1px solid var(--calcite-color-border-2)}.border-end{border-inline-end:1px solid var(--calcite-color-border-2)}.border-bottom{border-bottom:1px solid var(--calcite-color-border-2)}.padding-5{padding:5px}.padding-end-1{padding-inline-end:1rem}.height-51-px{height:51px}.height-50-px{height:50px}.bottom-left{position:absolute;left:0;bottom:0;padding-left:5px}html[dir=rtl] .bottom-left{position:absolute;right:0;bottom:0;padding-right:5px}.height-19{height:19px}.background{background-color:var(--calcite-color-background)}.text-color{color:var(--calcite-color-text-1)}.align-center{align-items:center}.danger-color{color:var(--calcite-color-status-danger)}.esri-feature-table vaadin-grid{border:none!important}vaadin-grid-cell-content{font-size:14px!important;color:var(--calcite-color-text-3)!important}.absolute-right{position:absolute;right:0;left:unset}html[dir=rtl] .absolute-right{left:0;right:unset}.disabled{cursor:default!important;user-select:none;opacity:var(--calcite-opacity-disabled);pointer-events:none}.actions-end{height:50px!important;display:inline-flex}.border-top{border-top:1px solid var(--calcite-color-border-2)}.modal{--calcite-modal-content-padding: 0}.esri-feature-table__table-container{height:100%}.search-container{background-color:var(--calcite-color-foreground-1)!important}.search{--calcite-color-border-input: var(--calcite-color-border-3);width:60%;padding:10px}.delete-red{--calcite-icon-color: var(--calcite-color-status-danger);--calcite-color-text-1: var(--calcite-color-status-danger);--calcite-color-text-3: var(--calcite-color-status-danger)}.label-override{white-space:nowrap}.padding-start-1-4{padding-inline-start:.5rem}.panel-header-override{--calcite-panel-header-content-space: 0px}.danger-label-color{color:var(--calcite-color-status-danger)}.danger-icon-color{--calcite-icon-color: var(--calcite-color-status-danger)}.width-51{width:51px}.height-51{height:51px}}`;
 class H extends F {
   constructor() {
-    super(), this.defaultGlobalId = [], this.defaultLayerId = "", this.defaultOid = [], this.enableAutoRefresh = !1, this.enableColumnReorder = !0, this.enableCSV = !1, this.enableInlineEdit = !1, this.enableShare = !1, this.featureSelectionMode = "multiple", this.selectedRelatedIds = [], this.honorMapFieldSettings = !1, this.isMobile = !1, this.mapHidden = !1, this.showOnlyUpdatableLayers = !1, this.selectedIds = [], this.shareIncludeEmbed = !1, this.shareIncludeSocial = !1, this.showNewestFirst = !1, this.zoomAndScrollToSelected = !1, this._allIds = [], this._csvExporting = !1, this._fetchingData = !1, this._filterActive = !1, this._selectAllActive = !1, this._showHideOpen = !1, this._showOnlySelected = !1, this._toolInfos = [], this._translations = S({ name: "layer-table", blocking: !0 }), this._fullTextSearchInfo = [], this._searchPlaceHolder = "", this._size = 0, this._queryingData = !1, this._editEnabled = !1, this._enabledLayerIds = [], this._defaultFilterHonored = !1, this._defaultGlobalIdHonored = !1, this._defaultOidHonored = !1, this._definitionExpression = "", this._deleteEnabled = !1, this._filterList = _(), this._floorExpression = "", this._floorField = "", this._floorFacility = "", this._floorLevel = "", this._floorSite = "", this._layerExpressions = [], this._loaded = !1, this._shareNode = _(), this._toolbar = _(), this._searchExpression = "", this._skipEditCheck = !1, this._tempSelectedIds = [], this._outOFExtentOids = [], this._shouldUpdateTableOnExtentChange = !0, this._creatingFeature = !1, this._searchNode = _(), this.featureSelectionChange = f(), this.toggleFilter = f(), this.showDelete = f(), this.relatedRecordToggled = f(), this.editMultipleFeatures = f(), this.listenOn(window, "beforeMapInfoChange", this.beforeMapInfoChange, { capture: !0 }), this.listenOn(window, "editorInitialized", this.editorInitialized), this.listenOn(window, "closeEdit", this.closeEdit), this.listenOn(window, "selectionChanged", this.selectionChanged), this.listenOn(window, "beforeLayerSelectionChange", this.beforeLayerSelectionChange), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "editsComplete", this.editsComplete), this.listenOn(window, "facilityChanged", this.facilityChanged), this.listenOn(window, "levelChanged", this.levelChanged), this.listenOn(window, "siteChanged", this.siteChanged), this.listenOn(window, "noLayersFound", this.noLayersFound), this.listenOn(window, "clearSelection", this.clearSelection), this.listenOn(window, "mapChanged", this.mapChanged), this.listenOn(window, "featuresSelected", this.featuresSelected), this.listenOn(window, "createWorkFlowStarted", this.createWorkFlowStarted), this.listenOn(window, "backFromCreateWorkFlow", this.backFromCreateWorkFlow), x(window);
+    super(), this.defaultGlobalId = [], this.defaultLayerId = "", this.defaultOid = [], this.enableAutoRefresh = !1, this.enableColumnReorder = !0, this.enableCSV = !1, this.enableInlineEdit = !1, this.enableShare = !1, this.featureSelectionMode = "multiple", this.selectedRelatedIds = [], this.honorMapFieldSettings = !1, this.isMobile = !1, this.mapHidden = !1, this.showOnlyUpdatableLayers = !1, this.selectedIds = [], this.shareIncludeEmbed = !1, this.shareIncludeSocial = !1, this.showNewestFirst = !1, this.zoomAndScrollToSelected = !1, this._allIds = [], this._csvExporting = !1, this._fetchingData = !1, this._filterActive = !1, this._selectAllActive = !1, this._showHideOpen = !1, this._showOnlySelected = !1, this._toolInfos = [], this._translations = S({ name: "layer-table", blocking: !0 }), this._fullTextSearchInfo = [], this._searchPlaceHolder = "", this._size = 0, this._queryingData = !1, this._editEnabled = !1, this._enabledLayerIds = [], this._defaultFilterHonored = !1, this._defaultGlobalIdHonored = !1, this._defaultOidHonored = !1, this._definitionExpression = "", this._deleteEnabled = !1, this._filterList = u(), this._floorExpression = "", this._floorField = "", this._floorFacility = "", this._floorLevel = "", this._floorSite = "", this._layerExpressions = [], this._loaded = !1, this._shareNode = u(), this._toolbar = u(), this._searchExpression = "", this._skipEditCheck = !1, this._tempSelectedIds = [], this._outOFExtentOids = [], this._shouldUpdateTableOnExtentChange = !0, this._creatingFeature = !1, this._searchNode = u(), this.featureSelectionChange = f(), this.toggleFilter = f(), this.showDelete = f(), this.relatedRecordToggled = f(), this.editMultipleFeatures = f(), this.listenOn(window, "beforeMapInfoChange", this.beforeMapInfoChange, { capture: !0 }), this.listenOn(window, "editorInitialized", this.editorInitialized), this.listenOn(window, "closeEdit", this.closeEdit), this.listenOn(window, "selectionChanged", this.selectionChanged), this.listenOn(window, "beforeLayerSelectionChange", this.beforeLayerSelectionChange), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "editsComplete", this.editsComplete), this.listenOn(window, "facilityChanged", this.facilityChanged), this.listenOn(window, "levelChanged", this.levelChanged), this.listenOn(window, "siteChanged", this.siteChanged), this.listenOn(window, "noLayersFound", this.noLayersFound), this.listenOn(window, "clearSelection", this.clearSelection), this.listenOn(window, "mapChanged", this.mapChanged), this.listenOn(window, "featuresSelected", this.featuresSelected), this.listenOn(window, "createWorkFlowStarted", this.createWorkFlowStarted), this.listenOn(window, "backFromCreateWorkFlow", this.backFromCreateWorkFlow), x(window);
   }
   static {
     this.properties = { appLayout: 1, defaultGlobalId: 0, defaultLayerId: 1, defaultOid: 0, enableAutoRefresh: 5, enableColumnReorder: 5, enableCSV: 5, enableInlineEdit: 5, enableShare: 5, featureSelectionMode: 1, selectedRelatedIds: 0, honorMapFieldSettings: 5, isMobile: 5, mapHidden: 5, mapInfo: 0, mapView: 0, showOnlyUpdatableLayers: 5, selectedIds: 0, shareIncludeEmbed: 5, shareIncludeSocial: 5, showNewestFirst: 5, zoomAndScrollToSelected: 5, zoomToScale: 9, _allIds: 16, _csvExporting: 16, _fetchingData: 16, _filterActive: 16, _layer: 16, _selectAllActive: 16, _showHideOpen: 16, _showOnlySelected: 16, _toolInfos: 16, _translations: 16, _fullTextSearchInfo: 16, _searchPlaceHolder: 16, _size: 16, _queryingData: 16 };
@@ -69,7 +69,7 @@ class H extends F {
     !this._toolInfos && !this.isMobile && await this._initToolInfos();
   }
   async mapInfoWatchHandler() {
-    this._enabledLayerIds = this.mapInfo?.layerOptions?.layers.map((e) => e.id) || [], this._table && this._resetColumnTemplates();
+    this._enabledLayerIds = this.mapInfo?.layerOptions?.layers.map((e) => e.id) || [], this._table && (this._resetColumnTemplates(), this._sortTable());
   }
   async mapViewWatchHandler() {
     this._mapClickHandle && this._mapClickHandle.remove(), this.mapView && (this._floorExpression = "", this._searchExpression = "undefined", this.mapView.highlights = [
@@ -141,7 +141,7 @@ class H extends F {
       s.scrollToIndex(a);
       const l = t.layer, h = this.mapView.allLayerViews.toArray();
       let n;
-      h.some(async (r) => r.layer.title === l?.title && r.layer.type === "feature" ? (n = r, this.mapView && await b([i], n, this.mapView, !0, void 0, this.zoomToScale), !0) : !1);
+      h.some(async (r) => r.layer.title === l?.title && r.layer.type === "feature" ? (n = r, this.mapView && await y([i], n, this.mapView, !0, void 0, this.zoomToScale), !0) : !1);
     }
   }
   async beforeLayerSelectionChange(e) {
@@ -193,7 +193,7 @@ class H extends F {
   }
   render() {
     const e = this._fetchingData ? "display-none" : "", t = this._fetchingData ? "" : "display-none", i = this._queryingData ? "" : "display-none", s = this._size.toString(), a = this.selectedIds.length.toString(), l = this.isMobile ? "height-full" : "height-full-adjusted", h = this._canShowFullTextSearch();
-    return this._validateActiveActions(), d`<div><calcite-scrim class=${g(i)} .loading=${this._queryingData}></calcite-scrim><calcite-shell><div class=${`width-full ${l}`}><calcite-panel class="height-full width-full panel-header-override">${this._getMapLayerPicker("header-actions-start")}${!this.isMobile && d`${this._getTableControlRow("header-content")}${this._getActionsEnd("header-actions-end")}` || ""}${h && d`<div class="search-container border-bottom"><calcite-input class=search clearable icon=search @calciteInputChange=${(n) => void this._searchTextChanged(n)} .placeholder=${this._searchPlaceHolder} title=${this._searchPlaceHolder ?? o} type=search ${u(this._searchNode)}></calcite-input></div>` || ""}<calcite-loader class=${g(t)} .label=${this._translations.fetchingData} scale=l></calcite-loader><div class=${g(e)} ${u(this.onTableNodeCreate)}></div></calcite-panel></div>${this.isMobile ? void 0 : d`<div class="bottom-left text-color height-19" id=solutions-selected-count-div>${(this._translations.recordsTotal?.replace("{{total-number-of-records}}", s) + " | " + this._translations.recordsSelected.replace("{{selected-number-of-records}}", a)).replace("{{total}}", s).replace("{{selected}}", a)}</div>`}</calcite-shell></div>`;
+    return this._validateActiveActions(), o`<div><calcite-scrim class=${b(i)} .loading=${this._queryingData}></calcite-scrim><calcite-shell><div class=${`width-full ${l}`}><calcite-panel class="height-full width-full panel-header-override">${this._getMapLayerPicker("header-actions-start")}${!this.isMobile && o`${this._getTableControlRow("header-content")}${this._getActionsEnd("header-actions-end")}` || ""}${h && o`<div class="search-container border-bottom"><calcite-input class=search clearable icon=search @calciteInputChange=${(n) => void this._searchTextChanged(n)} .placeholder=${this._searchPlaceHolder} title=${this._searchPlaceHolder ?? c} type=search ${p(this._searchNode)}></calcite-input></div>` || ""}<calcite-loader class=${b(t)} .label=${this._translations.fetchingData} scale=l></calcite-loader><div class=${b(e)} ${p(this.onTableNodeCreate)}></div></calcite-panel></div>${this.isMobile ? void 0 : o`<div class="bottom-left text-color height-19" id=solutions-selected-count-div>${(this._translations.recordsTotal?.replace("{{total-number-of-records}}", s) + " | " + this._translations.recordsSelected.replace("{{selected-number-of-records}}", a)).replace("{{total}}", s).replace("{{selected}}", a)}</div>`}</calcite-shell></div>`;
   }
   async _initModules() {
     const [e, t, i, s] = await w([
@@ -263,25 +263,25 @@ class H extends F {
   }
   _getMapLayerPicker(e) {
     const t = this.isMobile ? "display-none" : "";
-    return d`<div class=${`border-end ${t}`} id=solutions-map-layer-picker-container slot=${e ?? o}><map-layer-picker appearance=transparent .defaultLayerId=${this.defaultLayerId} display=inline-flex .enabledLayerIds=${this._enabledLayerIds} height=50 .isMobile=${this.isMobile} .mapView=${this.mapView} .showOnlyUpdatableLayers=${this.showOnlyUpdatableLayers} placeholder-icon=layers scale=l .selectedIds=${this._layer ? [this._layer?.id] : []} show-single-layer-as-label show-tables type=dropdown></map-layer-picker></div>`;
+    return o`<div class=${`border-end ${t}`} id=solutions-map-layer-picker-container slot=${e ?? c}><map-layer-picker appearance=transparent .defaultLayerId=${this.defaultLayerId} display=inline-flex .enabledLayerIds=${this._enabledLayerIds} height=50 .isMobile=${this.isMobile} .mapView=${this.mapView} .showOnlyUpdatableLayers=${this.showOnlyUpdatableLayers} placeholder-icon=layers scale=l .selectedIds=${this._layer ? [this._layer?.id] : []} show-single-layer-as-label show-tables type=dropdown></map-layer-picker></div>`;
   }
   _getActionsEnd(e) {
     const t = this._relatedFeatureTable ? this._relatedFeatureTable.layer : this._layer, i = this._relatedFeatureTable || this._table;
-    return d`<div class="display-flex" slot=${e ?? o}><field-selection .layer=${t} .mapView=${this.mapView} .table=${i}></field-selection>${this.enableShare && !this.isMobile ? this._getShare("share") : void 0}</div>`;
+    return o`<div class="display-flex" slot=${e ?? c}><field-selection .layer=${t} .mapView=${this.mapView} .table=${i}></field-selection>${this.enableShare && !this.isMobile ? this._getShare("share") : void 0}</div>`;
   }
   _getTableControlRow(e) {
-    return d`<div class=${"height-51-px width-full display-flex"} slot=${e ?? o} ${u(this._toolbar)}>${this._getActionBar()}</div>`;
+    return o`<div class=${"height-51-px width-full display-flex"} slot=${e ?? c} ${p(this._toolbar)}>${this._getActionBar()}</div>`;
   }
   _getActionBar() {
-    return d`<calcite-action-bar class=width-full expand-disabled id=${this._getId("bar") ?? o} layout=horizontal><calcite-action-group>${this.isMobile ? void 0 : this._getActions()}</calcite-action-group></calcite-action-bar>`;
+    return o`<calcite-action-bar class=width-full expand-disabled id=${this._getId("bar") ?? c} layout=horizontal><calcite-action-group>${this.isMobile ? void 0 : this._getActions()}</calcite-action-group></calcite-action-bar>`;
   }
   _getActions() {
-    return this._toolInfos?.reduce((e, t) => (t && e.push(t.isDanger ? this._getDangerAction(t.icon, t.label, t.func, t.disabled) : this._getAction(t.active, t.icon, t.indicator, t.label, t.func, t.disabled, !!t.loading)), e), []);
+    return this._toolInfos?.reduce((e, t) => (t && e.push(t.isDanger ? this._getDangerAction(t.icon, t.label, t.func, t.disabled) : this._getAction(t.active, t.icon, t.indicator, t.label, t.func, t.disabled, !!t.loading, t.toolTip)), e), []);
   }
   _validateEnabledActions() {
-    const e = this._featuresSelected(), t = this._multipleFeaturesSelected(), i = ["zoom-to-object", "pencil", "trash", "erase", "selected-items-filter"];
-    this._toolInfos?.forEach((s) => {
-      s && i.indexOf(s.icon) > -1 && (s.disabled = s.icon === "pencil" ? !t : !e);
+    const e = this._getSelectedIds().length, t = ["zoom-to-object", "pencil", "trash", "erase", "selected-items-filter"];
+    this._toolInfos?.forEach((i) => {
+      i && t.indexOf(i.icon) > -1 && (i.disabled = i.icon === "pencil" ? e < 2 || e > 2e3 : e < 1, i.toolTip = i.icon === "pencil" ? e > 2e3 ? this._translations.featureEditLimitNotice : this._translations.editMultiple : i.toolTip);
     });
   }
   _validateActiveActions() {
@@ -291,86 +291,96 @@ class H extends F {
     });
   }
   async _initToolInfos() {
-    const e = this._featuresSelected(), t = this._relatedFeatureTable ? this._relatedFeatureTable.layer.isTable : this._layer?.isTable, i = this.featureSelectionMode === "multiple" && this._layer?.capabilities?.operations.supportsUpdate, s = !this.mapHidden && !t, a = !this._relatedFeatureTable && (!this._layer?.isTable || this._hasFilterExpressions()), l = this._featuresEmpty(), h = this.featureSelectionMode === "single";
-    let n = this.enableCSV;
+    const e = this._getSelectedIds().length > 0, t = this._relatedFeatureTable ? this._relatedFeatureTable.layer.isTable : this._layer?.isTable, i = this.featureSelectionMode === "multiple" && this._layer?.capabilities?.operations.supportsUpdate, s = this._getSelectedIds().length < 2 || this._getSelectedIds().length > 2e3, a = !this.mapHidden && !t, l = !this._relatedFeatureTable && (!this._layer?.isTable || this._hasFilterExpressions()), h = this._featuresEmpty(), n = this.featureSelectionMode === "single";
+    let r = this.enableCSV;
     if (this._relatedFeatureTable) {
-      const c = await this._queryRelatedFeatures();
-      n = c && Object.keys(c).length > 0;
+      const _ = await this._queryRelatedFeatures();
+      r = _ && Object.keys(_).length > 0;
     }
-    const r = [];
-    a && r.push({
+    const d = [];
+    l && d.push({
       active: !1,
       icon: "filter",
       indicator: !1,
       label: this._translations.filters,
       func: () => this.toggleFilter.emit(),
-      disabled: !1
-    }), s && r.push({
+      disabled: !1,
+      toolTip: this._translations.filters
+    }), a && d.push({
       active: !1,
       icon: "zoom-to-object",
       indicator: !1,
       label: this._translations.zoom,
       func: () => this._zoom(),
-      disabled: !e
-    }), i && r.push({
+      disabled: !e,
+      toolTip: this._translations.zoom
+    }), i && d.push({
       active: !1,
       icon: "pencil",
       indicator: !1,
       label: this._translations.editMultiple,
       func: () => this.editMultipleFeatures.emit(this._getSelectedIds()),
-      disabled: !this._multipleFeaturesSelected()
-    }), this._deleteEnabled && r.push({
+      disabled: s,
+      toolTip: this._translations.editMultiple
+    }), this._deleteEnabled && d.push({
       active: !1,
       icon: "trash",
       indicator: !1,
       label: this._translations.delete,
       func: () => this._showDelete(),
       disabled: !e,
-      isDanger: !0
-    }), r.push({
+      isDanger: !0,
+      toolTip: this._translations.delete
+    }), d.push({
       active: !1,
       icon: "erase",
       indicator: !1,
       label: this._translations.clearSelection,
       func: () => void this.clearSelection(),
-      disabled: !e
-    }), this._relatedFeatureTable || r.push({
+      disabled: !e,
+      toolTip: this._translations.clearSelection
+    }), this._relatedFeatureTable || d.push({
       active: !1,
       icon: "selected-items-filter",
       indicator: !1,
       label: this._showOnlySelected ? this._translations.showAll : this._translations.showSelected,
       func: () => this._toggleShowSelected(),
-      disabled: !e
-    }), !h && !this._relatedFeatureTable && r.push({
+      disabled: !e,
+      toolTip: this._showOnlySelected ? this._translations.showAll : this._translations.showSelected
+    }), !n && !this._relatedFeatureTable && d.push({
       active: !1,
       icon: "list-check-all",
       indicator: !1,
       func: async () => await this._selectAll(),
       label: this._translations.selectAll,
-      disabled: l
-    }), !h && !this._relatedFeatureTable && r.push({
+      disabled: h,
+      toolTip: this._translations.selectAll
+    }), !n && !this._relatedFeatureTable && d.push({
       active: !1,
       icon: "compare",
       indicator: !1,
       func: async () => await this._switchSelected(),
       label: this._translations.switchSelected,
-      disabled: l
-    }), r.push({
+      disabled: h,
+      toolTip: this._translations.switchSelected
+    }), d.push({
       active: !1,
       icon: "refresh",
       indicator: !1,
-      func: () => this._refresh(),
+      func: () => void this._refresh(),
       label: this._translations.refresh,
-      disabled: !1
-    }), n && r.push({
+      disabled: !1,
+      toolTip: this._translations.refresh
+    }), r && d.push({
       active: !1,
       icon: "export",
       indicator: !1,
       func: () => void this._exportToCSV(),
       label: this._translations.exportCSV,
       loading: this._csvExporting,
-      disabled: l
-    }), this._toolInfos = [...r];
+      disabled: h,
+      toolTip: this._translations.exportCSV
+    }), this._toolInfos = [...d];
   }
   _updateFloorDefinitionExpression() {
     if (this._floorField && this._floorLevel) {
@@ -378,12 +388,6 @@ class H extends F {
       this._layer && (this._layer.definitionExpression = t && this._floorExpression && t?.indexOf(this._floorExpression) > -1 ? t.replace(this._floorExpression, e) : t ? `${t} AND (${e})` : e), this._floorExpression = e;
     }
   }
-  _featuresSelected() {
-    return this._relatedFeatureTable ? this._relatedFeatureTable.highlightIds.items.length > 0 : this.selectedIds.length > 0;
-  }
-  _multipleFeaturesSelected() {
-    return this._relatedFeatureTable ? this._relatedFeatureTable.highlightIds.items.length > 1 : this.selectedIds.length > 1;
-  }
   _featuresEmpty() {
     return this._allIds?.length === 0;
   }
@@ -392,9 +396,9 @@ class H extends F {
     const t = this._layer?.id;
     return this.mapInfo?.filterConfig?.layerExpressions && t !== void 0 && (e = this.mapInfo.filterConfig.layerExpressions.filter((i) => i.id === t)), e.length > 0;
   }
-  _getAction(e, t, i, s, a, l, h) {
-    const n = this._layer === void 0 ? !0 : l;
-    return d`<calcite-action .active=${e} appearance=solid .disabled=${n} .icon=${t} .id=${`layer-table-${t}`} .indicator=${i} .label=${s} .loading=${h} @click=${a} text text-enabled><div class="display-flex"><span class="label-override padding-start-1-4">${s}</span></div></calcite-action>`;
+  _getAction(e, t, i, s, a, l, h, n) {
+    const r = this._layer === void 0 ? !0 : l;
+    return o`<calcite-action .active=${e} appearance=solid .disabled=${r} .icon=${t} .id=${`layer-table-${t}`} .indicator=${i} .label=${s} .loading=${h} @click=${a} text text-enabled><div class="display-flex"><span class="label-override padding-start-1-4">${s}</span></div></calcite-action>${this._getToolTip("auto", `layer-table-${t}`, n)}`;
   }
   _showDelete() {
     this.showDelete.emit({
@@ -402,7 +406,7 @@ class H extends F {
     });
   }
   _getShare(e) {
-    return this.mapView && d`<div id=${this._getId(e) ?? o}><instant-apps-social-share class="height-51 width-51 display-flex" .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} ${u(this._shareNode)}></instant-apps-social-share>${this._getToolTip("bottom", e, this._translations.share)}</div>` || "";
+    return this.mapView && o`<div id=${this._getId(e) ?? c}><instant-apps-social-share class="height-51 width-51 display-flex" .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} ${p(this._shareNode)}></instant-apps-social-share>${this._getToolTip("bottom", e, this._translations.share)}</div>` || "";
   }
   _updateShareUrl() {
     const e = this._shareNode.value?.shareUrl;
@@ -412,14 +416,14 @@ class H extends F {
     this.mapInfo?.id ? t.searchParams.set("webmap", this.mapInfo.id) : t.searchParams.delete("webmap"), this._layer?.id ? t.searchParams.set("layer", this._layer.id) : t.searchParams.delete("layer"), this.selectedIds?.length > 0 ? t.searchParams.set("oid", this.selectedIds.join(",")) : t.searchParams.delete("oid"), this.appLayout && t.searchParams.set("applayout", this.appLayout), this._shareNode.value && (this._shareNode.value.autoUpdateShareUrl = !1, this._shareNode.value.shareUrl = t.href);
   }
   _getToolTip(e, t, i) {
-    return document.getElementById(t) ? d`<calcite-tooltip .placement=${e} .referenceElement=${t}><span>${i}</span></calcite-tooltip>` : void 0;
+    return o`<calcite-tooltip .placement=${e} .referenceElement=${t}><span>${i}</span></calcite-tooltip>`;
   }
   _getId(e) {
     return `solutions-action-${e}`;
   }
   _getDangerAction(e, t, i, s) {
     const a = this._layer === void 0 ? !0 : s;
-    return d`<div class="display-flex" id=${this._getId(e) ?? o}>${d`<calcite-action appearance=solid .disabled=${a} id=${e ?? o} @click=${i} text><calcite-icon class="danger-icon-color" .icon=${e} scale=s></calcite-icon><span class="label-override padding-start-1-4 danger-label-color">${t}</span></calcite-action>`}${this._getToolTip("bottom", e, t)}</div>`;
+    return o`<div class="display-flex" id=${this._getId(e) ?? c}>${o`<calcite-action appearance=solid .disabled=${a} .id=${`layer-table-${e}`} @click=${i} text><calcite-icon class="danger-icon-color" .icon=${e} scale=s></calcite-icon><span class="label-override padding-start-1-4 danger-label-color">${t}</span></calcite-action>`}${this._getToolTip("bottom", `layer-table-${e}`, t)}</div>`;
   }
   _getIds() {
     let e = this._relatedFeatureTable ?? this._table;
@@ -527,7 +531,7 @@ class H extends F {
     return e || t;
   }
   _finishOnChange() {
-    this._showOnlySelected && !this._relatedFeatureTable && (this._table && this._featuresSelected() ? this._table.filterBySelectionEnabled = !0 : this._toggleShowSelected());
+    this._showOnlySelected && !this._relatedFeatureTable && (this._table && this._getSelectedIds().length > 0 ? this._table.filterBySelectionEnabled = !0 : this._toggleShowSelected());
     const e = this._getSelectedIds();
     setTimeout(() => {
       this.featureSelectionChange.emit(e);
@@ -596,7 +600,7 @@ class H extends F {
   }
   async _handleDefaults() {
     if (!this._defaultOidHonored && this.defaultOid?.length > 0 && this.defaultOid[0] > -1 && this._table && (await this._selectDefaultFeature(this.defaultOid), this._defaultOidHonored = !0, this.defaultOid = [], this._showOnlySelected = !1, this._toggleShowSelected()), !this._defaultGlobalIdHonored && this.defaultGlobalId && this.defaultGlobalId?.length > 0 && this._table && this._layer) {
-      const e = await T(this.defaultGlobalId, this._layer), t = e?.length > 0 ? e.map((i) => Number(i.getObjectId())) : void 0;
+      const e = await v(this.defaultGlobalId, this._layer), t = e?.length > 0 ? e.map((i) => Number(i.getObjectId())) : void 0;
       t && await this._selectDefaultFeature(t), this._defaultGlobalIdHonored = !0, this.defaultGlobalId = [], this._showOnlySelected = !1, this._toggleShowSelected();
     }
   }
@@ -782,7 +786,7 @@ class H extends F {
     }
   }
   async _zoom() {
-    this._layer && this.mapView && await b(this.selectedIds, this._selectedLayerView, this.mapView, !0, void 0, this.zoomToScale);
+    this._layer && this.mapView && await y(this.selectedIds, this._selectedLayerView, this.mapView, !0, void 0, this.zoomToScale);
   }
   async _layerSelectionChanged(e) {
     const t = e.detail[0];
@@ -790,7 +794,7 @@ class H extends F {
       this._fetchingData = !0, await this._clearSearchText();
       const i = this.mapView && await I(this.mapView, t);
       i && await i.when(async () => {
-        this._selectedLayerView = !i.isTable && this.mapView ? await v(this.mapView, i.id) : null, this._table && this._table?.viewModel?.attachmentsViewOptions?.objectId && this._table.viewModel.hideAttachmentsView(), this._shouldUpdateTableOnExtentChange = !0, this._layer = i, await this._initToolInfos(), this._getFullTextSearchInfo();
+        this._selectedLayerView = !i.isTable && this.mapView ? await T(this.mapView, i.id) : null, this._table && this._table?.viewModel?.attachmentsViewOptions?.objectId && this._table.viewModel.hideAttachmentsView(), this._shouldUpdateTableOnExtentChange = !0, this._layer = i, await this._initToolInfos(), this._getFullTextSearchInfo();
       });
     }
     this._creatingFeature = !1, this._fetchingData = !1;
@@ -804,13 +808,13 @@ class H extends F {
     const l = i?.fields && i?.fieldOrder ? i.fieldOrder.filter((n) => i?.fields && i.fields.indexOf(n) > -1) : a.length > 0 ? a : void 0;
     let h;
     return t && (h = t.reduce((n, r) => {
-      const c = "fieldName" in r ? r.fieldName : r.name, y = "label" in r ? r.label : r.alias, p = {
+      const d = "fieldName" in r ? r.fieldName : r.name, _ = "label" in r ? r.label : r.alias, g = {
         type: "field",
-        fieldName: c,
-        label: y,
-        menuConfig: this._getMenuConfig(c || "")
+        fieldName: d,
+        label: _,
+        menuConfig: this._getMenuConfig(d || "")
       };
-      return i && i.fields && i?.fields?.length > 0 ? i.fields.indexOf(c || "") > -1 && n.push(p) : a.length > 0 ? a.indexOf(c) > -1 && n.push(p) : n.push(p), n;
+      return i && i.fields && i?.fields?.length > 0 ? i.fields.indexOf(d || "") > -1 && n.push(g) : a.length > 0 ? a.indexOf(d) > -1 && n.push(g) : n.push(g), n;
     }, [])), h ? l ? h?.sort(this._sortFields.bind(this, l)) : h : [];
   }
   _sortFields(e, t, i) {

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

@@ -54,6 +54,18 @@ export declare class MapCard extends LitElement {
      * @default false
      */
     enableShare: boolean;
+    /**
+     * boolean: when true the map layer picker tool will be available
+     *
+     * @default false
+     */
+    enableMapLayerPicker: boolean;
+    /**
+     * boolean: when true the map picker tool will be available
+     *
+     * @default false
+     */
+    enableMapPicker: boolean;
     /**
      * boolean: when true map tools will be displayed within a single expand/collapse widget
      * when false widgets will be loaded individually into expand widgets

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

@@ -1,17 +1,17 @@
-import { c as f } from "../../chunks/runtime.js";
-import { l as u } from "../../chunks/loadModules.js";
-import { joinAppProxies as b } from "templates-common-library/functionality/proxy";
-import { g as y, b as g } from "../../chunks/mapViewUtils.js";
-import { u as _ } from "../../chunks/useT9n.js";
+import { c as u } from "../../chunks/runtime.js";
+import { l as b } from "../../chunks/loadModules.js";
+import { joinAppProxies as y } from "templates-common-library/functionality/proxy";
+import { g as _, b as g } from "../../chunks/mapViewUtils.js";
+import { u as I } from "../../chunks/useT9n.js";
 import { html as o, nothing as c } from "lit";
 import { createRef as n, ref as h } from "lit-html/directives/ref.js";
-import { LitElement as v, createEvent as r, noShadowRoot as w, safeClassMap as m } from "@arcgis/lumina";
-import { css as I } from "@lit/reactive-element/css-tag.js";
-import { defineCustomElements as $ } from "@arcgis/instant-apps-components/loader";
+import { LitElement as v, createEvent as r, noShadowRoot as $, safeClassMap as m } from "@arcgis/lumina";
+import { css as w } from "@lit/reactive-element/css-tag.js";
+import { defineCustomElements as L } 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.20250605 */
-const L = I`@layer{/** @license
+v1.0.0-next.20250613 */
+const M = w`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -26,18 +26,18 @@ const L = I`@layer{/** @license
  * See the License for the specific language governing permissions and
  * limitations under the 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}.hidden{visibility:hidden!important}.display-flex{display:flex}.display-none{display:none}.display-block{display:block}.absolute-right{position:absolute;right:0;left:unset}.esri-ui-inner-container.esri-ui-corner-container{direction:ltr}html[dir=rtl] .absolute-right{left:0;right:unset}.panel-header-override{--calcite-panel-header-content-space: 0px}@media only screen and (max-width: 1024px){.esri-zoom{display:none!important}}}`;
-class M extends v {
+class S extends v {
   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.featureSelectionMode = "multiple", this.hide = !1, this.zoomToolsSize = "m", this.mapInfos = [], this.mapWidgetsIndex = 0, this.mapWidgetsPosition = "top-left", this.mobileMapWidgetsPosition = "top-right", this.mapWidgetsSize = "m", this.stackTools = !1, this.mapToolsOrder = [], this.mobileToolsOrder = [], 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._filterActive = !1, this._enabledLayerIds = [], this._defaultWebmapHonored = !1, this._loadedId = "", this._mapDiv = n(), this._mapPicker = n(), this._mapTools = n(), this._mobMapTools = n(), this._mapListExpanded = !1, this._definitionExpression = "", this._mapLayerPicker = n(), this._toolbar = n(), this._selectedWebMapId = "", this.mapChanged = r(), this.beforeMapChanged = r(), this.toggleFilter = r(), this.clearSelection = r(), this.editMultipleFeatures = r(), 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.enableMapLayerPicker = !1, this.enableMapPicker = !1, this.enableSingleExpand = !1, this.enableSearch = !1, this.enableBasemap = !1, this.featureSelectionMode = "multiple", this.hide = !1, this.zoomToolsSize = "m", this.mapInfos = [], this.mapWidgetsIndex = 0, this.mapWidgetsPosition = "top-left", this.mobileMapWidgetsPosition = "top-right", this.mapWidgetsSize = "m", this.stackTools = !1, this.mapToolsOrder = [], this.mobileToolsOrder = [], this.isMapLayout = !1, this.shareIncludeEmbed = !1, this.shareIncludeSocial = !1, this.selectedFeaturesIds = [], this.showOnlyUpdatableLayers = !1, this.isMobile = !1, this.enableSelectionTool = !1, this._translations = I({ name: "map-card", blocking: !0 }), this._toolInfos = [], this._filterActive = !1, this._enabledLayerIds = [], this._defaultWebmapHonored = !1, this._loadedId = "", this._mapDiv = n(), this._mapPicker = n(), this._mapTools = n(), this._mobMapTools = n(), this._mapListExpanded = !1, this._definitionExpression = "", this._mapLayerPicker = n(), this._toolbar = n(), this._selectedWebMapId = "", this.mapChanged = r(), this.beforeMapChanged = r(), this.toggleFilter = r(), this.clearSelection = r(), this.editMultipleFeatures = r(), this.listenOn(window, "mapInfoChange", this.mapInfoChange), this.listenOn(window, "noLayersFound", this.noLayersFound), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.enableSingleExpand = !0, this.stackTools = !0, L(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, featureSelectionMode: 1, basemapConfig: 0, hide: 5, zoomToolsSize: 1, mapInfos: 0, mapWidgetsIndex: 9, mapWidgetsPosition: 1, mobileMapWidgetsPosition: 1, mapWidgetsSize: 1, mapView: 0, stackTools: 5, theme: 1, mapToolsOrder: 0, mobileToolsOrder: 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, _filterActive: 16, _mapDivHeight: 16, _mapDivWidth: 16 };
+    this.properties = { appLayout: 1, appProxies: 1, defaultWebmapId: 1, defaultLayerId: 1, enableHome: 5, enableLegend: 5, enableFloorFilter: 5, enableFullscreen: 5, enableShare: 5, enableMapLayerPicker: 5, enableMapPicker: 5, enableSingleExpand: 5, enableSearch: 5, enableBasemap: 5, featureSelectionMode: 1, basemapConfig: 0, hide: 5, zoomToolsSize: 1, mapInfos: 0, mapWidgetsIndex: 9, mapWidgetsPosition: 1, mobileMapWidgetsPosition: 1, mapWidgetsSize: 1, mapView: 0, stackTools: 5, theme: 1, mapToolsOrder: 0, mobileToolsOrder: 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, _filterActive: 16, _mapDivHeight: 16, _mapDivWidth: 16 };
   }
   static {
-    this.styles = L;
+    this.styles = M;
   }
   static {
-    this.shadowRootOptions = w;
+    this.shadowRootOptions = $;
   }
   willUpdate(e) {
     e.has("appLayout") && this.appLayoutWatchHandler(), e.has("mapView") && this.mapViewWatchHandler(), e.has("mapInfo") && this.mapInfoWatchHandler(), e.has("selectedLayer") && this.selectedLayerWatchHandler(), e.has("selectedFeaturesIds") && this.selectedFeaturesIdsWatchHandler();
@@ -88,8 +88,8 @@ class M extends v {
     }));
   }
   render() {
-    const e = this.hide ? "visibility-hidden-1" : "", i = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light", t = "height-full", s = this.isMapLayout ? "" : "display-none", a = this.isMobile ? "" : "hidden";
-    return this._validateActiveActions(), o`<calcite-panel class="height-full width-full panel-header-override">${this._getMapLayerPicker()}${this._getHeaderActions()}<div slot=header-actions-end class="display-flex absolute-right">${this.enableShare && this.isMapLayout ? this._getShare("share") : void 0}</div><calcite-progress class=${m(s)} value=0></calcite-progress><div class=${`${e} ${t}`}><div class="height-full" ${h(this._mapDiv)}></div></div>${o`<map-tools .basemapConfig=${this.basemapConfig} class=${`box-shadow ${i}`} .defaultLayerId=${this.defaultLayerId} .enableBasemap=${this.enableBasemap} .enableFloorFilter=${this.enableFloorFilter} .enableFullscreen=${this.enableFullscreen} .enableHome=${this.enableHome} .enableLegend=${this.enableLegend} .enableSearch=${this.enableSearch} .enableSingleExpand=${this.enableSingleExpand} .enableSelectionTool=${this.enableSelectionTool} .isMobile=${this.isMobile} .parentComponentHeight=${this._mapDivHeight} .parentComponentWidth=${this._mapDivWidth} .zoomToolsSize=${this.zoomToolsSize} layout=horizontal .mapView=${this.mapView} .mapWidgetsSize=${this.mapWidgetsSize} .position=${this.mapWidgetsPosition} .selectedLayer=${this.selectedLayer} .searchConfiguration=${this._searchConfiguration} .stackTools=${this.stackTools} .toolOrder=${this.mapToolsOrder} ${h(this._mapTools)}></map-tools><map-tools class=${`box-shadow ${i} ${a}`} .enableBasemap=${this.enableBasemap} .enabledLayerIds=${this._enabledLayerIds} enable-map-layer-picker enable-map-picker .isMobile=${this.isMobile} .zoomToolsSize=${this.zoomToolsSize} layout=vertical .mapInfos=${this.mapInfos} .mapView=${this.mapView} .mapWidgetsSize=${this.mapWidgetsSize} .parentComponentHeight=${this._mapDivHeight} .position=${this.mobileMapWidgetsPosition} .selectedLayer=${this.selectedLayer} .selectedWebMapId=${this._selectedWebMapId} .showOnlyUpdatableLayers=${this.showOnlyUpdatableLayers} .stackTools=${this.stackTools} .toolOrder=${this.mobileToolsOrder} ${h(this._mobMapTools)}></map-tools>`}</calcite-panel>`;
+    const e = this.hide ? "visibility-hidden-1" : "", i = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light", s = "height-full", t = this.isMapLayout ? "" : "display-none", a = this.isMobile ? "" : "hidden";
+    return this._validateActiveActions(), o`<calcite-panel class="height-full width-full panel-header-override">${this._getMapLayerPicker()}${this._getHeaderActions()}<div slot=header-actions-end class="display-flex absolute-right">${this.enableShare && this.isMapLayout ? this._getShare("share") : void 0}</div><calcite-progress class=${m(t)} value=0></calcite-progress><div class=${`${e} ${s}`}><div class="height-full" ${h(this._mapDiv)}></div></div>${o`<map-tools .basemapConfig=${this.basemapConfig} class=${`box-shadow ${i}`} .defaultLayerId=${this.defaultLayerId} .enableBasemap=${this.enableBasemap} .enableFloorFilter=${this.enableFloorFilter} .enableFullscreen=${this.enableFullscreen} .enableHome=${this.enableHome} .enableLegend=${this.enableLegend} .enableSearch=${this.enableSearch} .enableSingleExpand=${this.enableSingleExpand} .enableSelectionTool=${this.enableSelectionTool} .isMobile=${this.isMobile} .parentComponentHeight=${this._mapDivHeight} .parentComponentWidth=${this._mapDivWidth} .zoomToolsSize=${this.zoomToolsSize} layout=horizontal .mapView=${this.mapView} .mapWidgetsSize=${this.mapWidgetsSize} .position=${this.mapWidgetsPosition} .selectedLayer=${this.selectedLayer} .searchConfiguration=${this._searchConfiguration} .stackTools=${this.stackTools} .toolOrder=${this.mapToolsOrder} ${h(this._mapTools)}></map-tools><map-tools class=${`box-shadow ${i} ${a}`} .defaultLayerId=${this.defaultLayerId} .enabledLayerIds=${this._enabledLayerIds} .enableMapLayerPicker=${this.enableMapLayerPicker} .enableMapPicker=${this.enableMapPicker} .isMobile=${this.isMobile} .zoomToolsSize=${this.zoomToolsSize} layout=vertical .mapInfos=${this.mapInfos} .mapView=${this.mapView} .mapWidgetsSize=${this.mapWidgetsSize} .parentComponentHeight=${this._mapDivHeight} .position=${this.mobileMapWidgetsPosition} .selectedLayer=${this.selectedLayer} .selectedWebMapId=${this._selectedWebMapId} .showOnlyUpdatableLayers=${this.showOnlyUpdatableLayers} .stackTools=${this.stackTools} .toolOrder=${this.mobileToolsOrder} ${h(this._mobMapTools)}></map-tools>`}</calcite-panel>`;
   }
   updated() {
     this._mapDivHeight = this._mapDiv.value?.offsetHeight ?? 0, document.onclick = (e) => this._handleDocumentClick(e);
@@ -98,23 +98,23 @@ class M extends v {
     this._mapDiv.value && this._mapSizeObserver?.observe(this._mapDiv.value), this._updateShareUrl();
   }
   async _initModules() {
-    const [e, i, t, s] = await u([
+    const [e, i, s, t] = await b([
       "esri/WebMap",
       "esri/views/MapView",
       "esri/widgets/Home",
       "esri/config"
     ]);
-    this.WebMap = e, this.MapView = i, this.Home = t, this.esriConfig = s;
+    this.WebMap = e, this.MapView = i, this.Home = s, this.esriConfig = t;
   }
   async _loadMap(e) {
-    const i = !this._defaultWebmapHonored && this.defaultWebmapId, t = this.mapInfos?.filter((l) => l.id === this.defaultWebmapId), s = JSON.stringify(e) !== JSON.stringify(this._webMapInfo);
-    this._webMapInfo = i && t ? t[0] : !e?.id && this.mapInfos.length > 0 ? this.mapInfos[0] : e;
+    const i = !this._defaultWebmapHonored && this.defaultWebmapId, s = this.mapInfos?.filter((l) => l.id === this.defaultWebmapId), t = JSON.stringify(e) !== JSON.stringify(this._webMapInfo);
+    this._webMapInfo = i && s ? s[0] : !e?.id && this.mapInfos.length > 0 ? this.mapInfos[0] : e;
     const a = this._webMapInfo.id, d = i && e?.id === this.defaultWebmapId;
     if (this._loadedId !== a && !i || d) {
       const l = this.WebMap && new this.WebMap({
         portalItem: { id: a }
       });
-      this.appProxies && l && this.esriConfig && (await l.load(), await b(l, this.esriConfig, this.appProxies)), this.mapView = this.MapView && new this.MapView({
+      this.appProxies && l && this.esriConfig && (await l.load(), await y(l, this.esriConfig, this.appProxies)), this.mapView = this.MapView && new this.MapView({
         container: this._mapDiv.value,
         map: l,
         resizeAlign: "center"
@@ -127,15 +127,15 @@ class M extends v {
           });
         }
       });
-    } else i ? (this._defaultWebmapHonored = !0, this._mapPicker.value && this._mapPicker.value.setMapByID(a)) : s && this.mapView && (this._searchConfiguration = this._webMapInfo.searchConfiguration, this.beforeMapChanged.emit(), this.mapChanged.emit({
+    } else i ? (this._defaultWebmapHonored = !0, this._mapPicker.value && this._mapPicker.value.setMapByID(a)) : t && this.mapView && (this._searchConfiguration = this._webMapInfo.searchConfiguration, this.beforeMapChanged.emit(), this.mapChanged.emit({
       id: a,
       mapView: this.mapView
     }));
     this._updateShareUrl();
   }
   _getMapLayerPicker() {
-    const e = this.isMapLayout ? "header-actions-start" : "", i = this.mapInfos?.length > 1 ? "" : "display-none", t = this.isMapLayout ? "height-0" : "width-full", s = "display-flex", a = this.isMapLayout ? "" : "display-none";
-    return o`${!this.isMobile && o`<div slot=${e ?? c}><map-picker class=${`${i} ${t}`} id=map-picker .isMapLayout=${this.isMapLayout} .mapInfos=${this.mapInfos} .selectedWebMapId=${this._selectedWebMapId} ${h(this._mapPicker)}></map-picker></div>` || ""}<div slot=header-actions-start class=${`mapView-header display-flex ${a}`} id=solutions-map-layer-picker-container><div class=${`border-end ${s}`}>${this.mapView && o`<map-layer-picker appearance=transparent .defaultLayerId=${this.defaultLayerId} display=inline-flex .enabledLayerIds=${this._enabledLayerIds} 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 ${h(this._mapLayerPicker)}></map-layer-picker>` || ""}</div></div>`;
+    const e = this.isMapLayout ? "header-actions-start" : "", i = this.mapInfos?.length > 1 ? "" : "display-none", s = this.isMapLayout ? "height-0" : "width-full", t = "display-flex", a = this.isMapLayout ? "" : "display-none";
+    return o`${!this.isMobile && o`<div slot=${e ?? c}><map-picker class=${`${i} ${s}`} id=map-picker .isMapLayout=${this.isMapLayout} .mapInfos=${this.mapInfos} .selectedWebMapId=${this._selectedWebMapId} ${h(this._mapPicker)}></map-picker></div>` || ""}<div slot=header-actions-start class=${`mapView-header display-flex ${a}`} id=solutions-map-layer-picker-container><div class=${`border-end ${t}`}>${this.mapView && o`<map-layer-picker appearance=transparent .defaultLayerId=${this.defaultLayerId} display=inline-flex .enabledLayerIds=${this._enabledLayerIds} 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 ${h(this._mapLayerPicker)}></map-layer-picker>` || ""}</div></div>`;
   }
   _getHeaderActions() {
     return o`<div slot=header-content><calcite-action-bar class=${m("display-flex")} expand-disabled expanded id=${this._getId("bar") ?? c} layout=horizontal><calcite-action-group>${this.isMapLayout ? this._getActions() : void 0}</calcite-action-group></calcite-action-bar></div>`;
@@ -143,7 +143,7 @@ class M extends v {
   _getShare(e) {
     return o`<div class="share-action" id=${this._getId(e) ?? c}>${this.mapView && o`<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) => {
       i && (this._shareNode = i, this._updateShareUrl());
-    })}></instant-apps-social-share>` || ""}${this._getToolTip("bottom", e, this._translations?.share)}</div>`;
+    })}></instant-apps-social-share>` || ""}${this._getToolTip("bottom", `map-${e}`, this._translations?.share)}</div>`;
   }
   _updateShareUrl() {
     const e = this._shareNode?.shareUrl;
@@ -153,43 +153,48 @@ class M extends v {
     this._loadedId ? i.searchParams.set("webmap", this._loadedId) : i.searchParams.delete("webmap"), this.selectedLayer?.id ? i.searchParams.set("layer", this.selectedLayer.id) : i.searchParams.delete("layer"), this.selectedFeaturesIds?.length > 0 ? i.searchParams.set("oid", this.selectedFeaturesIds.join(",")) : i.searchParams.delete("oid"), this.appLayout && i.searchParams.set("applayout", this.appLayout), this._shareNode && (this._shareNode.autoUpdateShareUrl = !1, this._shareNode.shareUrl = i.href);
   }
   _initToolInfos() {
-    const e = this.selectedFeaturesIds?.length > 0, i = this.featureSelectionMode === "multiple" && this.selectedLayer?.capabilities?.operations.supportsUpdate, t = [];
+    const e = this.selectedFeaturesIds.length > 0, i = this.selectedFeaturesIds.length < 2 || this.selectedFeaturesIds.length > 2e3, s = this.featureSelectionMode === "multiple" && this.selectedLayer?.capabilities?.operations.supportsUpdate, t = [];
     t.push({
       active: !1,
       icon: "filter",
       indicator: !1,
       label: this._translations.filters,
-      func: () => this._toggleFilter(),
-      disabled: !1
+      func: () => void this._toggleFilter(),
+      disabled: !1,
+      toolTip: this._translations.filters
     }), t.push({
       active: !1,
       icon: "zoom-to-object",
       indicator: !1,
       label: this._translations.zoom,
-      func: () => this._zoom(),
-      disabled: !e
-    }), i && t.push({
+      func: () => void this._zoom(),
+      disabled: !e,
+      toolTip: this._translations.zoom
+    }), s && t.push({
       active: !1,
       icon: "pencil",
       indicator: !1,
       label: this._translations.editMultiple,
       func: () => this.editMultipleFeatures.emit(this.selectedFeaturesIds),
-      disabled: !i
+      disabled: i,
+      toolTip: this._translations.editMultiple
     }), t.push({
       active: !1,
       icon: "refresh",
       indicator: !1,
       label: this._translations.refresh,
       func: () => this.selectedLayer?.refresh(),
-      disabled: !1
+      disabled: !1,
+      toolTip: this._translations.refresh
     }), t.push({
       active: !1,
       icon: "erase",
       indicator: !1,
       label: this._translations.clearSelection,
       func: () => this.clearSelection.emit(),
-      disabled: !e
-    }), this._toolInfos = t;
+      disabled: !e,
+      toolTip: this._translations.clearSelection
+    }), this._toolInfos = [...t];
   }
   _validateActiveActions() {
     const e = ["filter"];
@@ -198,9 +203,9 @@ class M extends v {
     });
   }
   _validateEnabledActions() {
-    const e = this.selectedFeaturesIds?.length > 0, i = this.selectedFeaturesIds?.length > 1 && this.selectedLayer?.capabilities?.operations?.supportsUpdate, t = ["zoom-to-object", "pencil", "erase"];
-    this._toolInfos?.forEach((s) => {
-      s && t.indexOf(s.icon) > -1 && (s.disabled = s.icon === "pencil" ? !i : !e);
+    const e = this.selectedFeaturesIds.length > 0, i = this.selectedFeaturesIds.length < 2 || this.selectedFeaturesIds.length > 2e3, s = ["zoom-to-object", "pencil", "erase"];
+    this._toolInfos?.forEach((t) => {
+      t && s.indexOf(t.icon) > -1 && (t.disabled = t.icon === "pencil" ? i : !e, t.toolTip = t.icon === "pencil" ? this.selectedFeaturesIds.length > 2e3 ? this._translations.featureEditLimitNotice : this._translations.editMultiple : t.toolTip);
     });
   }
   _handleDocumentClick(e) {
@@ -208,7 +213,7 @@ class M extends v {
   }
   async _zoom() {
     if (this.selectedLayer && this.mapView) {
-      const e = await y(this.mapView, this.selectedLayer.id);
+      const e = await _(this.mapView, this.selectedLayer.id);
       e && await g(this.selectedFeaturesIds, e, this.mapView, !0, void 0, this.zoomToScale);
     }
   }
@@ -220,20 +225,20 @@ class M extends v {
     return this.mapInfo?.filterConfig?.layerExpressions && this.selectedLayer?.id && (e = this.mapInfo.filterConfig.layerExpressions.filter((i) => i.id === this.selectedLayer?.id)), e.length > 0;
   }
   _getActions() {
-    return this._toolInfos?.reduce((e, i) => (i && e.push(this._getAction(i.active, i.icon, i.indicator, i.label, i.func, i.disabled, i.loading)), e), []);
+    return this._toolInfos?.reduce((e, i) => (i && e.push(this._getAction(i.active, i.icon, i.indicator, i.label, i.func, i.disabled, i.loading, i.toolTip)), e), []);
   }
-  _getToolTip(e, i, t) {
-    return document.getElementById(i) ? o`<calcite-tooltip .placement=${e} .referenceElement=${"map-" + i}><span>${t}</span></calcite-tooltip>` : void 0;
+  _getToolTip(e, i, s) {
+    return o`<calcite-tooltip .placement=${e} .referenceElement=${i}><span>${s}</span></calcite-tooltip>`;
   }
-  _getAction(e, i, t, s, a, d, l) {
-    const p = this.selectedLayer === void 0 ? !0 : d;
-    return o`<calcite-action .active=${e} appearance=solid .disabled=${p} .icon=${i} .id=${"map-" + i} .indicator=${t} .label=${s} .loading=${l} @click=${a} .text=${s} text-enabled></calcite-action>`;
+  _getAction(e, i, s, t, a, d, l, p) {
+    const f = this.selectedLayer === void 0 ? !0 : d;
+    return o`<calcite-action .active=${e} appearance=solid .disabled=${f} .icon=${i} .id=${`map-${i}`} .indicator=${s} .label=${t} .loading=${l} @click=${a} .text=${t} text-enabled></calcite-action>${this._getToolTip("auto", `map-${i}`, p)}`;
   }
   _getId(e) {
     return `solutions-action-${e}`;
   }
 }
-f("map-card", M);
+u("map-card", S);
 export {
-  M as MapCard
+  S as MapCard
 };