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

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.20250613 */
+v1.0.0-next.20250618 */
 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

@@ -3,16 +3,17 @@ import { l as w } from "../../chunks/loadModules.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 { x as g } from "../../chunks/interfaces.js";
 import { defineCustomElements as x } from "@arcgis/instant-apps-components/loader";
 import { u as S } from "../../chunks/useT9n.js";
 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 { LitElement as F, createEvent as _, 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.20250613 */
+v1.0.0-next.20250618 */
 const A = C`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -30,7 +31,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 = 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);
+    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 = _(), this.toggleFilter = _(), this.showDelete = _(), this.relatedRecordToggled = _(), this.editMultipleFeatures = _(), 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 };
@@ -281,7 +282,7 @@ class H extends F {
   _validateEnabledActions() {
     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);
+      i && t.indexOf(i.icon) > -1 && (i.disabled = i.icon === "pencil" ? e < 2 || e > g : e < 1, i.toolTip = i.icon === "pencil" ? e > g ? this._translations.featureEditLimitNotice : this._translations.editMultiple : i.toolTip);
     });
   }
   _validateActiveActions() {
@@ -291,11 +292,11 @@ class H extends F {
     });
   }
   async _initToolInfos() {
-    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";
+    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 > g, 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 _ = await this._queryRelatedFeatures();
-      r = _ && Object.keys(_).length > 0;
+      const f = await this._queryRelatedFeatures();
+      r = f && Object.keys(f).length > 0;
     }
     const d = [];
     l && d.push({
@@ -474,7 +475,7 @@ class H extends F {
             }
             const s = i.layer;
             if (this._checkEditEnabled(s), i.editingEnabled = this._editEnabled && this.enableInlineEdit, i.attachmentsEnabled = this.hasAttachmentsEnabled(s), i.relatedRecordsEnabled = !0, this._relatedFeatureTable = i, typeof i.layer?.id == "string" && i.layer?.fields) {
-              const a = i.layer.popupTemplate?.fieldInfos || i.layer.fields, l = this._getColumnTemplates(i.layer.id, a);
+              const a = i.layer.popupTemplate?.fieldInfos, l = this._getColumnTemplates(i.layer.id, i.layer.fields, a);
               this._relatedFeatureTable.tableTemplate = this.TableTemplate && new this.TableTemplate({
                 columnTemplates: l
               });
@@ -557,7 +558,7 @@ class H extends F {
   }
   _resetColumnTemplates() {
     if (this._layer) {
-      const e = this._layer.popupTemplate?.fieldInfos || this._layer.fields, t = this._getColumnTemplates(this._layer.id, e);
+      const e = this._layer.popupTemplate?.fieldInfos, t = this._getColumnTemplates(this._layer.id, this._layer.fields, e);
       t?.length === 0 ? this._tableNode?.classList.add("display-none") : this._tableNode?.classList.remove("display-none");
       const i = this._table?.tableTemplate?.columnTemplates, s = i && t && i.length !== t.length || t?.some((a, l) => i && i[l] ? JSON.stringify(i[l]) !== JSON.stringify(a) : !1);
       if (this._table && t && (s || !this._columnsInfo)) {
@@ -571,7 +572,7 @@ class H extends F {
   }
   async _resetTable() {
     if (this._loaded = !1, this._clearSelection(), this._allIds = await this.queryAllIds(), !this._table && this._layer) {
-      const e = this._layer.popupTemplate?.fieldInfos || this._layer.fields, t = this._getColumnTemplates(this._layer.id, e);
+      const e = this._layer.popupTemplate?.fieldInfos, t = this._getColumnTemplates(this._layer.id, this._layer.fields, e);
       this._tableNode && await this._getTable(this._tableNode, t);
     } else this._table && (this._table.view = this.mapView, this._table.layer = this._layer);
     await this._initLayerRefresh(), this._checkEditEnabled(this._layer), this._table && (this._table.editingEnabled = this._editEnabled && this.enableInlineEdit, this._table.attachmentsEnabled = this.hasAttachmentsEnabled(this._layer), this._table.relatedRecordsEnabled = !0, await this._table.when(), setTimeout(() => {
@@ -799,23 +800,27 @@ class H extends F {
     }
     this._creatingFeature = !1, this._fetchingData = !1;
   }
-  _getColumnTemplates(e, t) {
-    let i;
-    this.mapInfo?.layerOptions?.layers.some((n) => n.id === e ? (i = n, !0) : !1);
-    const s = this._layer?.attributeTableTemplate?.elements;
-    let a = [];
-    s?.length > 0 && this.honorMapFieldSettings && (a = s.map((n) => n.fieldName));
-    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 d = "fieldName" in r ? r.fieldName : r.name, _ = "label" in r ? r.label : r.alias, g = {
+  _getColumnTemplates(e, t, i) {
+    let s;
+    this.mapInfo?.layerOptions?.layers.some((r) => r.id === e ? (s = r, !0) : !1);
+    const a = this._layer?.attributeTableTemplate?.elements;
+    let l = [];
+    a?.length > 0 && this.honorMapFieldSettings && (l = a.map((r) => r.fieldName));
+    const h = s?.fields && s?.fieldOrder ? s.fieldOrder.filter((r) => s?.fields && s.fields.indexOf(r) > -1) : l.length > 0 ? l : void 0;
+    let n;
+    return t && (n = t.reduce((r, d) => {
+      const f = {
         type: "field",
-        fieldName: d,
-        label: _,
-        menuConfig: this._getMenuConfig(d || "")
+        fieldName: d.name,
+        label: this.getFieldLabel(d, i),
+        menuConfig: this._getMenuConfig(d.name)
       };
-      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 : [];
+      return s && s.fields && s?.fields?.length > 0 ? s.fields.indexOf(d.name) > -1 && r.push(f) : l.length > 0 ? l.indexOf(d.name) > -1 && r.push(f) : r.push(f), r;
+    }, [])), n ? h ? n?.sort(this._sortFields.bind(this, h)) : n : [];
+  }
+  getFieldLabel(e, t) {
+    let i = e.alias ? e.alias : e.name;
+    return t?.some((s) => s.fieldName === e.name ? (i = s.label, !0) : !1), i || e.name;
   }
   _sortFields(e, t, i) {
     return e?.indexOf(t.fieldName) - e.indexOf(i.fieldName);

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

@@ -1,17 +1,18 @@
-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 { c as b } from "../../chunks/runtime.js";
+import { l as y } from "../../chunks/loadModules.js";
+import { x as c } from "../../chunks/interfaces.js";
+import { joinAppProxies as _ } from "templates-common-library/functionality/proxy";
+import { g, b as I } from "../../chunks/mapViewUtils.js";
+import { u as v } from "../../chunks/useT9n.js";
+import { html as o, nothing as m } from "lit";
 import { createRef as n, ref as h } from "lit-html/directives/ref.js";
-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";
+import { LitElement as $, createEvent as r, noShadowRoot as w, safeClassMap as f } from "@arcgis/lumina";
+import { css as L } from "@lit/reactive-element/css-tag.js";
+import { defineCustomElements as M } 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.20250613 */
-const M = w`@layer{/** @license
+v1.0.0-next.20250618 */
+const S = L`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -26,18 +27,18 @@ const M = w`@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 S extends v {
+class T extends $ {
   constructor() {
-    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);
+    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 = v({ 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, M(window);
   }
   static {
     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 = M;
+    this.styles = S;
   }
   static {
-    this.shadowRootOptions = $;
+    this.shadowRootOptions = w;
   }
   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();
@@ -89,7 +90,7 @@ class S extends v {
   }
   render() {
     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>`;
+    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=${f(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,7 +99,7 @@ class S extends v {
     this._mapDiv.value && this._mapSizeObserver?.observe(this._mapDiv.value), this._updateShareUrl();
   }
   async _initModules() {
-    const [e, i, s, t] = await b([
+    const [e, i, s, t] = await y([
       "esri/WebMap",
       "esri/views/MapView",
       "esri/widgets/Home",
@@ -114,7 +115,7 @@ class S extends v {
       const l = this.WebMap && new this.WebMap({
         portalItem: { id: a }
       });
-      this.appProxies && l && this.esriConfig && (await l.load(), await y(l, this.esriConfig, this.appProxies)), this.mapView = this.MapView && new this.MapView({
+      this.appProxies && l && this.esriConfig && (await l.load(), await _(l, this.esriConfig, this.appProxies)), this.mapView = this.MapView && new this.MapView({
         container: this._mapDiv.value,
         map: l,
         resizeAlign: "center"
@@ -135,13 +136,13 @@ class S extends v {
   }
   _getMapLayerPicker() {
     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>`;
+    return o`${!this.isMobile && o`<div slot=${e ?? m}><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>`;
+    return o`<div slot=header-content><calcite-action-bar class=${f("display-flex")} expand-disabled expanded id=${this._getId("bar") ?? m} layout=horizontal><calcite-action-group>${this.isMapLayout ? this._getActions() : void 0}</calcite-action-group></calcite-action-bar></div>`;
   }
   _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) => {
+    return o`<div class="share-action" id=${this._getId(e) ?? m}>${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", `map-${e}`, this._translations?.share)}</div>`;
   }
@@ -153,7 +154,7 @@ class S 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.selectedFeaturesIds.length < 2 || this.selectedFeaturesIds.length > 2e3, s = this.featureSelectionMode === "multiple" && this.selectedLayer?.capabilities?.operations.supportsUpdate, t = [];
+    const e = this.selectedFeaturesIds.length > 0, i = this.selectedFeaturesIds.length < 2 || this.selectedFeaturesIds.length > c, s = this.featureSelectionMode === "multiple" && this.selectedLayer?.capabilities?.operations.supportsUpdate, t = [];
     t.push({
       active: !1,
       icon: "filter",
@@ -203,9 +204,9 @@ class S extends v {
     });
   }
   _validateEnabledActions() {
-    const e = this.selectedFeaturesIds.length > 0, i = this.selectedFeaturesIds.length < 2 || this.selectedFeaturesIds.length > 2e3, s = ["zoom-to-object", "pencil", "erase"];
+    const e = this.selectedFeaturesIds.length > 0, i = this.selectedFeaturesIds.length < 2 || this.selectedFeaturesIds.length > c, 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);
+      t && s.indexOf(t.icon) > -1 && (t.disabled = t.icon === "pencil" ? i : !e, t.toolTip = t.icon === "pencil" ? this.selectedFeaturesIds.length > c ? this._translations.featureEditLimitNotice : this._translations.editMultiple : t.toolTip);
     });
   }
   _handleDocumentClick(e) {
@@ -213,8 +214,8 @@ class S extends v {
   }
   async _zoom() {
     if (this.selectedLayer && this.mapView) {
-      const e = await _(this.mapView, this.selectedLayer.id);
-      e && await g(this.selectedFeaturesIds, e, this.mapView, !0, void 0, this.zoomToScale);
+      const e = await g(this.mapView, this.selectedLayer.id);
+      e && await I(this.selectedFeaturesIds, e, this.mapView, !0, void 0, this.zoomToScale);
     }
   }
   async _toggleFilter() {
@@ -231,14 +232,14 @@ class S extends v {
     return o`<calcite-tooltip .placement=${e} .referenceElement=${i}><span>${s}</span></calcite-tooltip>`;
   }
   _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)}`;
+    const u = this.selectedLayer === void 0 ? !0 : d;
+    return o`<calcite-action .active=${e} appearance=solid .disabled=${u} .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}`;
   }
 }
-u("map-card", S);
+b("map-card", T);
 export {
-  S as MapCard
+  T as MapCard
 };

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.20250613 */
+v1.0.0-next.20250618 */
 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.20250613 */
+v1.0.0-next.20250618 */
 const o = h`/** @license
  * Copyright 2025 Esri
  *

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

@@ -8,7 +8,7 @@ import { LitElement as g, createEvent as n, noShadowRoot as L, safeStyleMap as c
 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.20250613 */
+v1.0.0-next.20250618 */
 const v = w`@layer{/** @license
  * Copyright 2025 Esri
  *

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.20250613 */
+v1.0.0-next.20250618 */
 const o = d`/**
  * @license
  * Copyright 2025 Esri

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

@@ -6,7 +6,7 @@ import { LitElement as m, createEvent as l, safeClassMap as f, safeStyleMap as b
 import { css as u } 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.20250613 */
+v1.0.0-next.20250618 */
 const g = u`/** @license
  * Copyright 2025 Esri
  *

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.20250613 */
+v1.0.0-next.20250618 */
 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.20250613 */
+v1.0.0-next.20250618 */
 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.20250613 */
+v1.0.0-next.20250618 */
 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.20250613 */
+v1.0.0-next.20250618 */
 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.20250613 */
+v1.0.0-next.20250618 */
 const u = [
   {
     descriptionPDF: {

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

@@ -11,7 +11,7 @@ import { LitElement as L, 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.20250613 */
+v1.0.0-next.20250618 */
 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.20250613 */
+v1.0.0-next.20250618 */
 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.20250613 */
+v1.0.0-next.20250618 */
 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.20250613 */
+v1.0.0-next.20250618 */
 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.20250613 */
+v1.0.0-next.20250618 */
 const b = v`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-configure-dialog/customElement.d.ts

@@ -1,5 +1,14 @@
 /// <reference types="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
+import { ITemplateInfo } from '../../utils/interfaces';
 
 export declare class SolutionConfigureDialog extends LitElement {
+    /**
+     * boolean: when true the dialog is open
+     *
+     * @default false
+     */
+    open: boolean;
+    /** ITemplateInfo[]: Collection of template infos */
+    templateInfos: ITemplateInfo[];
 }

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

@@ -1,12 +1,12 @@
-import { c as e } from "../../chunks/runtime.js";
+import { c as l } from "../../chunks/runtime.js";
 import { html as t } from "lit-html";
-import { u as i } from "../../chunks/useT9n.js";
-import { LitElement as s, noShadowRoot as o } from "@arcgis/lumina";
-import { css as n } from "@lit/reactive-element/css-tag.js";
+import { u as c } from "../../chunks/useT9n.js";
+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.20250613 */
-const r = n`@layer{/** @license
+v1.0.0-next.20250618 */
+const u = d`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -20,25 +20,53 @@ const r = n`@layer{/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */}`;
-class a extends s {
+ */.minor-card{width:200px}.center{justify-content:center;align-items:center}.font-weight-semibold{font-weight:var(--calcite-font-weight-semibold)}.display-flex{display:flex}.flex-direction-column{flex-direction:column}.flex-direction-row{flex-direction:row}.icon-color{color:var(--calcite-color-text-3)}.font-weight-normal{font-weight:var(--calcite-font-weight-normal)}.font-weight-medium{font-weight:var(--calcite-font-weight-medium)}.no-space{--calcite-label-margin-bottom: 0px}.font-color{color:red}.padding-end-1-2{padding-inline-end:.5rem}.padding-end-1{padding-inline-end:1rem}.padding-bottom-1{padding-bottom:1rem}.edit-button-position{position:absolute;right:1rem}html[dir=rtl] .edit-button-position{position:absolute;left:1rem}.max-width-20{max-width:20vw}.max-width-35{max-width:35vw}.max-width-40{max-width:40vw}.btn-center{width:100%;display:grid;place-items:center}`;
+class h extends r {
   constructor() {
-    super(...arguments), this._translations = i({ name: "solution-configure-dialog", blocking: !0 });
+    super(...arguments), this.open = !1, this.templateInfos = [], this._translations = c({ name: "solution-configure-dialog", blocking: !0 }), this._typeKeywords = [];
   }
   static {
-    this.properties = { _translations: 16 };
+    this.properties = { open: 5, templateInfos: 0, _translations: 16 };
   }
   static {
-    this.styles = r;
-  }
-  static {
-    this.shadowRootOptions = o;
+    this.styles = u;
   }
   render() {
-    return t`<calcite-panel></calcite-panel>`;
+    return t`<calcite-dialog heading="heading goes here" .open=${this.open} width=l><div class="display-flex flex-direction-column"><div class="display-flex flex-direction-row padding-bottom-1"><calcite-card-group label>${this._getStartHereCard()}${this._getDiagramCard()}${this._getSolutionCard()}${this._getSolutionVersionCard()}</calcite-card-group></div>${this._getSolutionContents()}</div><div slot=footer-start></div><calcite-button appearance=outline @click=${this._close} slot=footer-end>${this._translations.closeTheDialog}</calcite-button></calcite-dialog>`;
+  }
+  _getDiagramCard() {
+    return this._getBasicCard(this._translations.diagramOfTheSolution, this._translations.diagramSubText, "model", this._translations.openTheDiagram, "outline");
+  }
+  _getStartHereCard() {
+    return this._getBasicCard(this._translations.startHere, this._translations.startHereSubText, "file-text", this._translations.openTheDiagram, "solid");
+  }
+  _getSolutionVersionCard() {
+    return this._getBasicCard(this._translations.solutionVersion, this._translations.youHaveTheLatestVersion, "check-shield", void 0, void 0, "Version 3.2");
+  }
+  _getBasicCard(a, n, o, e, s, i) {
+    return t`<calcite-card class="minor-card max-width-20"><span class="font-weight-medium" slot=heading>${a}</span><div class="display-flex center"><div class="display-flex flex-direction-column center"><calcite-icon class="icon-color" .icon=${o} scale=l></calcite-icon>${i ? t`<span class="font-weight-medium">${i}</span>` : ""}<p>${n}</p></div></div>${e ? t`<div class="btn-center" slot=footer-start><calcite-button .appearance=${s} kind=brand>${e}</calcite-button></div>` : ""}</calcite-card>`;
+  }
+  _getSolutionCard() {
+    return t`<calcite-card class="max-width-40"><calcite-label class="font-weight-medium" scale=l slot=heading>${this._translations.aboutYourSolution}</calcite-label><div class="display-flex flex-direction-column"><calcite-label class="font-weight-medium no-space" layout=inline>${this._translations.aboutYourSolutionName}<span class="font-weight-normal">\r\n              Citizen Problem Reporter</span><calcite-button appearance=transparent class="edit-button-position" icon-start=pencil @click=${this._editName} kind=neutral></calcite-button></calcite-label><calcite-label class="font-weight-medium no-space" layout=inline>${this._translations.aboutYourSolutionSummary}<p class="font-weight-normal">\r\n              Citizen Problem Reporter</p><calcite-button appearance=transparent class="edit-button-position" icon-start=pencil @click=${this._editSummary} kind=neutral></calcite-button></calcite-label><div class="display-flex"><calcite-label class="font-weight-medium no-space padding-end-1" layout=inline>${this._translations.aboutYourSolutionOwner}<span class="font-weight-normal">\r\n                AlixSolutions</span></calcite-label><div class="display-flex"><calcite-label class="no-space icon-color" layout=inline><calcite-icon class="icon-color" icon=projects scale=s></calcite-icon>\r\n                Deployed 6/01/24</calcite-label></div></div></div><div slot=footer-start><calcite-button appearance=outline class="padding-end-1" icon-start=arrow-up-down kind=brand @click=${this._showChangeOwner}>${this._translations.changeOwner}</calcite-button><calcite-button appearance=outline class="padding-end-1" icon-start=share kind=brand @click=${this._showItemDetails}>${this._translations.itemDetails}</calcite-button></div><calcite-button appearance=outline icon-start=trash kind=brand @click=${this._deleteSolution} slot=footer-end>${this._translations.deleteSolution}</calcite-button></calcite-card>`;
+  }
+  _getSolutionContents() {
+    return t`<div><calcite-label class="font-weight-medium" layout=inline scale=l>${this._translations.solutionsContentsAndCount.replace("{{numberOfSolutions}}", this.templateInfos.length.toString())}<calcite-button appearance=outline icon-start=pencil kind=brand>${this._translations.updateTitles}</calcite-button></calcite-label><solution-item-accordion list-selection-mode=single .templateInfos=${this.templateInfos} .typeKeywords=${this._typeKeywords}></solution-item-accordion></div>`;
+  }
+  _deleteSolution() {
+  }
+  _showItemDetails() {
+  }
+  _showChangeOwner() {
+  }
+  _editSummary() {
+  }
+  _editName() {
+  }
+  _close() {
+    this.open = !1;
   }
 }
-e("solution-configure-dialog", a);
+l("solution-configure-dialog", h);
 export {
-  a as SolutionConfigureDialog
+  h as SolutionConfigureDialog
 };

package/dist/components/solution-configure-dialog/index.d.ts

@@ -1,2 +1,8 @@
-import "@esri/calcite-components/components/calcite-panel";
+import "@esri/calcite-components/components/calcite-dialog";
+import "@esri/calcite-components/components/calcite-card-group";
+import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-card";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-label";
+import "../solution-item-accordion/index.js";
 export * from "./customElement.js";

package/dist/components/solution-configure-dialog/index.js

@@ -1,2 +1,8 @@
-import "@esri/calcite-components/components/calcite-panel";
+import "@esri/calcite-components/components/calcite-dialog";
+import "@esri/calcite-components/components/calcite-card-group";
+import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-card";
+import "@esri/calcite-components/components/calcite-icon";
+import "@esri/calcite-components/components/calcite-label";
+import "../solution-item-accordion/index.js";
 export * from "./customElement.js";