@esri/solutions-components 5.1.0-next.137 → 5.1.0-next.139

package/dist/components/crowdsource-manager/customElement.js

@@ -4,13 +4,13 @@ import { d as $ } from "../../chunks/mapViewUtils.js";
 import { defineCustomElements as v } from "@arcgis/instant-apps-components/dist/loader";
 import { u as C } from "../../chunks/useT9n.js";
 import { css as I, html as s, nothing as L } from "lit";
-import { createRef as c, ref as u } from "lit-html/directives/ref.js";
+import { createRef as p, ref as u } from "lit-html/directives/ref.js";
 import { LitElement as M, createEvent as _, noShadowRoot as x, safeClassMap as f, safeStyleMap as T } from "@arcgis/lumina";
 import { setupViewFocusKeyboardWatcher as S } from "templates-common-library/functionality/keyboardUtils";
 const F = I`@layer{:host{display:block;--calcite-label-margin-bottom: 0px;--solutions-theme-foreground-color: var(--calcite-color-surface-2)}.padding-1-2{padding:.5rem}.display-flex{display:flex}.width-full{width:100%}.width-1-2{position:relative;width:50%}.width-1-3{position:relative;width:33.33%}.width-2-3{position:relative;width:66.66%}.width-0{width:0}.z-index-2{z-index:2!important}.height-full{height:100%}.height-1-2{position:relative;height:50%}.height-0{height:0}.toggle-node{width:51px;height:51px}.overflow-hidden{overflow:hidden}.flex-column{flex-direction:column}.border{border:1px solid var(--calcite-color-border-3)}.border-top{border-top:1px solid var(--calcite-color-border-3)}.border-bottom{border-bottom:1px solid var(--calcite-color-border-3)}.border-sides{border-left:1px solid var(--calcite-color-border-3);border-right:1px solid var(--calcite-color-border-3)}.position-relative{position:relative}.position-absolute{position:absolute}.position-sticky{position:sticky}.height-50{height:50%}.top-51{top:51px}.adjusted-height-50{height:calc(50% - 25px)}.adjusted-height-100{height:calc(100% - 50px)}.adjusted-height-100-51{height:calc(100% - 51px)}.display-none{display:none!important}.adjusted-height-50_25{height:calc(50% + 25px)}.display-grid{display:grid}.padding-inline-start-75{padding-inline-start:.75rem}.align-items-center{align-items:center}.esri-floor-filter__close-levels-button,.esri-floor-filter__level-button,.esri-floor-filter__browse-button{width:40px!important;height:40px!important}.position-absolute-0{position:absolute;inset:0}.visibility-hidden{visibility:hidden;height:0px}.border-width-0{border-width:0px}.floating-container{position:fixed;width:100px;height:10px;bottom:0;margin:100px 0;z-index:1}.left-0{left:0}.right-0{right:0}.floating-container .floating-button{box-shadow:0 10px 25px #5c5d5e99;-webkit-transform:translatey(5px);transform:translatey(5px);-webkit-transition:all .3s;transition:all .3s}.z-index-0{z-index:0!important}.z-index-1{z-index:1!important}.filter-content-space{--calcite-dialog-content-space: 0px}.background-dark{background:var(--calcite-color-surface-1)}.filter-extent-container{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.filter-modal-buttons{display:flex;padding:12px;gap:10px}.filter-extent-message{align-items:center;display:flex;gap:5px}calcite-action-bar{--calcite-internal-action-bar-gap: 0px;--calcite-internal-action-bar-padding: 0px}}`;
 class V extends M {
   constructor() {
-    super(), this.coverPageEnabled = !1, this.customInfoText = "", this.defaultCenter = "", this.defaultGlobalId = "", this.defaultLayer = "", this.defaultLevel = "", this.defaultOid = "", this.defaultWebmap = "", this.honorMapFieldSettings = !1, this.introductionWindowEnabled = !1, this.enableAutoRefresh = !1, this.enableBasemap = !0, this.enableColumnReorder = !0, this.enableCSV = !0, this.enableFloorFilter = !0, this.enableFullscreen = !0, this.enableHome = !0, this.enableLegend = !0, this.enableLayerList = !0, this.enableMapList = !0, this.visibilityIcon = "eyeball", this.enableSearch = !0, this.enableShare = !1, this.enableSnapping = !0, this.enableZoom = !0, this.mapInfos = [], this.onlyShowUpdatableLayers = !1, this.popupHeaderColor = "", this.popupHeaderHoverColor = "", this.popupHeaderHoverTextColor = "", this.popupHeaderTextColor = "", this.shareIncludeEmbed = !1, this.shareIncludeSocial = !1, this.showNewestFirst = !0, this.theme = "light", this.zoomAndScrollToSelected = !1, this.enableSelectionTool = !0, this.featureSelectionMode = "multiple", this.enableCopyPaste = !0, this._deleteDialogOpen = !1, this._enableCreateFeatures = !0, this._hideFooter = !1, this._hideTable = !1, this._isMobile = !1, this._translations = C({ name: "crowdsource-manager", blocking: !0 }), this._layoutMode = "GRID", this._panelOpen = !0, this._numSelected = 0, this._filterOpen = !1, this._showInformationHeader = !0, this._layerExpressions = [], this._layerIds = [], this._isLoading = !0, this._mapExtentFilterChecked = !1, this._deleteIds = [], this._showInvalidMapAlert = !1, this._currentMapInfos = [], this._pasteEnabled = !1, this._showCopyPasteActions = !1, this._defaultAppLayoutHonored = !1, this._defaultCenterHonored = !1, this._defaultLevelHonored = !1, this._layerTable = c(), this._shouldSetMapView = !1, this._filterList = c(), this._mapCard = c(), this._isMapViewOnLoad = !1, this.showIntroductionWindow = _(), this.showCoverPage = _(), this.listenOn(window, "featureSelectionChange", this.featureSelectionChange), this.listenOn(window, "popupClosed", this.popupClosed), this.listenOn(window, "layoutChanged", this.layoutChanged), this.listenOn(window, "mapChanged", this.mapChanged), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "showDelete", this.showDelete), this.listenOn(window, "noLayersFound", this.noLayersFound), this.listenOn(window, "clearSelection", this.clearSelection), this.listenOn(window, "relatedRecordToggled", this.relatedRecordToggled), this.listenOn(window, "creatingFeature", this.creatingFeature), this.listenOn(window, "featuresCopied", this.featuresCopied), this.listenOn(window, "idsFound", this.idsFound), v(window);
+    super(), this.coverPageEnabled = !1, this.customInfoText = "", this.defaultCenter = "", this.defaultGlobalId = "", this.defaultLayer = "", this.defaultLevel = "", this.defaultOid = "", this.defaultWebmap = "", this.honorMapFieldSettings = !1, this.introductionWindowEnabled = !1, this.enableAutoRefresh = !1, this.enableBasemap = !0, this.enableColumnReorder = !0, this.enableCSV = !0, this.enableFloorFilter = !0, this.enableFullscreen = !0, this.enableHome = !0, this.enableLegend = !0, this.enableLayerList = !0, this.enableMapList = !0, this.visibilityIcon = "eyeball", this.enableSearch = !0, this.enableShare = !1, this.enableSnapping = !0, this.enableZoom = !0, this.mapInfos = [], this.onlyShowUpdatableLayers = !1, this.popupHeaderColor = "", this.popupHeaderHoverColor = "", this.popupHeaderHoverTextColor = "", this.popupHeaderTextColor = "", this.shareIncludeEmbed = !1, this.shareIncludeSocial = !1, this.showNewestFirst = !0, this.theme = "light", this.zoomAndScrollToSelected = !1, this.enableSelectionTool = !0, this.featureSelectionMode = "multiple", this.enableCopyPaste = !0, this._deleteDialogOpen = !1, this._enableCreateFeatures = !0, this._hideFooter = !1, this._hideTable = !1, this._isMobile = !1, this._translations = C({ name: "crowdsource-manager", blocking: !0 }), this._layoutMode = "GRID", this._panelOpen = !0, this._numSelected = 0, this._filterOpen = !1, this._showInformationHeader = !0, this._layerExpressions = [], this._layerIds = [], this._isLoading = !0, this._mapExtentFilterChecked = !1, this._deleteIds = [], this._showInvalidMapAlert = !1, this._currentMapInfos = [], this._pasteEnabled = !1, this._showCopyPasteActions = !1, this._defaultAppLayoutHonored = !1, this._defaultCenterHonored = !1, this._defaultLevelHonored = !1, this._layerTable = p(), this._shouldSetMapView = !1, this._filterList = p(), this._mapCard = p(), this._isMapViewOnLoad = !1, this.showIntroductionWindow = _(), this.showCoverPage = _(), this.listenOn(window, "featureSelectionChange", this.featureSelectionChange), this.listenOn(window, "popupClosed", this.popupClosed), this.listenOn(window, "layoutChanged", this.layoutChanged), this.listenOn(window, "mapChanged", this.mapChanged), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "showDelete", this.showDelete), this.listenOn(window, "noLayersFound", this.noLayersFound), this.listenOn(window, "clearSelection", this.clearSelection), this.listenOn(window, "relatedRecordToggled", this.relatedRecordToggled), this.listenOn(window, "creatingFeature", this.creatingFeature), this.listenOn(window, "featuresCopied", this.featuresCopied), this.listenOn(window, "idsFound", this.idsFound), v(window);
   }
   static {
     this.properties = { appLayout: 1, appProxies: 1, basemapConfig: 0, coverPageEnabled: 5, customInfoText: 1, defaultAppLayout: 1, defaultCenter: 1, defaultGlobalId: 1, defaultLayer: 1, defaultLevel: 1, defaultOid: 1, defaultWebmap: 1, honorMapFieldSettings: 5, introductionWindowEnabled: 5, enableAutoRefresh: 5, enableBasemap: 5, enableColumnReorder: 5, enableCSV: 5, enableFloorFilter: 5, enableFullscreen: 5, enableHome: 5, enableLegend: 5, enableLayerList: 5, enableMapList: 5, visibilityIcon: 1, enableSearch: 5, enableShare: 5, enableSnapping: 5, enableZoom: 5, mapInfos: 0, onlyShowUpdatableLayers: 5, popupHeaderColor: 1, popupHeaderHoverColor: 1, popupHeaderHoverTextColor: 1, popupHeaderTextColor: 1, searchConfiguration: 0, shareIncludeEmbed: 5, shareIncludeSocial: 5, showNewestFirst: 5, theme: 1, zoomAndScrollToSelected: 5, zoomToScale: 9, enableSelectionTool: 5, featureSelectionMode: 1, enableCopyPaste: 5, _deleteDialogOpen: 16, _enableCreateFeatures: 16, _hideFooter: 16, _hideTable: 16, _isMobile: 16, _translations: 16, _layer: 16, _layoutMode: 16, _mapInfo: 16, _mapView: 16, _panelOpen: 16, _numSelected: 16, _filterOpen: 16, _showInformationHeader: 16, _layerExpressions: 16, _layerIds: 16, _isLoading: 16, _mapExtentFilterChecked: 16, _deleteIds: 16, _showInvalidMapAlert: 16, _currentMapInfos: 16, _pasteEnabled: 16, _showCopyPasteActions: 16 };
@@ -169,8 +169,8 @@ class V extends M {
     }} @featureOrRecordSubmitted=${() => this._layerTable.value && void this._layerTable.value.refresh()} .pasteEnabled=${this._pasteEnabled} .selectedFeaturesIds=${this._layerTable.value?.selectedIds} .selectingFeatureFromMap=${this.appLayout === "mapView"} .showCopyPasteActions=${this._showCopyPasteActions} .showSketchWidgets=${l?.geometryType !== "point"} .zoomAndScrollToSelected=${this.zoomAndScrollToSelected}></card-manager></div>`;
   }
   _getTable(e, t, i) {
-    const a = this.appLayout === "mapView", l = this.appLayout === "tableView", o = i && this._isMobile ? "visibility-hidden" : a ? "display-none" : "", r = a ? "height-full width-full z-index-0" : "display-none", h = this._getTableSizeClass(e, t), n = e === "HORIZONTAL" ? "horizontal" : "vertical", d = e === "HORIZONTAL" ? "header" : "panel-start", p = this.defaultWebmap && this.defaultLayer, m = this._isMobile ? "border-top" : "", b = this.defaultGlobalId ? this.defaultGlobalId?.indexOf(",") > -1 ? this.defaultGlobalId.split(",") : [this.defaultGlobalId] : void 0, g = this.defaultOid ? this.defaultOid?.indexOf(",") > -1 ? this.defaultOid.split(",").map((y) => Number.parseInt(y, 10)) : [Number.parseInt(this.defaultOid, 10)] : void 0;
-    return s`<calcite-shell class=${`${h} ${m} border-bottom z-index-1`}>${this._isMobile ? void 0 : s`<calcite-action-bar class="border-sides" expand-disabled .layout=${n} slot=${d ?? L}>${this.getActions(e, t)}</calcite-action-bar>`}<div class=${`width-full height-full position-relative z-index-0 ${o}`}><layer-table .appLayout=${this.appLayout} .defaultGlobalId=${p ? b : void 0} .defaultLayerId=${p ? this.defaultLayer : ""} .defaultOid=${p && !b ? g : void 0} .enableAutoRefresh=${this.enableAutoRefresh} .enableCSV=${this.enableCSV} .enableColumnReorder=${this.enableColumnReorder} .enableInlineEdit=${this?._mapInfo?.enableInlineEdit} .enableTableAutosave=${this._mapInfo?.enableTableAutosave !== void 0 ? this._mapInfo?.enableTableAutosave : !0} .enableShare=${this.enableShare} .featureSelectionMode=${this.featureSelectionMode} .honorMapFieldSettings=${this.honorMapFieldSettings} .isMobile=${this._isMobile} .mapHidden=${l} .mapInfo=${this._mapInfo} .mapView=${this?._mapView} .pasteEnabled=${this._pasteEnabled} .showOnlyUpdatableLayers=${this.onlyShowUpdatableLayers} @toggleFilter=${this._toggleFilter} .shareIncludeEmbed=${this.shareIncludeEmbed} .shareIncludeSocial=${this.shareIncludeSocial} .showNewestFirst=${this.showNewestFirst} .zoomAndScrollToSelected=${this.zoomAndScrollToSelected} .zoomToScale=${this.zoomToScale} .showCopyPasteActions=${this._showCopyPasteActions} .layerIds=${this._layerIds} ${u(this._layerTable)}></layer-table></div><div class=${f(r)} id=full-map-view></div></calcite-shell>`;
+    const a = this.appLayout === "mapView", l = this.appLayout === "tableView", o = i && this._isMobile ? "visibility-hidden" : a ? "display-none" : "", r = a ? "height-full width-full z-index-0" : "display-none", h = this._getTableSizeClass(e, t), n = e === "HORIZONTAL" ? "horizontal" : "vertical", d = e === "HORIZONTAL" ? "header" : "panel-start", c = this.defaultWebmap && this.defaultLayer, m = this._isMobile ? "border-top" : "", b = this.defaultGlobalId ? this.defaultGlobalId?.indexOf(",") > -1 ? this.defaultGlobalId.split(",") : [this.defaultGlobalId] : void 0, g = this.defaultOid ? this.defaultOid?.indexOf(",") > -1 ? this.defaultOid.split(",").map((y) => Number.parseInt(y, 10)) : [Number.parseInt(this.defaultOid, 10)] : void 0;
+    return s`<calcite-shell class=${`${h} ${m} border-bottom z-index-1`}>${this._isMobile ? void 0 : s`<calcite-action-bar class="border-sides" expand-disabled .layout=${n} slot=${d ?? L}>${this.getActions(e, t)}</calcite-action-bar>`}<div class=${`width-full height-full position-relative z-index-0 ${o}`}><layer-table .appLayout=${this.appLayout} .defaultGlobalId=${c ? b : void 0} .defaultLayerId=${c ? this.defaultLayer : ""} .defaultOid=${c && !b ? g : void 0} .enableAutoRefresh=${this.enableAutoRefresh} .enableCSV=${this.enableCSV} .enableColumnReorder=${this.enableColumnReorder} .enableInlineEdit=${this?._mapInfo?.enableInlineEdit} .enableTableAutosave=${this._mapInfo?.enableTableAutosave !== void 0 ? this._mapInfo?.enableTableAutosave : !0} .enableShare=${this.enableShare} .featureSelectionMode=${this.featureSelectionMode} .honorMapFieldSettings=${this.honorMapFieldSettings} .isMobile=${this._isMobile} .mapHidden=${l} .mapInfo=${this._mapInfo} .mapView=${this?._mapView} .pasteEnabled=${this._pasteEnabled} .showOnlyUpdatableLayers=${this.onlyShowUpdatableLayers} @toggleFilter=${this._toggleFilter} .shareIncludeEmbed=${this.shareIncludeEmbed} .shareIncludeSocial=${this.shareIncludeSocial} .showNewestFirst=${this.showNewestFirst} .zoomAndScrollToSelected=${this.zoomAndScrollToSelected} .zoomToScale=${this.zoomToScale} .showCopyPasteActions=${this._showCopyPasteActions} .layerIds=${this._layerIds} ${u(this._layerTable)}></layer-table></div><div class=${f(r)} id=full-map-view></div></calcite-shell>`;
   }
   getActions(e, t) {
     const i = this._getDividerIcon(e, t), a = t ? this._translations.close : this._translations.open, l = "toggle-layout";
@@ -228,7 +228,7 @@ class V extends M {
     this._currentMapInfos = this.mapInfos, !this.enableMapList && this.defaultWebmap && (this._currentMapInfos = this.mapInfos.filter((e) => e.id === this.defaultWebmap));
   }
   _handleCopyPasteActions() {
-    this._layer && (this._showCopyPasteActions = this.enableCopyPaste && this._layer.capabilities.operations.supportsAdd && !this._isMobile);
+    this._layer && (this._showCopyPasteActions = this.enableCopyPaste && !this._isMobile);
   }
   _toggleLayout() {
     this._panelOpen = !this._panelOpen;

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

@@ -81,7 +81,7 @@ class x extends w {
     return i`<calcite-shell class="z-index-1" style=${y({ position: this.position })}>${this._getHeader()}<calcite-loader class=${s(e)} .label=${this._translations.fetchingData}></calcite-loader>${this.mapView && this._getFeaturesComponent() || ""}<div class=${`${a} width-100`} slot=footer>${this.allowEditing ? i`<div class="display-flex top-border padding-1-2"><calcite-button appearance=solid id=solutions-edit @click=${() => this._openEditRecord()} width=full>${this._translations.edit}</calcite-button>${this.isMobile && d ? i`<delete-button class="padding-inline-start-1 width-100" id=solutions-delete .ids=${u} .layer=${this._layer} @editsComplete=${() => this._closePopup()}></delete-button>` : void 0}<calcite-tooltip class=${s(o)} placement=bottom reference-element=solutions-edit><span>${this._translations.edit}</span></calcite-tooltip>${this.isMobile && d ? i`<calcite-tooltip class=${s(o)} placement=bottom reference-element=solutions-delete><span>${this._translations.delete}</span></calcite-tooltip>` : void 0}</div>` : ""}${this.paginationEnabled && !l && i`<div class=${"display-flex padding-1-2 button-container top-border"}><div><calcite-button appearance=transparent .disabled=${l} icon-flip-rtl=both icon-start=chevron-left id=solutions-back @click=${() => this._back()} width=full></calcite-button><calcite-tooltip class=${s(o)} placement=top reference-element=solutions-back><span>${this._translations.back}</span></calcite-tooltip></div><calcite-action class="pagination-action" icon-flip-rtl @click=${() => this._toggleListView()} scale=s .text=${this._translations.toggleListView} text-enabled><span class="pagination-count">${this._count}</span></calcite-action><div><calcite-button appearance=transparent .disabled=${l} icon-flip-rtl=both icon-start=chevron-right id=solutions-next @click=${() => this._next()} width=full></calcite-button><calcite-tooltip class=${s(o)} placement=top reference-element=solutions-next><span>${this._translations.next}</span></calcite-tooltip></div></div>` || ""}</div><edit-card .allowMultipleEditing=${this._isMultipleEdits} class=${s(t)} .enableEditGeometry=${this.enableEditGeometry} .enableSnapping=${this.enableSnapping} .graphicIndex=${f} .graphics=${p} .mapView=${this.mapView} .open=${this._editRecordOpen}></edit-card><calcite-alert auto-close icon=layer-broken kind=warning label @calciteAlertClose=${() => this._alertClosed()} .open=${this._alertOpen} placement=top><div slot=title>${this._translations.editDisabled}</div><div slot=message>${this._translations.enableEditing}</div></calcite-alert></calcite-shell>`;
   }
   async setGraphics() {
-    this._features.value && (this.graphics.length > 0 ? (this._layer = this.graphics[0]?.layer, this._editEnabled = this._layer.editingEnabled && this._layer.capabilities?.operations.supportsUpdate, this._mobileTitle = this.mapView?.map && await this._popupUtils?.getPopupTitle(this.graphics[0], this.mapView.map) || "", this._features.value.open = !0, this._features.value.features = this.graphics) : (await this._features.value.clear(), await this._features.value.close()), this._count = this._getCount());
+    this._features.value && (this.graphics.length > 0 ? (this._layer = this.graphics[0]?.layer, this._editEnabled = this._layer.editingEnabled && this._layer.capabilities?.operations.supportsUpdate, this._mobileTitle = this.mapView?.map && await this._popupUtils?.getPopupTitle(this.graphics[0], this.mapView.map) || "", this._features.value && (this._features.value.open = !0), this._features.value && (this._features.value.features = this.graphics)) : (await this._features.value.clear(), await this._features.value.close()), this._count = this._getCount());
   }
   handleHeaderActions() {
     this.showCopyPasteActions && this._features.value?.headerActions.length === 0 ? (this._features.value.headerActions.addMany(this._getHeaderActions()), this._headerActionsHandle && this._headerActionsHandle.remove(), this._headerActionsHandle = r.on(() => this._features.value, "arcgisTriggerAction", (e) => {

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

@@ -64,7 +64,7 @@ class M extends C {
     this._configLayerOrderDefined = "configLayerOrder" in (this.mapInfo?.layerOptions || {}), this._enabledLayerIds = H(this.mapInfo?.layerOptions?.layers || [], this.mapInfo?.layerOptions?.configLayerOrder), this._table && (this._resetColumnTemplates(), this._sortTable(), await this._initToolInfos());
   }
   async mapViewWatchHandler() {
-    this._mapClickHandle && this._mapClickHandle.remove(), this.mapView && (this._floorExpression = "", this._searchExpression = "undefined", this.mapView.highlights = [
+    this._mapClickHandle && this._mapClickHandle.remove(), this.mapView && (this._floorExpression = "", this._searchExpression = "", this.mapView.highlights = [
       {
         name: "default",
         color: "#00FFFF"
@@ -135,7 +135,7 @@ class M extends C {
     this._shouldUpdateTableOnExtentChange = !1, this._editor = e.detail;
   }
   async closeEdit() {
-    this._shouldUpdateTableOnExtentChange = !0, this._filterByExtentHandle && this._handleTableOnMapExtent();
+    this._shouldUpdateTableOnExtentChange = !0, this._filterByExtentHandle && this._handleTableOnMapExtent(), this._editor = void 0;
   }
   async selectionChanged(e) {
     const t = e.detail.selectedFeature[0], i = Number(t.getObjectId()), s = this._table;
@@ -297,7 +297,7 @@ class M extends C {
   _validateActiveActions() {
     const e = ["filter", "list-check-all", "selected-items-filter"];
     this._toolInfos?.forEach((t) => {
-      t && e.indexOf(t.icon) > -1 && (t.icon === "filter" && (t.indicator = this._filterActive), t.icon === "list-check-all" && (t.active = this._selectAllActive), t.icon === "selected-items-filter" && (t.active = this._showOnlySelected, t.label = this._showOnlySelected ? this._translations.showAll : this._translations.showSelected));
+      t && e.indexOf(t.icon) > -1 && (t.icon === "filter" && (t.indicator = this._filterActive), t.icon === "list-check-all" && (t.active = this._selectAllActive), t.icon === "selected-items-filter" && (t.active = this._showOnlySelected, t.label = this._showOnlySelected ? this._translations.showAll : this._translations.showSelected, t.toolTip = this._showOnlySelected ? this._translations.showAll : this._translations.showSelected));
     });
   }
   async _initToolInfos() {
@@ -434,7 +434,15 @@ class M extends C {
               if (r.length === 0)
                 return;
               const d = this._layer?.id;
-              s.id === d ? (await this._refresh(), this._clearSelection(), this._table?.highlightIds.addMany(r), this.featuresAdded.emit(r)) : (this._clearSelection(), this._pastedFeaturesIds = r, this.requestLayerSelectionChange.emit(s.id)), this._shouldSelectFeatureAfterCreate = !1;
+              if (s.id === d) {
+                await this._refresh(), this._clearSelection(), this._searchExpression && await this._searchFullText();
+                const n = [];
+                for (const f of r)
+                  this._allIds.includes(f) && n.push(f);
+                n.length > 0 ? this._table?.highlightIds.addMany(n) : await this._refresh(), this.featuresAdded.emit(r);
+              } else
+                this._clearSelection(), this._pastedFeaturesIds = r, this.requestLayerSelectionChange.emit(s.id);
+              this._shouldSelectFeatureAfterCreate = !1;
             } catch (h) {
               this._shouldSelectFeatureAfterCreate = !1, console.error("Failed processing layer edits event", { layerId: i, error: h });
             }
@@ -577,7 +585,7 @@ class M extends C {
       if (this._hasPendingEdits()) {
         let a = !1;
         try {
-          this._editor.viewModel.activeWorkflow && await this._editor.viewModel.activeWorkflow.cancel({
+          this._editor.activeWorkflow && await this._editor.activeWorkflow.cancel({
             force: !1
           });
         } catch (l) {
@@ -593,8 +601,7 @@ class M extends C {
     return this._shouldUpdateTableOnExtentChange = i, i;
   }
   _hasPendingEdits() {
-    const e = this._editor?.viewModel?.hasPendingEdits, t = this._editor?.activeWorkflow?.activeWorkflow?.hasPendingEdits;
-    return e || t;
+    return this._editor?.activeWorkflow?.activeWorkflow?.hasPendingEdits;
   }
   _finishOnChange() {
     this._showOnlySelected && !this._relatedFeatureTable && (this._table && this._getSelectedIds().length > 0 ? this._table.filterBySelectionEnabled = !0 : this._toggleShowSelected());
@@ -902,7 +909,7 @@ class M extends C {
     let e = this._getLayerOption(this._layer?.id || ""), t = this.hasAttachmentsEnabled(this._layer), i = !0;
     const s = "attachments", a = (e?.extraFields || []).reduce((h, r) => (r.startsWith("related:") ? h.related.push(r.split("related:")[1]) : h.extra.push(r), h), { related: [], extra: [] }), l = a.extra.some((h) => h.toLowerCase() === s);
     a && (t = l && t, i = a.related.length > 0, this._table?.columns.forEach((h) => {
-      h.fieldName.startsWith("EsriFeatureTableRelationshipColumn") && (h.hidden = !a.related.includes(h.effectiveLabel)), h.fieldName.startsWith("EsriFeatureTableAttachmentsColumn") && (h.hidden = !a.extra.some((r) => r.toLowerCase() === h.effectiveLabel.toLowerCase()));
+      h.fieldName.startsWith("EsriFeatureTableRelationshipColumn") && (h.hidden = !a.related.some((r) => r.toLowerCase() === (h.effectiveLabel || "").toLowerCase())), h.fieldName.startsWith("EsriFeatureTableAttachmentsColumn") && (h.hidden = !a.extra.some((r) => r.toLowerCase() === h.effectiveLabel.toLowerCase()));
     })), this._table.relatedRecordsEnabled = i, this._table.attachmentsEnabled = t;
   }
   getFieldLabel(e, t) {

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

@@ -53,7 +53,8 @@ class $ extends g {
     await this._setSelectedLayer(this.ids[0]);
   }
   async mapChanged(e) {
-    e.detail.isValid || (this._hasValidLayers = !1, this.noLayersFound.emit());
+    const t = e.detail.isValid;
+    t && !this._hasValidLayers ? await this.load() : t || (this._hasValidLayers = !1, this.noLayersFound.emit());
   }
   async requestLayerSelectionChange(e) {
     const t = e.detail;
@@ -111,10 +112,10 @@ class $ extends g {
     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, a = this.showOnlyUpdatableLayers ? s && !s.supportsUpdate : !1, r = s?.name || "", h = this.selectedIds.indexOf(e) > -1;
-    return this.type === "combobox" ? i`<calcite-combobox-item .disabled=${a} .heading=${r} .selected=${h} .value=${e}></calcite-combobox-item>` : this.type === "select" ? i`<calcite-option .disabled=${a} .label=${r} .selected=${h} .value=${e}></calcite-option>` : this.force && h || !this.force ? i`<calcite-dropdown-group class=${p(a ? "disabled" : "")} id=${r ?? l} .selectionMode=${a ? "none" : "single"}><calcite-dropdown-item .disabled=${!!(t === "table" && this.showTablesDisabled)} .iconStart=${t} @click=${a ? void 0 : () => {
+    const s = t === "layer" && this._layerNameHash ? this._layerNameHash[e] : this._tableNameHash ? this._tableNameHash[e] : void 0, a = this.showOnlyUpdatableLayers ? s && !s.supportsUpdate : !1, h = s?.name || "", r = this.selectedIds.indexOf(e) > -1;
+    return this.type === "combobox" ? i`<calcite-combobox-item .disabled=${a} .heading=${h} .selected=${r} .value=${e}></calcite-combobox-item>` : this.type === "select" ? i`<calcite-option .disabled=${a} .label=${h} .selected=${r} .value=${e}></calcite-option>` : this.force && r || !this.force ? i`<calcite-dropdown-group class=${p(a ? "disabled" : "")} id=${h ?? l} .selectionMode=${a ? "none" : "single"}><calcite-dropdown-item .disabled=${!!(t === "table" && this.showTablesDisabled)} .iconStart=${t} @click=${a ? void 0 : () => {
       this._setSelectedLayer(e);
-    }} .selected=${h}>${r}</calcite-dropdown-item></calcite-dropdown-group>` : null;
+    }} .selected=${r}>${h}</calcite-dropdown-item></calcite-dropdown-group>` : null;
   }
   async _setSelectedLayer(e) {
     if (e !== this.selectedIds[0]) {

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

@@ -15,57 +15,57 @@ class x extends L {
   static {
     this.styles = $;
   }
-  willUpdate(e) {
-    e.has("mapView") && this.mapViewWatchHandler(), e.has("parentComponentWidth") && this.parentComponentWidth && this.parentComponentWidthWatchHandler(this.parentComponentWidth), e.has("_showBasemapWidget") && (this.hasUpdated || this._showBasemapWidget !== !1) && this._showBasemapWidgetWatchHandler(this._showBasemapWidget), e.has("_showLayersListWidget") && (this.hasUpdated || this._showLayersListWidget !== !1) && this._showLayersListWidgetWatchHandler(this._showLayersListWidget), e.has("_showFloorFilter") && (this.hasUpdated || this._showFloorFilter !== !1) && this._showFloorFilterWatchHandler(this._showFloorFilter), e.has("_showLegendWidget") && (this.hasUpdated || this._showLegendWidget !== !1) && this._showLegendWidgetWatchHandler(this._showLegendWidget), e.has("_showSearchWidget") && (this.hasUpdated || this._showSearchWidget !== !1) && this._showSearchWidgetWatchHandler(this._showSearchWidget);
+  willUpdate(t) {
+    t.has("mapView") && this.mapViewWatchHandler(), t.has("parentComponentWidth") && this.parentComponentWidth && this.parentComponentWidthWatchHandler(this.parentComponentWidth), t.has("_showBasemapWidget") && (this.hasUpdated || this._showBasemapWidget !== !1) && this._showBasemapWidgetWatchHandler(this._showBasemapWidget), t.has("_showLayersListWidget") && (this.hasUpdated || this._showLayersListWidget !== !1) && this._showLayersListWidgetWatchHandler(this._showLayersListWidget), t.has("_showFloorFilter") && (this.hasUpdated || this._showFloorFilter !== !1) && this._showFloorFilterWatchHandler(this._showFloorFilter), t.has("_showLegendWidget") && (this.hasUpdated || this._showLegendWidget !== !1) && this._showLegendWidgetWatchHandler(this._showLegendWidget), t.has("_showSearchWidget") && (this.hasUpdated || this._showSearchWidget !== !1) && this._showSearchWidgetWatchHandler(this._showSearchWidget);
   }
   async mapViewWatchHandler() {
     await this.mapView?.when(() => {
       this.enableHome && this._initHome(), this.parentComponentWidth && this._updateTools(this.parentComponentWidth);
     });
   }
-  async parentComponentWidthWatchHandler(e) {
-    this._updateTools(e);
+  async parentComponentWidthWatchHandler(t) {
+    this._updateTools(t);
   }
-  async _showBasemapWidgetWatchHandler(e) {
-    const t = this._basemapElement.value ? this._basemapElement.value.basemapGalleryRef.value : void 0, s = document.dir === "rtl" ? "rtl" : "ltr";
-    t && (e ? (this.mapView?.ui.add(t, {
+  async _showBasemapWidgetWatchHandler(t) {
+    const e = this._basemapElement.value ? this._basemapElement.value.basemapGalleryRef.value : void 0, s = document.dir === "rtl" ? "rtl" : "ltr";
+    e && (t ? (this.mapView?.ui.add(e, {
       position: this.position,
       index: 1
-    }), t.style.setProperty("direction", s), t.style.setProperty("max-height", "240px")) : this.mapView?.ui.remove(t));
+    }), e.style.setProperty("direction", s), e.style.setProperty("max-height", "240px")) : this.mapView?.ui.remove(e));
   }
-  async _showLayersListWidgetWatchHandler(e) {
-    const t = this._layerListWidgetElement.value ? this._layerListWidgetElement.value.layerListRef.value : void 0, s = document.dir === "rtl" ? "rtl" : "ltr";
-    t && (e ? (this.mapView?.ui.add(t, {
+  async _showLayersListWidgetWatchHandler(t) {
+    const e = this._layerListWidgetElement.value ? this._layerListWidgetElement.value.layerListRef.value : void 0, s = document.dir === "rtl" ? "rtl" : "ltr";
+    e && (t ? (this.mapView?.ui.add(e, {
       position: this.position,
       index: 1
-    }), t.style.setProperty("direction", s), t.style.setProperty("max-height", "240px")) : this.mapView?.ui.remove(t));
+    }), e.style.setProperty("direction", s), e.style.setProperty("max-height", "240px")) : this.mapView?.ui.remove(e));
   }
-  async _showFloorFilterWatchHandler(e) {
-    const t = this._floorFilterElement.value ? this._floorFilterElement.value.floorFilterRef.value : void 0, s = document.dir === "rtl" ? "rtl" : "ltr";
-    t && (e ? (this.mapView?.ui.add(t, {
+  async _showFloorFilterWatchHandler(t) {
+    const e = this._floorFilterElement.value ? this._floorFilterElement.value.floorFilterRef.value : void 0, s = document.dir === "rtl" ? "rtl" : "ltr";
+    e && (t ? (this.mapView?.ui.add(e, {
       position: this.position,
       index: 1
-    }), t.style.setProperty("direction", s), t.style.setProperty("max-height", "240px")) : this.mapView?.ui.remove(t));
+    }), e.style.setProperty("direction", s), e.style.setProperty("max-height", "240px")) : this.mapView?.ui.remove(e));
   }
-  async _showLegendWidgetWatchHandler(e) {
-    const t = this._legendElement.value ? this._legendElement.value.legendRef.value : void 0, s = document.dir === "rtl" ? "rtl" : "ltr";
-    t && (e ? (this.mapView?.ui.add(t, {
+  async _showLegendWidgetWatchHandler(t) {
+    const e = this._legendElement.value ? this._legendElement.value.legendRef.value : void 0, s = document.dir === "rtl" ? "rtl" : "ltr";
+    e && (t ? (this.mapView?.ui.add(e, {
       position: this.position,
       index: 1
-    }), t.style.setProperty("direction", s), t.style.setProperty("max-height", "240px")) : this.mapView?.ui.remove(t));
+    }), e.style.setProperty("direction", s), e.style.setProperty("max-height", "240px")) : this.mapView?.ui.remove(e));
   }
-  async _showSearchWidgetWatchHandler(e) {
-    const t = this._searchElement.value ? this._searchElement.value.searchComponent.value : void 0, s = document.dir === "rtl" ? "rtl" : "ltr";
-    t && (e ? (this.mapView?.ui.add(t, {
+  async _showSearchWidgetWatchHandler(t) {
+    const e = this._searchElement.value ? this._searchElement.value.searchComponent.value : void 0, s = document.dir === "rtl" ? "rtl" : "ltr";
+    e && (t ? (this.mapView?.ui.add(e, {
       position: this.position,
       index: 1
-    }), t.style.setProperty("direction", s), t.style.setProperty("max-height", "240px")) : this.mapView?.ui.remove(t));
+    }), e.style.setProperty("direction", s), e.style.setProperty("max-height", "240px")) : this.mapView?.ui.remove(e));
   }
-  async mapChanged(e) {
-    const t = e.detail.isValid;
-    this._isValidWebMap = t, this._showTools || this._toggleTools();
+  async mapChanged(t) {
+    const e = t.detail.isValid;
+    this._isValidWebMap = e, this._showTools || this._toggleTools();
   }
-  async _layerSelectionChange(e) {
+  async _layerSelectionChange(t) {
     this._showTools || this._toggleTools();
   }
   async load() {
@@ -73,8 +73,8 @@ class x extends L {
   }
   render() {
     this._setZoomToolsSize();
-    const e = this.layout === "horizontal" ? "display-flex" : "", t = this._getToggleIcon(), s = !this._showTools && !this._showSelectionTools ? "display-none" : e, i = this._showEllipsisTools ? "" : "display-none", o = this._showSearchWidget ? "" : "display-none", l = this._showBasemapWidget ? "" : "display-none", d = this._showLegendWidget ? "" : "display-none", c = this._showFloorFilter ? "" : "display-none", p = this._showLayersListWidget ? "" : "display-none", g = this._showTools ? this._translations.collapse : this._translations.expand, f = !this.enableBasemap && !this.enableFullscreen && !this.enableLegend && !this.enableLayerList && !this.enableSearch && !this.enableMapPicker && !this.enableMapLayerPicker ? "display-none" : "", w = document.dir === "rtl" ? "margin-right-1-2" : "margin-left-1-2", u = this.enableSingleExpand ? this.layout === "horizontal" ? w : "margin-top-1-2" : "", y = this._ellipsisTools.length > 0 && this._showTools ? "" : "display-none", m = this.stackTools && this._ellipsisTools.length === 0 ? "box-shadow" : "", b = this._showSelectionTools ? this.selectionTools : this._mapTools;
-    return h`<div class=${`${f} ${e} height-0`}>${this.enableSingleExpand ? h`<div class=${n(m)}>${this._getActionGroup(t, !1, g || "", () => this._toggleTools())}</div>` : void 0}<div class=${`${u} ${m} ${s}`}>${this._getMapWidgets(b)}</div><div><div class=${n(y)}>${this._getActionGroup("ellipsis", !1, "", () => this._toggleEllipsisTools())}<div class=${n(i)}>${this._getMapWidgets(this._ellipsisTools)}</div></div></div></div><map-basemap-gallery .basemapConfig=${this.basemapConfig} class=${n(l)} .mapView=${this.mapView} ${r(this._basemapElement)}></map-basemap-gallery><map-search class=${n(o)} .mapView=${this.mapView} result-graphic-enabled .searchConfiguration=${this.searchConfiguration} ${r(this._searchElement)}></map-search><map-legend class=${n(d)} .mapView=${this.mapView} ${r(this._legendElement)}></map-legend><layer-list-widget class=${n(p)} .mapView=${this.mapView} .visibilityIcon=${this.visibilityIcon} ${r(this._layerListWidgetElement)}></layer-list-widget><map-floor-filter class=${n(c)} .enabled=${this.enableFloorFilter} .mapView=${this.mapView} ${r(this._floorFilterElement)}></map-floor-filter><selection-tool .mapView=${this.mapView} @drawingComplete=${() => {
+    const t = this.layout === "horizontal" ? "display-flex" : "", e = this._getToggleIcon(), s = !this._showTools && !this._showSelectionTools ? "display-none" : t, i = this._showEllipsisTools ? "" : "display-none", l = this._showSearchWidget ? "" : "display-none", o = this._showBasemapWidget ? "" : "display-none", c = this._showLegendWidget ? "" : "display-none", p = this._showFloorFilter ? "" : "display-none", d = this._showLayersListWidget ? "" : "display-none", g = this._showTools ? this._translations.collapse : this._translations.expand, f = !this.enableBasemap && !this.enableFullscreen && !this.enableLegend && !this.enableLayerList && !this.enableSearch && !this.enableMapPicker && !this.enableMapLayerPicker ? "display-none" : "", w = document.dir === "rtl" ? "margin-right-1-2" : "margin-left-1-2", u = this.enableSingleExpand ? this.layout === "horizontal" ? w : "margin-top-1-2" : "", y = this._ellipsisTools.length > 0 && this._showTools ? "" : "display-none", m = this.stackTools && this._ellipsisTools.length === 0 ? "box-shadow" : "", b = this._showSelectionTools ? this.selectionTools : this._mapTools;
+    return h`<div class=${`${f} ${t} height-0`}>${this.enableSingleExpand ? h`<div class=${n(m)}>${this._getActionGroup(e, !1, g || "", () => this._toggleTools())}</div>` : void 0}<div class=${`${u} ${m} ${s}`}>${this._getMapWidgets(b)}</div><div><div class=${n(y)}>${this._getActionGroup("ellipsis", !1, "", () => this._toggleEllipsisTools())}<div class=${n(i)}>${this._getMapWidgets(this._ellipsisTools)}</div></div></div></div><map-basemap-gallery .basemapConfig=${this.basemapConfig} class=${n(o)} .mapView=${this.mapView} ${r(this._basemapElement)}></map-basemap-gallery><map-search class=${n(l)} .mapView=${this.mapView} result-graphic-enabled .searchConfiguration=${this.searchConfiguration} ${r(this._searchElement)}></map-search><map-legend class=${n(c)} .mapView=${this.mapView} ${r(this._legendElement)}></map-legend><layer-list-widget class=${n(d)} .mapView=${this.mapView} .visibilityIcon=${this.visibilityIcon} ${r(this._layerListWidgetElement)}></layer-list-widget><map-floor-filter class=${n(p)} .enabled=${this.enableFloorFilter} .mapView=${this.mapView} ${r(this._floorFilterElement)}></map-floor-filter><selection-tool .mapView=${this.mapView} @drawingComplete=${() => {
       this._rectangleSelectionToolActive = !1, this._lassoSelectionToolActive = !1;
     }} .selectedLayerId=${this.selectedLayer?.id} ${r(this._selectionToolElement)}></selection-tool>${this.enableMapPicker && h`<map-picker class=mapPickerClass .height=${(this.parentComponentHeight ?? 0) - 25} id=map-picker .mapInfos=${this.mapInfos} reference-element=map .selectedWebMapId=${this.selectedWebMapId} show-map-list-in-popover></map-picker>` || ""}${this.enableMapLayerPicker && this.selectedLayer && h`<map-layer-picker appearance=transparent .configLayerOrderDefined=${this.configLayerOrderDefined} .defaultLayerId=${this.defaultLayerId} .enabledLayerIds=${this.enabledLayerIds} .height=${(this.parentComponentHeight ?? 0) - 25} .isMobile=${this.isMobile} .mapView=${this.mapView} .showOnlyUpdatableLayers=${this.showOnlyUpdatableLayers} reference-element=layers scale=s .selectedIds=${this.selectedLayer ? [this.selectedLayer.id] : []} show-layers-list-in-popover show-tables type=dropdown></map-layer-picker>` || ""}`;
   }
@@ -82,38 +82,38 @@ class x extends L {
     this.enableHome && (this._homeComponent = document.createElement("arcgis-home"), this._homeComponent.view = this.mapView, this._homeComponent.viewpoint = this.mapView?.viewpoint?.clone());
   }
   _setZoomToolsSize() {
-    const e = document.getElementById("arcgis-map");
-    if (!!!e?.shadowRoot?.querySelector(".esri-zoom"))
+    const e = document.getElementById("arcgis-map")?.shadowRoot;
+    if (!e)
       return;
-    const s = e.shadowRoot?.querySelectorAll(".esri-widget--button")[0], i = e.shadowRoot?.querySelectorAll(".esri-widget--button")[1];
-    if (s && i) {
+    const s = e.querySelector(".esri-zoom"), i = e.querySelectorAll(".esri-widget--button")[0], l = e.querySelectorAll(".esri-widget--button")[1];
+    if (i && l) {
       const o = this.zoomToolsSize === "s" ? "32px" : this.zoomToolsSize === "m" ? "40px" : "48px";
-      s.style.width = o, s.style.height = o, i.style.width = o, i.style.height = o;
+      i.style.width = o, i.style.height = o, l.style.width = o, l.style.height = o;
     }
     if (this.layout === "horizontal") {
-      const o = document.dir || "ltr", l = o === "ltr" ? ".esri-ui-top-left" : ".esri-ui-top-right", d = o === "ltr" ? 0 : this.parentComponentWidth - 62;
-      let c = o === "ltr" ? this._showTools ? "ltr" : "rtl" : this._showTools ? "rtl" : "ltr";
-      e.shadowRoot?.querySelector(l)?.firstElementChild?.tagName === "MAP-TOOLS" && !this._showTools && (c = o), e.shadowRoot && (e.shadowRoot.querySelector(".esri-zoom")?.setAttribute("style", `position: absolute; top: 50px; left: ${d}px`), this._showSelectionTools || e.shadowRoot.querySelector(l)?.setAttribute("style", `flex-direction: row; gap: 5px; align-items: flex-start; direction: ${c} !important; z-index: 1;`));
+      const o = document.dir || "ltr", c = o === "ltr" ? ".esri-ui-top-left" : ".esri-ui-top-right", p = o === "ltr" ? 0 : this.parentComponentWidth - 62;
+      let d = o === "ltr" ? this._showTools ? "ltr" : "rtl" : this._showTools ? "rtl" : "ltr";
+      e.querySelector(c)?.firstElementChild?.tagName === "MAP-TOOLS" && !this._showTools && (d = o), s && s.setAttribute("style", `position: absolute; top: 50px; left: ${p}px`), this._showSelectionTools || e.querySelector(c)?.setAttribute("style", `flex-direction: row; gap: 5px; align-items: flex-start; direction: ${d} !important; z-index: 1;`);
     }
   }
   _getToggleIcon() {
-    const e = document.dir || "ltr";
-    return this.layout === "horizontal" ? e === "ltr" ? this._showTools ? "chevrons-left" : "chevrons-right" : this._showTools ? "chevrons-right" : "chevrons-left" : this._showTools ? "chevrons-up" : "chevrons-down";
+    const t = document.dir || "ltr";
+    return this.layout === "horizontal" ? t === "ltr" ? this._showTools ? "chevrons-left" : "chevrons-right" : this._showTools ? "chevrons-right" : "chevrons-left" : this._showTools ? "chevrons-up" : "chevrons-down";
   }
-  _updateTools(e) {
-    const t = this._showSelectionTools ? JSON.parse(JSON.stringify(this.selectionTools)) : JSON.parse(JSON.stringify(this.toolOrder));
+  _updateTools(t) {
+    const e = this._showSelectionTools ? JSON.parse(JSON.stringify(this.selectionTools)) : JSON.parse(JSON.stringify(this.toolOrder));
     this._hasFloorInfo = this.mapView?.map?.floorInfo;
-    const s = t.indexOf("floorfilter");
-    s > -1 && !this._hasFloorInfo && t.splice(s, 1);
+    const s = e.indexOf("floorfilter");
+    s > -1 && !this._hasFloorInfo && e.splice(s, 1);
     const i = this.mapWidgetsSize === "s" ? 32 : this.mapWidgetsSize === "m" ? 40 : 48;
-    let o = 110;
-    this.isMobile && (this.enableMapPicker || this.enableMapLayerPicker) && (o = 160);
-    const l = Math.ceil((e - o) / i) - 1;
-    l && l !== t.length - 1 ? (this._mapTools = t.slice(0, l), this._ellipsisTools = t.slice(l, t.length)) : (this._mapTools = t, this._ellipsisTools = []);
-  }
-  _getMapWidgets(e) {
-    const t = this._isValidWebMap ? "map" : "exclamation-mark-triangle", s = this.selectedLayer === void 0 ? "exclamation-mark-triangle" : "layers";
-    return e.map((i) => {
+    let l = 110;
+    this.isMobile && (this.enableMapPicker || this.enableMapLayerPicker) && (l = 160);
+    const o = Math.ceil((t - l) / i) - 1;
+    o && o !== e.length - 1 ? (this._mapTools = e.slice(0, o), this._ellipsisTools = e.slice(o, e.length)) : (this._mapTools = e, this._ellipsisTools = []);
+  }
+  _getMapWidgets(t) {
+    const e = this._isValidWebMap ? "map" : "exclamation-mark-triangle", s = this.selectedLayer === void 0 ? "exclamation-mark-triangle" : "layers";
+    return t.map((i) => {
       switch (i) {
         case "legend":
           return this.enableLegend && this.enableSingleExpand ? this._getActionGroup("legend", !1, this._translations.legend, () => this._showLegend()) : this.enableLegend ? this._getWidget(i, this._legendElement.value?.legendRef.value, !0) : void 0;
@@ -152,7 +152,7 @@ class x extends L {
             this._homeComponent?.go();
           }) : void 0;
         case "map-picker":
-          return this.enableMapPicker ? this._getActionGroup(t, !1, "", () => {
+          return this.enableMapPicker ? this._getActionGroup(e, !1, "", () => {
           }, !this._isValidWebMap) : void 0;
         case "map-layer-picker":
           return this.enableMapLayerPicker && this._isValidWebMap ? this._getActionGroup(s, !1, "", () => {
@@ -165,19 +165,19 @@ class x extends L {
   _getFullScreenComponent() {
     return h`<map-fullscreen .mapView=${this.mapView}></map-fullscreen>`;
   }
-  _getActionGroup(e, t, s, i, o, l) {
-    const d = this.mapWidgetsSize === "s" ? "square-32" : this.mapWidgetsSize === "m" ? "square-40" : "square-48", c = this.stackTools ? "" : "margin-bottom-1-2", p = this.stackTools ? "" : "box-shadow";
-    return h`<div class="height-fit-content"><calcite-action alignment=center .indicator=${l} class=${`map-actions ${d} ${c} border-bottom ${p} ${o ? "danger-icon-color" : ""}`} .disabled=${t} .icon=${e} id=${e ?? _} @click=${i} scale=m .text=${s} ${r(this._mapTool)}><calcite-icon aria-hidden=true icon=chevron-up scale=s slot=icon></calcite-icon></calcite-action>${!this.isMobile && s && h`<calcite-tooltip .placement=${this.layout === "vertical" ? "auto" : "bottom"} reference-element=${e ?? _}><span>${s}</span></calcite-tooltip>` || ""}</div>`;
+  _getActionGroup(t, e, s, i, l, o) {
+    const c = this.mapWidgetsSize === "s" ? "square-32" : this.mapWidgetsSize === "m" ? "square-40" : "square-48", p = this.stackTools ? "" : "margin-bottom-1-2", d = this.stackTools ? "" : "box-shadow";
+    return h`<div class="height-fit-content"><calcite-action alignment=center .indicator=${o} class=${`map-actions ${c} ${p} border-bottom ${d} ${l ? "danger-icon-color" : ""}`} .disabled=${e} .icon=${t} id=${t ?? _} @click=${i} scale=m .text=${s} ${r(this._mapTool)}><calcite-icon aria-hidden=true icon=chevron-up scale=s slot=icon></calcite-icon></calcite-action>${!this.isMobile && s && h`<calcite-tooltip .placement=${this.layout === "vertical" ? "auto" : "bottom"} reference-element=${t ?? _}><span>${s}</span></calcite-tooltip>` || ""}</div>`;
   }
-  _getWidget(e, t, s) {
-    if (this._widgets.indexOf(e) < 0 && this.mapView && t) {
-      const i = this.toolOrder.indexOf(e), o = document.createElement("arcgis-expand");
-      o.view = this.mapView, o.appendChild(t);
-      const l = this.enableHome ? 2 : 1;
-      this.mapView.ui.add(s ? o : t, {
+  _getWidget(t, e, s) {
+    if (this._widgets.indexOf(t) < 0 && this.mapView && e) {
+      const i = this.toolOrder.indexOf(t), l = document.createElement("arcgis-expand");
+      l.view = this.mapView, l.appendChild(e);
+      const o = this.enableHome ? 2 : 1;
+      this.mapView.ui.add(s ? l : e, {
         position: this.position,
-        index: i > -1 ? i + l : 1
-      }), this._widgets.push(e);
+        index: i > -1 ? i + o : 1
+      }), this._widgets.push(t);
     }
   }
   _showLegend() {
@@ -198,8 +198,8 @@ class x extends L {
   _onSelectionToolClick() {
     this._showSelectionTools = !this._showSelectionTools, this._showTools = !1, this._toggleEllipsisTools();
   }
-  _toggleSelectionTool(e) {
-    e === "rectangle" ? (this._lassoSelectionToolActive = !1, this._rectangleSelectionToolActive = !this._rectangleSelectionToolActive) : e === "freehandPolygon" && (this._rectangleSelectionToolActive = !1, this._lassoSelectionToolActive = !this._lassoSelectionToolActive), this._selectionToolElement.value?.toggleSelectionTool(e, this._rectangleSelectionToolActive || this._lassoSelectionToolActive);
+  _toggleSelectionTool(t) {
+    t === "rectangle" ? (this._lassoSelectionToolActive = !1, this._rectangleSelectionToolActive = !this._rectangleSelectionToolActive) : t === "freehandPolygon" && (this._rectangleSelectionToolActive = !1, this._lassoSelectionToolActive = !this._lassoSelectionToolActive), this._selectionToolElement.value?.toggleSelectionTool(t, this._rectangleSelectionToolActive || this._lassoSelectionToolActive);
   }
   _toggleTools() {
     this._showTools || (this._showSelectionTools = !1, this._showBasemapWidget = !1, this._showLayersListWidget = !1, this._showSearchWidget = !1, this._showLegendWidget = !1, this._showFloorFilter = !1), this._rectangleSelectionToolActive ? this._toggleSelectionTool("rectangle") : this._lassoSelectionToolActive && this._toggleSelectionTool("freehandPolygon"), this._showTools = !this._showTools, this._toggleEllipsisTools(), this._updateTools(this.parentComponentWidth);

package/dist/components/solution-builder-assistant/customElement.d.ts

@@ -105,6 +105,7 @@ export abstract class SolutionBuilderAssistant extends LitElement {
       deleteFields: string;
       requiredFieldsCannotBeDeleted: string;
       delete: string;
+      deleteField: string;
       stringType: string;
       integerType: string;
       doubleType: string;
@@ -258,6 +259,7 @@ export abstract class SolutionBuilderAssistant extends LitElement {
       deleteFields: string;
       requiredFieldsCannotBeDeleted: string;
       delete: string;
+      deleteField: string;
       stringType: string;
       integerType: string;
       doubleType: string;