@esri/solutions-components 1.0.0-next.20250529.1 → 1.0.0-next.20250530

package/dist/components/feature-list/customElement.js

@@ -1,15 +1,15 @@
-import { c as g } from "../../chunks/runtime.js";
-import { l as m } from "../../chunks/loadModules.js";
-import { P as y } from "../../chunks/popupUtils.js";
-import { d as u, g as c, c as w } from "../../chunks/mapViewUtils.js";
-import { u as _ } from "../../chunks/useT9n.js";
-import { html as l, nothing as x } from "lit";
+import { c as m } from "../../chunks/runtime.js";
+import { l as y } from "../../chunks/loadModules.js";
+import { P as w } from "../../chunks/popupUtils.js";
+import { d as u, g as c, c as _ } from "../../chunks/mapViewUtils.js";
+import { u as x } from "../../chunks/useT9n.js";
+import { html as l, nothing as L } from "lit";
 import { createRef as f, ref as d } from "lit-html/directives/ref.js";
-import { LitElement as L, createEvent as I, noShadowRoot as F, safeClassMap as v, safeStyleMap as b } from "@arcgis/lumina";
+import { LitElement as I, createEvent as g, noShadowRoot as F, safeClassMap as v, safeStyleMap as b } from "@arcgis/lumina";
 import { css as S } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250529.1 */
+v1.0.0-next.20250530 */
 const E = S`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -25,9 +25,9 @@ const E = S`@layer{/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{display:block}.width-full{width:100%}.pagination{display:flex;justify-content:center}.notice-msg{padding:10px;width:calc(100% - 20px)}.feature-list-popup-title{font-weight:500}.feature-list-popup-title-small{font-size:small}.feature-list-popup-title-small-ellipsis{font-size:small;white-space:nowrap!important;text-overflow:ellipsis;overflow:hidden}.popup-title{padding:0 5px;word-break:break-word}.profile-img{margin:0 5px;min-width:32px}.like-container{display:flex;align-items:center;gap:5px;color:gray!important;font-style:italic}.feature-symbol{padding:0 3px;min-width:30px;display:flex;justify-content:center}.search{padding:10px;background-color:var(--calcite-color-foreground-1)!important;border-block-end:1px solid var(--calcite-color-border-3)}}`;
-class C extends L {
+class C extends I {
   constructor() {
-    super(...arguments), this.selectedLayerId = "", this.noFeaturesFoundMsg = "", this.pageSize = 100, this.highlightOnMap = !1, this.highlightOnHover = !1, this.textSize = "large", this.showInitialLoading = !0, this.showErrorWhenNoFeatures = !0, this.showUserImageInList = !1, this.showFeatureSymbol = !1, this.applyLayerViewFilter = !1, this.showFullTitle = !0, this.filterByMapExtent = !1, this._featureItems = [], this._featuresCount = 0, this._isLoading = !1, this._searchPlaceHolder = "", this._fullTextSearchInfo = [], this._translations = _({ name: "feature-list", blocking: !0 }), this._pagination = f(), this._calciteList = f(), this._validFieldTypes = ["small-integer", "integer", "big-integer", "single", "long"], this._abbreviatedLikeCount = "", this._likeFieldAvailable = !1, this._searchExpression = "", this.featureSelect = I();
+    super(...arguments), this.selectedLayerId = "", this.noFeaturesFoundMsg = "", this.pageSize = 100, this.highlightOnMap = !1, this.highlightOnHover = !1, this.textSize = "large", this.showInitialLoading = !0, this.showErrorWhenNoFeatures = !0, this.showUserImageInList = !1, this.showFeatureSymbol = !1, this.applyLayerViewFilter = !1, this.showFullTitle = !0, this.filterByMapExtent = !1, this._featureItems = [], this._featuresCount = 0, this._isLoading = !1, this._searchPlaceHolder = "", this._fullTextSearchInfo = [], this._translations = x({ name: "feature-list", blocking: !0 }), this._pagination = f(), this._calciteList = f(), this._validFieldTypes = ["small-integer", "integer", "big-integer", "single", "long"], this._abbreviatedLikeCount = "", this._likeFieldAvailable = !1, this._searchExpression = "", this.featureClick = g(), this.featureSelect = g();
   }
   static {
     this.properties = { selectedLayerId: 1, mapView: 0, noFeaturesFoundMsg: 1, pageSize: 9, highlightOnMap: 5, highlightOnHover: 5, sortingInfo: 0, whereClause: 1, textSize: 1, showInitialLoading: 5, showErrorWhenNoFeatures: 5, showUserImageInList: 5, showFeatureSymbol: 5, applyLayerViewFilter: 5, reportingOptions: 0, showFullTitle: 5, filterByMapExtent: 5, _featureItems: 16, _featuresCount: 16, _isLoading: 16, _searchPlaceHolder: 16, _fullTextSearchInfo: 16, _translations: 16 };
@@ -64,7 +64,7 @@ class C extends L {
     } else this._searchExpression ? await this._searchFullText() : await this.initializeFeatureItems();
   }
   async load() {
-    await this.initModules(), this._isLoading = !!this.showInitialLoading, this._popupUtils = new y(), this.mapView && this.selectedLayerId && (this._selectedLayer = await u(this.mapView, this.selectedLayerId), this._getFullTextSearchInfo()), this.filterByMapExtent && this.initializeMapExtentFilter();
+    await this.initModules(), this._isLoading = !!this.showInitialLoading, this._popupUtils = new w(), this.mapView && this.selectedLayerId && (this._selectedLayer = await u(this.mapView, this.selectedLayerId), this._getFullTextSearchInfo()), this.filterByMapExtent && this.initializeMapExtentFilter();
   }
   async loaded() {
     await this.initializeFeatureItems();
@@ -74,7 +74,7 @@ class C extends L {
     return l`<calcite-panel>${e && l`<calcite-input class=search clearable icon=search @calciteInputChange=${this._searchTextChanged} .placeholder=${this._searchPlaceHolder} title type=search></calcite-input>` || ""}${this._isLoading && l`<calcite-loader label scale=m></calcite-loader>` || ""}${this.showErrorWhenNoFeatures && this._featureItems.length === 0 && !this._isLoading && l`<calcite-notice class="notice-msg" icon=feature-details kind=info open><div slot=message>${this.filterByMapExtent ? this._translations.featureErrorMsgInCurrentMapView : this.noFeaturesFoundMsg ? this.noFeaturesFoundMsg : this._translations.featureErrorMsg}</div></calcite-notice>` || ""}<calcite-list class=${v(this.textSize === "small" && !this.showFullTitle ? "overflow-hidden" : "")} label selection-appearance=border selection-mode=none ${d(this._calciteList)}>${!this._isLoading && this._featureItems.length > 0 && l`<div>${this.filterByMapExtent && this.getExtentNotice() || ""}${this._featureItems}</div>` || ""}</calcite-list>${this.pageSize && this._featuresCount > this.pageSize && l`<div class="width-full" slot=footer><calcite-pagination class="pagination" @calcitePaginationChange=${this.pageChanged} .pageSize=${this.pageSize} start-item=1 .totalItems=${this._featuresCount} ${d(this._pagination)}></calcite-pagination></div>` || ""}</calcite-panel>`;
   }
   async initModules() {
-    const [e, t, i, s] = await m([
+    const [e, t, i, s] = await y([
       "esri/Color",
       "esri/config",
       "esri/symbols/support/symbolUtils",
@@ -167,9 +167,9 @@ class C extends L {
     this._searchExpression = "";
   }
   async featureClicked(e, t) {
-    if (this.clearHighlights(), this.highlightOnMap) {
+    if (this.featureClick.emit(), this.clearHighlights(), this.highlightOnMap) {
       const i = Number(e.target.value), s = this.mapView && await c(this.mapView, this.selectedLayerId);
-      this._highlightHandle = s && this.mapView ? await w([i], s, this.mapView, !0) : void 0;
+      this._highlightHandle = s && this.mapView ? await _([i], s, this.mapView, !0) : void 0;
     }
     await this.emitSelectedFeature(t);
   }
@@ -212,9 +212,9 @@ class C extends L {
   }
   async createFeatureItem(e) {
     const t = e?.features, i = this.reportingOptions && this.reportingOptions[this.selectedLayerId].like, s = t.map(async (a) => {
-      const r = this.mapView?.map && await this._popupUtils?.getPopupTitle(a, this.mapView.map);
+      const r = this.mapView?.map && await this._popupUtils?.getPopupTitle(a, this.mapView.map) || "";
       let n, o;
-      return this.showUserImageInList && this._selectedLayer?.editFieldsInfo?.creatorField && (n = await this.getUserInformation(a)), this.showFeatureSymbol && (o = await this.getFeatureSymbol(a)), i && this.getAbbreviatedLikeCount(a), r && this.getFeatureItem(a, r, o, n);
+      return this.showUserImageInList && this._selectedLayer?.editFieldsInfo?.creatorField && (n = await this.getUserInformation(a)), this.showFeatureSymbol && (o = await this.getFeatureSymbol(a)), i && this.getAbbreviatedLikeCount(a), this.getFeatureItem(a, r, o, n);
     });
     return Promise.all(s);
   }
@@ -229,13 +229,13 @@ class C extends L {
         if (this._validFieldTypes.indexOf(s.type) > -1 && s.name === i && this.reportingOptions && this.reportingOptions[t.id].like) {
           this._likeFieldAvailable = !0;
           let a = e.attributes[i] || 0;
-          a > 999 && this._translations.millions_value && this._translations.thousands_value && (a = a > 999999 ? this._translations.millions_value.replace("{{abbreviated_value}}", Math.floor(a / 1e6).toString()) : this._translations.thousands_value.replace("{{abbreviated_value}}", Math.floor(a / 1e3).toString())), this._abbreviatedLikeCount = a;
+          a > 999 && this._translations.millions_value && this._translations.thousands_value && (a = a > 999999 ? this._translations.millions_value.replace("{{millions_value}}", Math.floor(a / 1e6).toString()) : this._translations.thousands_value.replace("{{thousands_value}}", Math.floor(a / 1e3).toString())), this._abbreviatedLikeCount = a;
         }
       });
     }
   }
   getFeatureItem(e, t, i, s) {
-    if (this._selectedLayer?.id && this._calciteList.value && this.reportingOptions) {
+    if (this._selectedLayer?.id && this._calciteList.value) {
       const a = e.attributes[this._selectedLayer.objectIdField].toString();
       t = t ?? a;
       const r = Number(e.attributes[this.reportingOptions?.[this._selectedLayer.id].likeField || ""]).toLocaleString(), n = this.textSize === "small" && !this.showFullTitle ? "feature-list-popup-title-small-ellipsis" : this.textSize === "small" ? "feature-list-popup-title-small" : "feature-list-popup-title", o = this.showUserImageInList ? 115 : 65, p = this._calciteList.value.offsetWidth - o;
@@ -245,7 +245,7 @@ class C extends L {
         this.onFeatureHover(e);
       }} @calciteListItemSelect=${(h) => {
         this.featureClicked(h, e);
-      }} .value=${a}>${this.showUserImageInList && l`<calcite-avatar class=profile-img .fullName=${s?.fullName} scale=m slot=content-start .thumbnail=${s?.userProfileUrl} .userId=${s?.id} .username=${s?.fullName ? s.username : void 0}></calcite-avatar>` || ""}${this.showFeatureSymbol && i && l`<div class=feature-symbol slot=content-start ${d((h) => h && h.replaceChildren(i))}></div>` || ""}<div class=${`popup-title ${n}`} slot=content-start style=${b({ maxWidth: this.textSize === "large" ? "none" : `${p}px` })}>${t}</div>${this._likeFieldAvailable && l`<div class=like-container id=${a.concat("like") ?? x} slot=content-end><span>${this._abbreviatedLikeCount}</span><calcite-icon icon=thumbs-up scale=s></calcite-icon><calcite-tooltip overlay-positioning=fixed placement=top .referenceElement=${a.concat("like")}>${r}</calcite-tooltip></div>` || ""}<calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item>`;
+      }} .value=${a}>${this.showUserImageInList && l`<calcite-avatar class=profile-img .fullName=${s?.fullName} scale=m slot=content-start .thumbnail=${s?.userProfileUrl} .userId=${s?.id} .username=${s?.fullName ? s.username : void 0}></calcite-avatar>` || ""}${this.showFeatureSymbol && i && l`<div class=feature-symbol slot=content-start ${d((h) => h && h.replaceChildren(i))}></div>` || ""}<div class=${`popup-title ${n}`} slot=content-start style=${b({ maxWidth: this.textSize === "large" ? "none" : `${p}px` })}>${t}</div>${this._likeFieldAvailable && l`<div class=like-container id=${a.concat("like") ?? L} slot=content-end><span>${this._abbreviatedLikeCount}</span><calcite-icon icon=thumbs-up scale=s></calcite-icon><calcite-tooltip overlay-positioning=fixed placement=top .referenceElement=${a.concat("like")}>${r}</calcite-tooltip></div>` || ""}<calcite-icon flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item>`;
     } else
       return;
   }
@@ -277,7 +277,7 @@ class C extends L {
     }), t;
   }
 }
-g("feature-list", C);
+m("feature-list", C);
 export {
   C as FeatureList
 };

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

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

package/dist/components/floor-filter/customElement.js

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

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

@@ -7,7 +7,7 @@ import { LitElement as m, createEvent as r, noShadowRoot as v, safeStyleMap as y
 import { css as $ } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250529.1 */
+v1.0.0-next.20250530 */
 const x = $`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/json-editor/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as u, noShadowRoot as p, nothing as s } from "@arcgis/lumina
 import { css as f } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250529.1 */
+v1.0.0-next.20250530 */
 const _ = f`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -7,7 +7,7 @@ import { LitElement as L, createEvent as c, noShadowRoot as w } from "@arcgis/lu
 import { css as g } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250529.1 */
+v1.0.0-next.20250530 */
 async function _(o, e) {
   const { api: s = 4, type: t = "decimal", places: i = 2 } = e || {};
   if (s === 4) {

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

@@ -12,7 +12,7 @@ import { css as A } 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.20250529.1 */
+v1.0.0-next.20250530 */
 const H = A`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -10,7 +10,7 @@ import { css as v } from "@lit/reactive-element/css-tag.js";
 import { defineCustomElements as $ } from "@arcgis/instant-apps-components/loader";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250529.1 */
+v1.0.0-next.20250530 */
 const L = v`@layer{/** @license
  * Copyright 2025 Esri
  *

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

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

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

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

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

@@ -3,12 +3,12 @@ import { d as b, e as _, f as u } from "../../chunks/mapViewUtils.js";
 import { s as p } from "../../chunks/publicNotificationStore.js";
 import { u as g } from "../../chunks/useT9n.js";
 import { html as a, nothing as l } from "lit";
-import { createRef as h, ref as d } from "lit-html/directives/ref.js";
-import { LitElement as f, createEvent as o, noShadowRoot as L, safeStyleMap as c, safeClassMap as y } from "@arcgis/lumina";
+import { createRef as o, ref as d } from "lit-html/directives/ref.js";
+import { LitElement as f, createEvent as n, noShadowRoot as L, safeStyleMap as c, safeClassMap as y } from "@arcgis/lumina";
 import { css as w } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250529.1 */
+v1.0.0-next.20250530 */
 const v = w`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -26,7 +26,7 @@ const v = w`@layer{/** @license
  */:host{display:block}.map-layer-picker-container{width:100%;align-items:center}.map-layer-picker{position:relative;width:100%;display:inline-block}.padding-bottom-1{padding-bottom:1rem}.layer-picker-dropdown{height:100%;width:100%}.max-width-350{max-width:350px}.height-100{height:100%}.disabled{cursor:default!important;user-select:none;opacity:var(--calcite-opacity-disabled);pointer-events:none}.no-bottom-margin{--calcite-label-margin-bottom: 0px}.layer-picker-label-container{align-items:center;display:inline-flex;height:100%;padding-inline-start:1rem;padding-inline-end:1rem}.padding-start-1{padding-inline-start:1rem}.cursor-default{cursor:default}.popover-list{overflow:auto;width:250px}}`;
 class I extends f {
   constructor() {
-    super(...arguments), this.appearance = "transparent", this.defaultLayerId = "", this.display = "inline-block", this.enabledLayerIds = [], this.enabledTableIds = [], this.isMobile = !1, this.showOnlyUpdatableLayers = !1, this.placeholderIcon = "", this.selectedIds = [], this.scale = "m", this.showTables = !1, this.showTablesDisabled = !1, this.showSingleLayerAsLabel = !1, this.type = "select", this.showLayersListInPopover = !1, this.referenceElement = "", this.force = !1, this._hasMultipleLayers = !0, this._hasValidLayers = !0, this._isDropdownOpen = !1, this.ids = [], this.selectedName = "", this._translations = g({ name: "map-layer-picker", blocking: !0 }), this.defaultLayerHonored = !1, this._layerSelectElement = h(), this._layerComboboxElement = h(), this._skipEditCheck = !1, this._popover = h(), this.beforeLayerSelectionChange = o(), this.idsFound = o(), this.noLayersFound = o(), this.layerSelectionChange = o();
+    super(...arguments), this.appearance = "transparent", this.defaultLayerId = "", this.display = "inline-block", this.enabledLayerIds = [], this.enabledTableIds = [], this.isMobile = !1, this.showOnlyUpdatableLayers = !1, this.placeholderIcon = "", this.selectedIds = [], this.scale = "m", this.showTables = !1, this.showTablesDisabled = !1, this.showSingleLayerAsLabel = !1, this.type = "select", this.showLayersListInPopover = !1, this.referenceElement = "", this.force = !1, this._hasMultipleLayers = !0, this._hasValidLayers = !0, this._isDropdownOpen = !1, this.ids = [], this.selectedName = "", this._translations = g({ name: "map-layer-picker", blocking: !0 }), this.defaultLayerHonored = !1, this._layerSelectElement = o(), this._layerComboboxElement = o(), this._skipEditCheck = !1, this._popover = o(), this.beforeLayerSelectionChange = n(), this.idsFound = n(), this.noLayersFound = n(), this.layerSelectionChange = n();
   }
   static {
     this.properties = { appearance: 1, defaultLayerId: 1, display: 1, enabledLayerIds: 0, enabledTableIds: 0, height: 9, isMobile: 5, mapView: 0, showOnlyUpdatableLayers: 5, placeholderIcon: 1, selectedIds: 0, scale: 1, showTables: 5, showTablesDisabled: 5, showSingleLayerAsLabel: 5, type: 1, showLayersListInPopover: 5, referenceElement: 1, force: 16, _hasMultipleLayers: 16, _hasValidLayers: 16, _isDropdownOpen: 16, ids: 16, selectedName: 16, _translations: 16 };
@@ -41,7 +41,7 @@ class I extends f {
     e.has("mapView") && this.hasUpdated && this.mapViewWatchHandler(), e.has("type") && (this._layerElement = this.type === "select" ? this._layerSelectElement : this._layerComboboxElement);
   }
   async mapViewWatchHandler() {
-    await this._setLayers(), this.ids?.length > 0 ? (this._hasValidLayers = !0, this._hasMultipleLayers = this.ids.length > 1, this._setSelectedLayer(this.ids[0])) : (this._hasValidLayers = !1, this.noLayersFound.emit());
+    await this._setLayers(), this.ids?.length > 0 ? (this._hasValidLayers = !0, this._hasMultipleLayers = this.ids.length > 1, await this._setSelectedLayer(this.ids[0])) : (this._hasValidLayers = !1, this.noLayersFound.emit());
   }
   async setLayerById(e, t = !1) {
     this._skipEditCheck = t, !t || t && e !== this.selectedIds[0] ? this._setSelectedLayer(e) : t && e === this.selectedIds[0] && (this.force = !0, setTimeout(() => {
@@ -55,12 +55,7 @@ class I extends f {
     await this._setSelectedLayer(this.ids[0]);
   }
   async load() {
-    await this._setLayers();
-  }
-  updated() {
-    this._popover.value?.addEventListener("calcitePopoverOpen", () => {
-      this.el.querySelector("calcite-dropdown-item[selected]").setFocus();
-    });
+    await this._setLayers(), this.ids?.length > 0 ? (this._hasValidLayers = !0, this._hasMultipleLayers = this.ids.length > 1, await this._setSelectedLayer(this.ids[0])) : (this._hasValidLayers = !1, this.noLayersFound.emit());
   }
   render() {
     const e = "map-layer-picker";
@@ -72,6 +67,9 @@ class I extends f {
       const e = this.selectedIds.length === 1 ? this.selectedIds[0] : this.ids[0];
       this.type === "select" ? this._layerElement.value && (this._layerElement.value.value = e) : this.type === "dropdown" && (this.selectedName = this._layerNameHash && Object.keys(this._layerNameHash).indexOf(e) > -1 ? this._layerNameHash[e].name : this._tableNameHash && Object.keys(this._tableNameHash).indexOf(e) > -1 ? this._tableNameHash[e].name : "");
     }
+    this._popover.value?.addEventListener("calcitePopoverOpen", () => {
+      this.el.querySelector("calcite-dropdown-item[selected]").setFocus();
+    });
   }
   _getMapLayerPopOver() {
     const e = this.height && this.height > 0 ? { height: `${this.height.toString()}px` } : {};
@@ -112,8 +110,8 @@ class I extends f {
     return this.ids.reduce((e, t) => (this._validLayer(t) ? e.push(this._getItem(t, "layer")) : this._validTable(t) && e.push(this._getItem(t, "table")), e), []);
   }
   _getItem(e, t) {
-    const s = t === "layer" && this._layerNameHash ? this._layerNameHash[e] : this._tableNameHash ? this._tableNameHash[e] : void 0, i = this.showOnlyUpdatableLayers ? s && !s.supportsUpdate : !1, r = s?.name, n = this.selectedIds.indexOf(e) > -1;
-    return this.type === "combobox" ? a`<calcite-combobox-item .disabled=${i} .selected=${n} .textLabel=${r} .value=${e}></calcite-combobox-item>` : this.type === "select" ? a`<calcite-option .disabled=${i} .label=${r} .selected=${n} .value=${e}></calcite-option>` : this.force && n || !this.force ? a`<calcite-dropdown-group class=${y(i ? "disabled" : "")} id=${r ?? l} .selectionMode=${i ? "none" : "single"}><calcite-dropdown-item .disabled=${!!(t === "table" && this.showTablesDisabled)} .iconStart=${t} @click=${i ? void 0 : () => void this._setSelectedLayer(e)} .selected=${n}>${r}</calcite-dropdown-item></calcite-dropdown-group>` : null;
+    const s = t === "layer" && this._layerNameHash ? this._layerNameHash[e] : this._tableNameHash ? this._tableNameHash[e] : void 0, i = this.showOnlyUpdatableLayers ? s && !s.supportsUpdate : !1, r = s?.name, h = this.selectedIds.indexOf(e) > -1;
+    return this.type === "combobox" ? a`<calcite-combobox-item .disabled=${i} .selected=${h} .textLabel=${r} .value=${e}></calcite-combobox-item>` : this.type === "select" ? a`<calcite-option .disabled=${i} .label=${r} .selected=${h} .value=${e}></calcite-option>` : this.force && h || !this.force ? a`<calcite-dropdown-group class=${y(i ? "disabled" : "")} id=${r ?? l} .selectionMode=${i ? "none" : "single"}><calcite-dropdown-item .disabled=${!!(t === "table" && this.showTablesDisabled)} .iconStart=${t} @click=${i ? void 0 : () => void this._setSelectedLayer(e)} .selected=${h}>${r}</calcite-dropdown-item></calcite-dropdown-group>` : null;
   }
   async _setSelectedLayer(e) {
     if (e !== this.selectedIds[0]) {

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

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

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

@@ -31,7 +31,7 @@ export declare class MapPicker extends LitElement {
      */
     referenceElement: string;
     /**
-     * : selected web map
+     * string: The id of the map currently selected
      *
      * @default ''
      */

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

@@ -3,11 +3,11 @@ import { u as c } from "../../chunks/useT9n.js";
 import { html as s } from "lit";
 import { createRef as n, ref as l } from "lit-html/directives/ref.js";
 import { LitElement as h, createEvent as r, safeClassMap as f, safeStyleMap as m } from "@arcgis/lumina";
-import { css as u } from "@lit/reactive-element/css-tag.js";
+import { css as b } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250529.1 */
-const b = u`/** @license
+v1.0.0-next.20250530 */
+const u = b`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -30,7 +30,7 @@ class g extends h {
     this.properties = { mapInfos: 0, isMapLayout: 5, height: 9, showMapListInPopover: 5, referenceElement: 1, selectedWebMapId: 1, _mapListExpanded: 16, _translations: 16 };
   }
   static {
-    this.styles = b;
+    this.styles = u;
   }
   willUpdate(e) {
     e.has("mapInfos") && this.hasUpdated && this.mapInfosWatchHandler(this.mapInfos, e.get("mapInfos")), e.has("selectedWebMapId") && this.hasUpdated && this.selectedWebMapIdWatchHandler(this.selectedWebMapId);
@@ -60,10 +60,7 @@ class g extends h {
   }
   loaded() {
     const e = this._getWebMapInfo();
-    e && this._webMapSelected(e);
-  }
-  updated() {
-    this._popover.value?.addEventListener("calcitePopoverOpen", () => {
+    e && this._webMapSelected(e), this._popover.value?.addEventListener("calcitePopoverOpen", () => {
       (this._list.value?.querySelector("calcite-list-item[selected]")).setFocus();
     });
   }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -5,7 +5,7 @@ import { LitElement as h, createEvent as s, noShadowRoot as l } from "@arcgis/lu
 import { css as n } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250529.1 */
+v1.0.0-next.20250530 */
 const p = n`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-article-card/customElement.js

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

package/dist/components/solution-configuration/customElement.js

@@ -10,7 +10,7 @@ import { LitElement as _, noShadowRoot as g, safeClassMap as I } from "@arcgis/l
 import { css as v } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250529.1 */
+v1.0.0-next.20250530 */
 const b = v`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-configure-panel/customElement.js

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

package/dist/components/solution-configure-titles/customElement.js

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

package/dist/components/solution-contents/customElement.js

@@ -4,7 +4,7 @@ import { LitElement as a, createEvent as l, noShadowRoot as d } from "@arcgis/lu
 import { css as o } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250529.1 */
+v1.0.0-next.20250530 */
 const h = o`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-delete-dialog/customElement.js

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

package/dist/components/solution-deploy-dialog/customElement.js

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

package/dist/components/solution-deploy-panel/customElement.d.ts

@@ -3,6 +3,7 @@ import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/
 import { ITemplateInfo } from '../../utils/interfaces';
 
 export declare class SolutionDeployPanel extends LitElement {
+    /** The solution that will be deployed */
     solutionItem: ITemplateInfo | undefined;
     /**
      * the wkid to match against.

package/dist/components/solution-deploy-panel/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as l, noShadowRoot as r, nothing as n } from "@arcgis/lumina
 import { css as c } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250529.1 */
+v1.0.0-next.20250530 */
 const h = c`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -23,10 +23,10 @@ const h = c`@layer{/** @license
  */.error-icon-color{--calcite-icon-color: var(--calcite-color-status-danger)}.panel-bg-white{--calcite-panel-background-color: var(--calcite-color-foreground-1)}.spacer-top-bottom{padding-top:25px;padding-bottom:25px}}`, d = "3857";
 class p extends l {
   constructor() {
-    super(...arguments), this.solutionItem = void 0, this.wkid = d, this._isFormValid = !0, this._showFailedAlert = !1, this._showAlertNameErrorDescription = "", this._showAlertNameError = !1, this._translations = s({ name: "solution-deploy-panel", blocking: !0 });
+    super(...arguments), this.solutionItem = void 0, this.wkid = d, this._isFormValid = !0, this._showAlertFailed = !1, this._showAlertNameErrorDescription = "", this._showAlertNameError = !1, this._translations = s({ name: "solution-deploy-panel", blocking: !0 });
   }
   static {
-    this.properties = { solutionItem: 0, wkid: 1, _isFormValid: 16, _showFailedAlert: 16, _showAlertNameErrorDescription: 16, _showAlertNameError: 16, _translations: 16 };
+    this.properties = { solutionItem: 0, wkid: 1, _isFormValid: 16, _showAlertFailed: 16, _showAlertNameErrorDescription: 16, _showAlertNameError: 16, _translations: 16 };
   }
   static {
     this.styles = h;
@@ -39,13 +39,13 @@ class p extends l {
     i.open = !1;
   }
   closeAlert() {
-    this._showFailedAlert = !1;
+    this._showAlertFailed = !1;
   }
   deploy() {
     alert("deploy something");
   }
   render() {
-    return e`<calcite-dialog .heading=${this._translations.title.replace("{{solution}}", this.solutionItem?.title ?? "")} id=${this._translations.title.replace("{{solution}}", this.solutionItem?.title ?? "") ?? n} modal open outside-close-disabled><calcite-panel class="panel-bg-white">${this.renderUpdateSolutionName()}<div class="spacer-top-bottom"></div>${this.renderSpatialReferenceSelection()}<calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.cancel}</calcite-button>${this._isFormValid ? e`<calcite-button kind=brand slot=footer-end>${this._translations.deploy}</calcite-button>` : e`<calcite-button kind=brand slot=footer-end disabled>${this._translations.deploy}</calcite-button>`}<calcite-alert icon=exclamation-mark-triangle kind=danger .label=${this._translations.failedToDeploy.replace("{{solution}}", this.solutionItem?.title ?? "")} .open=${this._showFailedAlert} slot=actions><div slot=title>${this._translations.failedToDeploy.replace("{{solution}}", this.solutionItem?.title ?? "")}</div><calcite-action icon=recurrence @click=${() => {
+    return e`<calcite-dialog .heading=${this._translations.title.replace("{{solution}}", this.solutionItem?.title ?? "")} id=${this._translations.title.replace("{{solution}}", this.solutionItem?.title ?? "") ?? n} modal open outside-close-disabled><calcite-panel class="panel-bg-white">${this.renderUpdateSolutionName()}<div class="spacer-top-bottom"></div>${this.renderSpatialReferenceSelection()}<calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.cancel}</calcite-button>${this._isFormValid ? e`<calcite-button kind=brand slot=footer-end>${this._translations.deploy}</calcite-button>` : e`<calcite-button kind=brand slot=footer-end disabled>${this._translations.deploy}</calcite-button>`}<calcite-alert icon=exclamation-mark-triangle kind=danger .label=${this._translations.failedToDeploy.replace("{{solution}}", this.solutionItem?.title ?? "")} .open=${this._showAlertFailed} slot=actions><div slot=title>${this._translations.failedToDeploy.replace("{{solution}}", this.solutionItem?.title ?? "")}</div><calcite-action icon=recurrence @click=${() => {
       this.deploy();
     }} slot=actions-end .text=${this._translations.tryAgain} text-enabled></calcite-action><calcite-action icon=x @click=${this.closeAlert} slot=actions-end .text=${this._translations.close}></calcite-action></calcite-alert></calcite-panel></calcite-dialog>`;
   }

package/dist/components/solution-deployed-card/customElement.js

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

package/dist/components/solution-deploying-panel/customElement.d.ts

@@ -1,5 +1,12 @@
 /// <reference types="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
+import { ITemplateInfo } from '../../utils/interfaces';
 
 export declare class SolutionDeployingPanel extends LitElement {
+    /** The solution that will be deployed */
+    solutionItem: ITemplateInfo | undefined;
+    /** Closes the panel */
+    close(): void;
+    /** Confirm cancel the deployment */
+    confirmCancel(): void;
 }