@esri/solutions-components 1.0.5 → 1.1.0-next.20250731

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

@@ -5,14 +5,13 @@ import { b as w, c as v } from "../../chunks/mapViewUtils.js";
 import { s as d } from "../../chunks/publicNotificationStore.js";
 import { c as $, r as k } from "../../chunks/downloadUtils.js";
 import { u as x } from "../../chunks/useT9n.js";
-import { nothing as g, html as o } from "lit";
-import { createRef as f, ref as _ } from "lit-html/directives/ref.js";
-import { LitElement as L, createEvent as E, noShadowRoot as T, safeClassMap as p } from "@arcgis/lumina";
-import { css as C } from "@lit/reactive-element/css-tag.js";
+import { css as L, html as o, nothing as u } from "lit";
+import { createRef as g, ref as f } from "lit-html/directives/ref.js";
+import { LitElement as E, createEvent as T, noShadowRoot as C, safeClassMap as p } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.5 */
-const I = C`@layer{/** @license
+See https://js.arcgis.com/1.1/esri/copyright.txt for details.
+v1.1.0-next.20250731 */
+const I = L`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -27,9 +26,9 @@ const I = C`@layer{/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{display:block;--calcite-input-message-spacing-value: 0}.align-center{align-items:center}.border-bottom-1{border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-color-border-3)}.action-bar-size{height:3.5rem;width:100%}.w-1-2{width:50%}.w-1-3{width:33.33%}.width-full{width:100%}.height-full{height:100%}.padding-1{padding:1rem}.padding-top-sides-1{padding-block-start:1rem;padding-inline-start:1rem;padding-inline-end:1rem}.padding-sides-1{padding-inline-start:1rem;padding-inline-end:1rem}.padding-end-1-2{padding-inline-end:.5rem}.padding-top-1-2{padding-block-start:.5rem}.padding-top-1{padding-top:1rem}.padding-bottom-1{padding-bottom:1rem}.padding-bottom-1-2{padding-bottom:.5rem}.info-blue{color:#00a0ff}.info-message{justify-content:center;display:grid}.font-bold{font-weight:700}.display-flex{display:flex}.display-block{display:block}.display-none{display:none}.border-bottom{border-bottom:1px solid var(--calcite-color-border-2)}.padding-start-1-2{padding-inline-start:.5rem}.list-border{border:1px solid var(--calcite-color-border-2)}.margin-sides-1{margin-inline-start:1rem;margin-inline-end:1rem}.margin-start-1-2{margin-inline-start:.5rem}.float-right{float:right}.float-right[dir=rtl],.float-left{float:left}.float-left[dir=rtl]{float:right}.margin-top-0{margin-block-start:0!important}.height-1-1-2{height:1.5rem}.main-background{background-color:var(--calcite-color-foreground-2)}.position-right{position:absolute;right:1rem}.position-right[dir=rtl]{position:absolute;left:1rem}.label-margin-0{--calcite-label-margin-bottom: 0}.list-label{color:var(--calcite-color-text-1)}.list-label,.list-description{font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);overflow-wrap:break-word;word-break:break-word}.list-description{margin-block-start:.125rem;color:var(--calcite-color-text-3)}.img-container{width:100%;height:100%}.font-weight-500{font-weight:500}.background-override{height:100%;width:100%;--calcite-color-foreground-3: var(--calcite-color-brand);--calcite-color-foreground-2: var(--calcite-color-brand-hover);--calcite-color-text-1: var(--calcite-color-text-inverse)}.word-wrap-anywhere{word-wrap:anywhere}.tooltip-message{padding:5px 8px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);max-width:400px}}`;
-class P extends L {
+class P extends E {
   constructor() {
-    super(), this.addresseeLayerIds = [], this.bufferColor = [227, 139, 79, 0.8], this.bufferOutlineColor = [255, 255, 255], this.customLabelEnabled = !1, this.defaultBufferDistance = 0, this.defaultBufferUnit = "feet", this.defaultExportTitle = "", this.defaultNumLabelsPerPage = 6, this.enableLayerFeatures = !0, this.enableLayerFeaturesOnLoad = !1, this.enableSearchDistance = !0, this.enableSearchDistanceOnLoad = !1, this.enableSketchTools = !0, this.featureHighlightEnabled = !1, this.noResultText = "", this.initialNotice = "", this.selectionLayerIds = [], this.showRefineSelection = !1, this.showSearchSettings = !0, this._exportGraphics = !1, this._addMap = !1, this._addResults = !0, this._addTitle = !1, this._downloadActive = !0, this._exportType = c.PDF, this._fetchingData = !1, this._isMobile = !1, this._numDuplicates = 0, this._pageType = l.LIST, this._saveEnabled = !1, this._selectionSets = [], this._translations = x({ name: "public-notification", blocking: !0 }), this._downloadTools = f(), this._onboardingImageUrl = "", this._popupsEnabled = !1, this._removeDuplicates = f(), this._selectTools = f(), this._titleElement = f(), this._titleValue = void 0, this._numSelected = 0, this.searchConfigurationChange = E(), this.listenOn(window, "selectionSetsChanged", this.selectionSetsChanged);
+    super(), this.addresseeLayerIds = [], this.bufferColor = [227, 139, 79, 0.8], this.bufferOutlineColor = [255, 255, 255], this.customLabelEnabled = !1, this.defaultBufferDistance = 0, this.defaultBufferUnit = "feet", this.defaultExportTitle = "", this.defaultNumLabelsPerPage = 6, this.enableLayerFeatures = !0, this.enableLayerFeaturesOnLoad = !1, this.enableSearchDistance = !0, this.enableSearchDistanceOnLoad = !1, this.enableSketchTools = !0, this.featureHighlightEnabled = !1, this.noResultText = "", this.initialNotice = "", this.selectionLayerIds = [], this.showRefineSelection = !1, this.showSearchSettings = !0, this._exportGraphics = !1, this._addMap = !1, this._addResults = !0, this._addTitle = !1, this._downloadActive = !0, this._exportType = c.PDF, this._fetchingData = !1, this._isMobile = !1, this._numDuplicates = 0, this._pageType = l.LIST, this._saveEnabled = !1, this._selectionSets = [], this._translations = x({ name: "public-notification", blocking: !0 }), this._downloadTools = g(), this._onboardingImageUrl = "", this._popupsEnabled = !1, this._removeDuplicates = g(), this._selectTools = g(), this._titleElement = g(), this._titleValue = void 0, this._numSelected = 0, this.searchConfigurationChange = T(), this.listenOn(window, "selectionSetsChanged", this.selectionSetsChanged);
   }
   static {
     this.properties = { addresseeLayerIds: 0, bufferColor: 1, bufferOutlineColor: 1, customLabelEnabled: 5, defaultBufferDistance: 9, defaultBufferUnit: 1, defaultExportTitle: 1, defaultNumLabelsPerPage: 9, enableLayerFeatures: 5, enableLayerFeaturesOnLoad: 5, enableSearchDistance: 5, enableSearchDistanceOnLoad: 5, enableSketchTools: 5, featureEffect: 0, featureHighlightEnabled: 5, mapView: 0, noResultText: 1, initialNotice: 1, searchConfiguration: 0, selectionLayerIds: 0, showRefineSelection: 5, showSearchSettings: 5, sketchLineSymbol: 0, sketchPointSymbol: 0, sketchPolygonSymbol: 0, _exportGraphics: 16, _addMap: 16, _addResults: 16, _addTitle: 16, _downloadActive: 16, _exportType: 16, _fetchingData: 16, _isMobile: 16, _numDuplicates: 16, _pageType: 16, _saveEnabled: 16, _selectionSets: 16, _translations: 16 };
@@ -38,7 +37,7 @@ class P extends L {
     this.styles = I;
   }
   static {
-    this.shadowRootOptions = T;
+    this.shadowRootOptions = C;
   }
   willUpdate(e) {
     e.has("mapView") && this.mapView && this.mapViewWatchHandler(this.mapView), e.has("searchConfiguration") && this.searchConfiguration && this.watchSearchConfigurationHandler(this.searchConfiguration, e.get("searchConfiguration")), e.has("sketchLineSymbol") && this.sketchLineSymbolWatchHandler(this.sketchLineSymbol, e.get("sketchLineSymbol")), e.has("sketchPointSymbol") && this.sketchPointSymbolWatchHandler(this.sketchPointSymbol, e.get("sketchPointSymbol")), e.has("sketchPolygonSymbol") && this.sketchPolygonSymbolWatchHandler(this.sketchPolygonSymbol, e.get("sketchPolygonSymbol")), e.has("_pageType") && (this.hasUpdated || this._pageType !== l.LIST) && this.pageTypeWatchHandler(this._pageType, e.get("_pageType"));
@@ -74,7 +73,7 @@ class P extends L {
   }
   render() {
     const e = this._isMobile ? "footer" : "header";
-    return o`<calcite-shell><calcite-action-bar class="border-bottom-1 action-bar-size" expand-disabled layout=horizontal slot=${e ?? g}>${this._getActionGroup("list-check", l.LIST, this._translations.myLists)}${this.showRefineSelection ? this._getActionGroup("test-data", l.REFINE, this._translations.refineSelection) : null}${this._getActionGroup("export", l.EXPORT, this._translations.export)}</calcite-action-bar>${this._getPage(this._pageType)}</calcite-shell>`;
+    return o`<calcite-shell><calcite-action-bar class="border-bottom-1 action-bar-size" expand-disabled layout=horizontal slot=${e}>${this._getActionGroup("list-check", l.LIST, this._translations.myLists)}${this.showRefineSelection ? this._getActionGroup("test-data", l.REFINE, this._translations.refineSelection) : null}${this._getActionGroup("export", l.EXPORT, this._translations.export)}</calcite-action-bar>${this._getPage(this._pageType)}</calcite-shell>`;
   }
   loaded() {
     this.searchConfiguration && this._initSearchConfiguration(this.searchConfiguration);
@@ -142,7 +141,7 @@ class P extends L {
   }
   _getActionGroup(e, t, i) {
     const s = this.showRefineSelection ? "w-1-3" : "w-1-2";
-    return o`<calcite-action-group class=${p(s)} layout=horizontal><div class="background-override"><calcite-action .active=${this._pageType === t} alignment=center class="width-full height-full" .icon=${e} id=${e ?? g} @click=${() => {
+    return o`<calcite-action-group class=${p(s)} layout=horizontal><div class="background-override"><calcite-action .active=${this._pageType === t} alignment=center class="width-full height-full" .icon=${e} id=${e ?? u} @click=${() => {
       this._setPageType(t);
     }} text></calcite-action></div><calcite-tooltip label placement=bottom .referenceElement=${e}><span>${i}</span></calcite-tooltip></calcite-action-group>`;
   }
@@ -174,14 +173,14 @@ class P extends L {
     }} width=full><span class="font-weight-500">${this._translations.add}</span></calcite-button></div></calcite-panel>`;
   }
   _getOnboardingImage() {
-    return o`<div class="display-flex padding-sides-1"><img class="img-container" role=presentation src=${this._onboardingImageUrl ?? g}></div>`;
+    return o`<div class="display-flex padding-sides-1"><img class="img-container" role=presentation src=${this._onboardingImageUrl ?? u}></div>`;
   }
   _getSelectionSetList() {
     return o`<div class="padding-top-1-2 padding-bottom-1-2"><calcite-list class="list-border margin-sides-1" label>${this._selectionSets.reduce((e, t, i) => {
       const s = this._getSelectionSetIds(t);
       let a = !0;
-      return t.workflowType === h.REFINE && (a = Object.keys(t.refineInfos).reduce((r, u) => {
-        const m = t.refineInfos[u];
+      return t.workflowType === h.REFINE && (a = Object.keys(t.refineInfos).reduce((r, _) => {
+        const m = t.refineInfos[_];
         return r += m.addIds.length + m.removeIds.length, r;
       }, 0) > 0), a && e.push(o`<calcite-list-item .label=${t.label} @click=${() => this.mapView && this._gotoSelection(t, this.mapView)}><div slot=content><div class="list-label">${t.label}</div><div class="list-description">${t?.layerView?.layer.title}</div><div class="list-description">${this._translations.selectedFeatures.replace("{{n}}", s.length.toString())}</div></div>${this._getAction(!0, "pencil", "", (n) => this._openSelection(t, n), !1, "actions-end")}${this._getAction(!0, "x", "", (n) => this._deleteSelection(i, n), !1, "actions-end")}</calcite-list-item>`), e;
     }, [])}</calcite-list></div>`;
@@ -220,7 +219,7 @@ class P extends L {
   }
   _getSelectPage() {
     const e = this._translations.selectSearchTip;
-    return o`<calcite-panel>${this._getLabel(this._translations?.stepTwoFull, !0)}${this._getNotice(e, "padding-1", "word-wrap-anywhere")}<div><map-select-tools .bufferColor=${this.bufferColor} .bufferOutlineColor=${this.bufferOutlineColor} class="font-bold" .customLabelEnabled=${this.customLabelEnabled} .defaultBufferDistance=${this.defaultBufferDistance} .defaultBufferUnit=${this.defaultBufferUnit} .enableLayerFeatures=${this.enableLayerFeatures} .enableLayerFeaturesOnLoad=${this.enableLayerFeaturesOnLoad} .enableSearchDistance=${this.enableSearchDistance} .enableSearchDistanceOnLoad=${this.enableSearchDistanceOnLoad} .enableSketchTools=${this.enableSketchTools} .enabledLayerIds=${this.addresseeLayerIds} .isUpdate=${!!this._activeSelection} .mapView=${this.mapView} .noResultText=${this.noResultText} @selectionSetChange=${this._updateForSelection} .searchConfiguration=${this._searchConfiguration} .searchDistanceEnabled=${this.enableSearchDistanceOnLoad} .selectionLayerIds=${this.selectionLayerIds} .selectionSet=${this._activeSelection} .sketchLineSymbol=${this.sketchLineSymbol} .sketchPointSymbol=${this.sketchPointSymbol} .sketchPolygonSymbol=${this.sketchPolygonSymbol} .useLayerFeaturesEnabled=${this.enableLayerFeaturesOnLoad} ${_(this._selectTools)}></map-select-tools></div>${this._getPageNavButtons(this._translations.done, this._numSelected === 0, () => {
+    return o`<calcite-panel>${this._getLabel(this._translations?.stepTwoFull, !0)}${this._getNotice(e, "padding-1", "word-wrap-anywhere")}<div><map-select-tools .bufferColor=${this.bufferColor} .bufferOutlineColor=${this.bufferOutlineColor} class="font-bold" .customLabelEnabled=${this.customLabelEnabled} .defaultBufferDistance=${this.defaultBufferDistance} .defaultBufferUnit=${this.defaultBufferUnit} .enableLayerFeatures=${this.enableLayerFeatures} .enableLayerFeaturesOnLoad=${this.enableLayerFeaturesOnLoad} .enableSearchDistance=${this.enableSearchDistance} .enableSearchDistanceOnLoad=${this.enableSearchDistanceOnLoad} .enableSketchTools=${this.enableSketchTools} .enabledLayerIds=${this.addresseeLayerIds} .isUpdate=${!!this._activeSelection} .mapView=${this.mapView} .noResultText=${this.noResultText} @selectionSetChange=${this._updateForSelection} .searchConfiguration=${this._searchConfiguration} .searchDistanceEnabled=${this.enableSearchDistanceOnLoad} .selectionLayerIds=${this.selectionLayerIds} .selectionSet=${this._activeSelection} .sketchLineSymbol=${this.sketchLineSymbol} .sketchPointSymbol=${this.sketchPointSymbol} .sketchPolygonSymbol=${this.sketchPolygonSymbol} .useLayerFeaturesEnabled=${this.enableLayerFeaturesOnLoad} ${f(this._selectTools)}></map-select-tools></div>${this._getPageNavButtons(this._translations.done, this._numSelected === 0, () => {
       this._saveSelection();
     }, this._translations.cancel, !1, () => {
       this._home();
@@ -228,14 +227,14 @@ class P extends L {
   }
   _getExportPage() {
     const e = this._hasSelections(this.showRefineSelection), t = this._numDuplicates > 0 ? "display-block" : "display-none";
-    return o`<calcite-panel><div>${this._getLabel(this._translations.export, !1)}${e ? o`<div>${this._getNotice(this._translations.exportTip, "padding-sides-1")}${this._getLabel(this._translations.exportListsLabel)}${this._getExportSelectionLists()}<div class=${`padding-sides-1 ${t}`}><div class="display-flex"><calcite-label layout=inline><calcite-checkbox ${_(this._removeDuplicates)}></calcite-checkbox><div class="display-flex">${this._translations.removeDuplicate}<div class="info-message padding-start-1-2"><calcite-input-message class="info-blue margin-top-0" scale=m>${` ${this._translations.numDuplicates.replace("{{n}}", this._numDuplicates.toString())}`}</calcite-input-message></div></div></calcite-label><calcite-icon class="padding-start-1-2 icon" .flipRtl=${this._translations._lang?.toLowerCase() !== "he"} icon=question id=remove-duplicates-icon scale=s></calcite-icon></div><calcite-popover closable label overlay-positioning=fixed reference-element=remove-duplicates-icon><span class="tooltip-message">${this._translations.duplicatesTip}</span></calcite-popover></div><div class="border-bottom"></div><div class="padding-top-sides-1"><calcite-segmented-control class="w-100" @calciteSegmentedControlChange=${this._exportTypeChange} width=full><calcite-segmented-control-item .checked=${this._exportType === c.PDF} class="w-50 end-border" .value=${c.PDF}><span class="font-weight-500">${this._translations.pdf}</span></calcite-segmented-control-item><calcite-segmented-control-item .checked=${this._exportType === c.CSV} class="w-50" .value=${c.CSV}><span class="font-weight-500">${this._translations.csv}</span></calcite-segmented-control-item></calcite-segmented-control></div><div class="padding-bottom-1">${this._getExportOptions()}</div><div class="padding-1 display-flex"><calcite-button .disabled=${!this._downloadActive || this._fetchingData || !this._addMap && !this._addResults} .loading=${this._fetchingData} @click=${() => void this._export()} width=full><span class="font-weight-500">${this._translations.export}</span></calcite-button></div></div>` : this._getNotice(this._translations.downloadNoLists, "padding-sides-1 padding-bottom-1")}</div></calcite-panel>`;
+    return o`<calcite-panel><div>${this._getLabel(this._translations.export, !1)}${e ? o`<div>${this._getNotice(this._translations.exportTip, "padding-sides-1")}${this._getLabel(this._translations.exportListsLabel)}${this._getExportSelectionLists()}<div class=${`padding-sides-1 ${t}`}><div class="display-flex"><calcite-label layout=inline><calcite-checkbox ${f(this._removeDuplicates)}></calcite-checkbox><div class="display-flex">${this._translations.removeDuplicate}<div class="info-message padding-start-1-2"><calcite-input-message class="info-blue margin-top-0" scale=m>${` ${this._translations.numDuplicates.replace("{{n}}", this._numDuplicates.toString())}`}</calcite-input-message></div></div></calcite-label><calcite-icon class="padding-start-1-2 icon" .flipRtl=${this._translations._lang?.toLowerCase() !== "he"} icon=question id=remove-duplicates-icon scale=s></calcite-icon></div><calcite-popover closable label overlay-positioning=fixed reference-element=remove-duplicates-icon><span class="tooltip-message">${this._translations.duplicatesTip}</span></calcite-popover></div><div class="border-bottom"></div><div class="padding-top-sides-1"><calcite-segmented-control class="w-100" @calciteSegmentedControlChange=${this._exportTypeChange} width=full><calcite-segmented-control-item .checked=${this._exportType === c.PDF} class="w-50 end-border" .value=${c.PDF}><span class="font-weight-500">${this._translations.pdf}</span></calcite-segmented-control-item><calcite-segmented-control-item .checked=${this._exportType === c.CSV} class="w-50" .value=${c.CSV}><span class="font-weight-500">${this._translations.csv}</span></calcite-segmented-control-item></calcite-segmented-control></div><div class="padding-bottom-1">${this._getExportOptions()}</div><div class="padding-1 display-flex"><calcite-button .disabled=${!this._downloadActive || this._fetchingData || !this._addMap && !this._addResults} .loading=${this._fetchingData} @click=${() => void this._export()} width=full><span class="font-weight-500">${this._translations.export}</span></calcite-button></div></div>` : this._getNotice(this._translations.downloadNoLists, "padding-sides-1 padding-bottom-1")}</div></calcite-panel>`;
   }
   _exportTypeChange(e) {
     this._exportType = e.target.value;
   }
   _getExportOptions() {
     const e = this._exportType === c.PDF ? "display-block" : "display-none", t = this._addTitle ? "display-block" : "display-none", i = this._addMap ? "display-flex" : "display-none", s = this._titleValue ? this._titleValue : this.defaultExportTitle ? this.defaultExportTitle : "", a = this._addResults ? "" : "display-none";
-    return o`<div class=${p(e)}>${this._getLabel(this._translations.pdfOptions, !0)}<div class="padding-top-sides-1"><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._addResults} @calciteCheckboxChange=${() => this._addResults = !this._addResults}></calcite-checkbox>${this._translations.addResults}</calcite-label></div><div class=${`padding-top-sides-1 ${a}`}><calcite-label class="label-margin-0">${this._translations.selectPDFLabelOption}</calcite-label></div><div class=${`padding-sides-1 ${a}`}><pdf-download .defaultNumLabelsPerPage=${Number.parseInt(this.defaultNumLabelsPerPage.toString(), 10)} .disabled=${!this._downloadActive} ${_(this._downloadTools)}></pdf-download></div><div class="padding-top-sides-1"><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._addTitle} @calciteCheckboxChange=${() => this._addTitle = !this._addTitle}></calcite-checkbox>${this._translations.title}</calcite-label></div><div class=${p(t)}>${this._getLabel(this._translations.title, !0, "")}<calcite-input-text class="padding-sides-1" @calciteInputTextInput=${() => this._changeTitle()} .placeholder=${this._translations.titlePlaceholder} .value=${s} ${_(this._titleElement)}></calcite-input-text></div><div class="padding-top-sides-1"><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._addMap} @calciteCheckboxChange=${() => this._handleAddMapChange()}></calcite-checkbox>${this._translations.includeMap}</calcite-label></div><div class=${`padding-top-sides-1 ${i}`}><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._exportGraphics} @calciteCheckboxChange=${() => this._handleExportGraphicsChange()}></calcite-checkbox>${this._translations.listGraphics}</calcite-label><calcite-icon class="padding-start-1-2 icon" .flipRtl=${this._translations._lang?.toLowerCase() !== "he"} icon=question id=list-graphics-icon scale=s></calcite-icon><calcite-popover closable label overlay-positioning=fixed reference-element=list-graphics-icon><span class="tooltip-message">${this._translations.listGraphicsTip}</span></calcite-popover></div></div>`;
+    return o`<div class=${p(e)}>${this._getLabel(this._translations.pdfOptions, !0)}<div class="padding-top-sides-1"><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._addResults} @calciteCheckboxChange=${() => this._addResults = !this._addResults}></calcite-checkbox>${this._translations.addResults}</calcite-label></div><div class=${`padding-top-sides-1 ${a}`}><calcite-label class="label-margin-0">${this._translations.selectPDFLabelOption}</calcite-label></div><div class=${`padding-sides-1 ${a}`}><pdf-download .defaultNumLabelsPerPage=${Number.parseInt(this.defaultNumLabelsPerPage.toString(), 10)} .disabled=${!this._downloadActive} ${f(this._downloadTools)}></pdf-download></div><div class="padding-top-sides-1"><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._addTitle} @calciteCheckboxChange=${() => this._addTitle = !this._addTitle}></calcite-checkbox>${this._translations.title}</calcite-label></div><div class=${p(t)}>${this._getLabel(this._translations.title, !0, "")}<calcite-input-text class="padding-sides-1" @calciteInputTextInput=${() => this._changeTitle()} .placeholder=${this._translations.titlePlaceholder} .value=${s} ${f(this._titleElement)}></calcite-input-text></div><div class="padding-top-sides-1"><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._addMap} @calciteCheckboxChange=${() => this._handleAddMapChange()}></calcite-checkbox>${this._translations.includeMap}</calcite-label></div><div class=${`padding-top-sides-1 ${i}`}><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._exportGraphics} @calciteCheckboxChange=${() => this._handleExportGraphicsChange()}></calcite-checkbox>${this._translations.listGraphics}</calcite-label><calcite-icon class="padding-start-1-2 icon" .flipRtl=${this._translations._lang?.toLowerCase() !== "he"} icon=question id=list-graphics-icon scale=s></calcite-icon><calcite-popover closable label overlay-positioning=fixed reference-element=list-graphics-icon><span class="tooltip-message">${this._translations.listGraphicsTip}</span></calcite-popover></div></div>`;
   }
   _handleAddMapChange() {
     this._addMap = !this._addMap, this._updateExportGraphics();
@@ -320,8 +319,8 @@ class P extends L {
         Object.keys(a.refineInfos).forEach((n) => {
           const r = a.refineInfos[n];
           if (r.addIds) {
-            const u = r.layerView.layer.id;
-            s = this._updateExportInfos(s, u, a.label, r.addIds, r.layerView);
+            const _ = r.layerView.layer.id;
+            s = this._updateExportInfos(s, _, a.label, r.addIds, r.layerView);
           }
         });
       else {
@@ -339,7 +338,7 @@ class P extends L {
     }), e;
   }
   _getAction(e, t, i, s, a = !1, n = "") {
-    return o`<calcite-action .disabled=${!e} .icon=${t} icon-flip-rtl .indicator=${a} @click=${s} slot=${n ?? g} .text=${i}></calcite-action>`;
+    return o`<calcite-action .disabled=${!e} .icon=${t} icon-flip-rtl .indicator=${a} @click=${s} slot=${n ?? u} .text=${i}></calcite-action>`;
   }
   _updateForSelection(e) {
     this._numSelected = e.detail, this._saveEnabled = this._numSelected > 0;

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

@@ -1,5 +1,5 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { IRefineOperation, ISelectionSet, ESelectionMode } from '../../utils/interfaces';
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 import { MapLayerPicker } from '../map-layer-picker/customElement.js';

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

@@ -1,17 +1,16 @@
 import { c as I } from "../../chunks/runtime.js";
-import { html as m } from "lit-html";
-import { w as l, x as k, p as f } from "../../chunks/interfaces.js";
-import { g as v, a as E, h as L } from "../../chunks/mapViewUtils.js";
-import { a as x } from "../../chunks/queryUtils.js";
+import { css as k, html as m } from "lit";
+import { w as l, x as v, p as f } from "../../chunks/interfaces.js";
+import { g as E, a as L, h as x } from "../../chunks/mapViewUtils.js";
+import { a as $ } from "../../chunks/queryUtils.js";
 import { s as g } from "../../chunks/publicNotificationStore.js";
-import { u as $ } from "../../chunks/useT9n.js";
+import { u as R } from "../../chunks/useT9n.js";
 import { createRef as _, ref as u } from "lit-html/directives/ref.js";
-import { LitElement as R, createEvent as w, noShadowRoot as O } from "@arcgis/lumina";
-import { css as A } from "@lit/reactive-element/css-tag.js";
+import { LitElement as O, createEvent as w, noShadowRoot as A } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.5 */
-const D = A`@layer{/** @license
+See https://js.arcgis.com/1.1/esri/copyright.txt for details.
+v1.1.0-next.20250731 */
+const D = k`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -26,9 +25,9 @@ const D = A`@layer{/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{display:block}.div-visible{display:inherit}.div-not-visible{display:none!important}.padding-top-1-2{padding-top:.5rem}.main-label{display:flex;float:left}html[dir=rtl] .main-label{display:flex;float:right}.border{outline:1px solid var(--calcite-color-border-input)}.margin-top-1{margin-top:1rem}.esri-sketch{display:flex;flex-flow:column wrap}.esri-widget{box-sizing:border-box;color:#323232;font-size:14px;font-family:Avenir Next,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.3em;background-color:var(--calcite-color-foreground-1)}.esri-sketch__panel{align-items:center;display:flex;flex-flow:row nowrap;padding:0}.esri-sketch__tool-section{border-right:1px solid rgba(110,110,110,.3)}.esri-sketch__section{align-items:center;display:flex;flex-flow:row nowrap;padding:0 7px;margin:6px 0;border-right:1px solid rgba(110,110,110,.3)}.display-flex{display:flex}.font-bold{font-weight:700}.width-full{width:100%}.label-margin-0{--calcite-label-margin-bottom: 0}.padding-start-1-2{padding-inline-start:.5rem}.font-weight-500{font-weight:500}.word-wrap-anywhere{word-wrap:anywhere}.tooltip-message{padding:5px 8px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);max-width:400px}}`;
-class C extends R {
+class C extends O {
   constructor() {
-    super(...arguments), this.enabledLayerIds = [], this.selectionSets = [], this._translations = $({ name: "refine-selection", blocking: !0 }), this._selectionMode = l.ADD, this._addEnabled = !0, this._drawTools = _(), this._refineSets = [], this._enabledLayerIds = [], this._layerPicker = _(), this._featuresCollection = {}, this.selectionLoadingChange = w(), this.selectionSetsChanged = w();
+    super(...arguments), this.enabledLayerIds = [], this.selectionSets = [], this._translations = R({ name: "refine-selection", blocking: !0 }), this._selectionMode = l.ADD, this._addEnabled = !0, this._drawTools = _(), this._refineSets = [], this._enabledLayerIds = [], this._layerPicker = _(), this._featuresCollection = {}, this.selectionLoadingChange = w(), this.selectionSetsChanged = w();
   }
   static {
     this.properties = { addresseeLayer: 0, enabledLayerIds: 0, mapView: 0, selectionSets: 0, sketchLineSymbol: 0, sketchPointSymbol: 0, sketchPolygonSymbol: 0, _translations: 16, _selectionMode: 16, _refineLayer: 16 };
@@ -37,7 +36,7 @@ class C extends R {
     this.styles = D;
   }
   static {
-    this.shadowRootOptions = O;
+    this.shadowRootOptions = A;
   }
   async load() {
     this._enabledLayerIds = this._getEnabledLayerIds(), await this._setRefineSet(this._enabledLayerIds[0]);
@@ -46,7 +45,7 @@ class C extends R {
     const e = this._enabledLayerIds.length > 1 ? "display-block" : "display-none";
     return m`<div class=${`${e} padding-top-sides-1`}><div class="display-flex"><calcite-label class="font-bold width-full label-margin-0"><div class="display-flex">${this._translations.inputLayer}<calcite-icon class="padding-start-1-2 icon" .flipRtl=${this._translations._lang?.toLowerCase() !== "he"} icon=question id=refine-input-layer scale=s></calcite-icon></div><map-layer-picker .enabledLayerIds=${this._enabledLayerIds} .mapView=${this.mapView} @layerSelectionChange=${(t) => {
       this._layerSelectionChange(t);
-    }} .selectedIds=${this._refineLayer ? [this._refineLayer.layer.id] : []} ${u(this._layerPicker)}></map-layer-picker></calcite-label><calcite-popover closable label overlay-positioning=fixed reference-element=refine-input-layer><span class="tooltip-message">${this._translations.inputLayerTip}</span></calcite-popover></div></div><div class="padding-1"><div class="padding-bottom-1"><calcite-segmented-control class="w-100" width=full><calcite-segmented-control-item .checked=${this._addEnabled} class="w-50 word-wrap-anywhere" @click=${() => this._setSelectionMode(l.ADD)} .value=${l.ADD}><span class="font-weight-500">${this._translations.add}</span></calcite-segmented-control-item><calcite-segmented-control-item .checked=${!this._addEnabled} class="w-50 word-wrap-anywhere" @click=${() => this._setSelectionMode(l.REMOVE)} .value=${l.REMOVE}><span class="font-weight-500">${this._translations.remove}</span></calcite-segmented-control-item></calcite-segmented-control></div><div><map-draw-tools active .drawMode=${k.REFINE} .mapView=${this.mapView} @drawRedo=${() => this._redo()} @drawUndo=${() => this._undo()} @sketchGraphicsChange=${this._sketchGraphicsChanged} .pointSymbol=${this.sketchPointSymbol} .polygonSymbol=${this.sketchPolygonSymbol} .polylineSymbol=${this.sketchLineSymbol} .redoEnabled=${this._refineSelectionSet?.redoStack && this._refineSelectionSet.redoStack.length > 0} .undoEnabled=${this._refineSelectionSet?.undoStack && this._refineSelectionSet.undoStack.length > 0} ${u(this._drawTools)}></map-draw-tools></div><br>${m`<calcite-list class="list-border" label>${this._getRefineSelectionSetList()}</calcite-list>`}</div>`;
+    }} .selectedIds=${this._refineLayer ? [this._refineLayer.layer.id] : []} ${u(this._layerPicker)}></map-layer-picker></calcite-label><calcite-popover closable label overlay-positioning=fixed reference-element=refine-input-layer><span class="tooltip-message">${this._translations.inputLayerTip}</span></calcite-popover></div></div><div class="padding-1"><div class="padding-bottom-1"><calcite-segmented-control class="w-100" width=full><calcite-segmented-control-item .checked=${this._addEnabled} class="w-50 word-wrap-anywhere" @click=${() => this._setSelectionMode(l.ADD)} .value=${l.ADD}><span class="font-weight-500">${this._translations.add}</span></calcite-segmented-control-item><calcite-segmented-control-item .checked=${!this._addEnabled} class="w-50 word-wrap-anywhere" @click=${() => this._setSelectionMode(l.REMOVE)} .value=${l.REMOVE}><span class="font-weight-500">${this._translations.remove}</span></calcite-segmented-control-item></calcite-segmented-control></div><div><map-draw-tools active .drawMode=${v.REFINE} .mapView=${this.mapView} @drawRedo=${() => this._redo()} @drawUndo=${() => this._undo()} @sketchGraphicsChange=${this._sketchGraphicsChanged} .pointSymbol=${this.sketchPointSymbol} .polygonSymbol=${this.sketchPolygonSymbol} .polylineSymbol=${this.sketchLineSymbol} .redoEnabled=${this._refineSelectionSet?.redoStack && this._refineSelectionSet.redoStack.length > 0} .undoEnabled=${this._refineSelectionSet?.undoStack && this._refineSelectionSet.undoStack.length > 0} ${u(this._drawTools)}></map-draw-tools></div><br>${m`<calcite-list class="list-border" label>${this._getRefineSelectionSetList()}</calcite-list>`}</div>`;
   }
   _layerSelectionChange(e) {
     const t = e.detail[0];
@@ -75,7 +74,7 @@ class C extends R {
     i[e] = {
       addIds: [],
       removeIds: [],
-      layerView: this.mapView && await v(this.mapView, e)
+      layerView: this.mapView && await E(this.mapView, e)
     }, t ? t.refineInfos = { ...t.refineInfos, ...i } : (this._refineSelectionSet = {
       id: Date.now(),
       searchResult: void 0,
@@ -126,7 +125,7 @@ class C extends R {
     ];
   }
   _getTotal(e) {
-    const t = E(e);
+    const t = L(e);
     return Object.keys(t).reduce((i, s) => {
       const a = t[s];
       return i += a.ids.length, i;
@@ -135,7 +134,7 @@ class C extends R {
   async _selectFeatures(e) {
     if (this.selectionLoadingChange.emit(!0), this._refineLayer) {
       this._featuresCollection[this._refineLayer?.layer.id] = [];
-      const t = await x(0, this._refineLayer?.layer, e, this._featuresCollection);
+      const t = await $(0, this._refineLayer?.layer, e, this._featuresCollection);
       this.selectionLoadingChange.emit(!1);
       let i = [];
       Object.keys(t).forEach((a) => {
@@ -146,7 +145,7 @@ class C extends R {
     }
   }
   async _highlightFeatures() {
-    this._clearHighlight(), g.highlightHandles = await L(this.selectionSets);
+    this._clearHighlight(), g.highlightHandles = await x(this.selectionSets);
   }
   _clearHighlight() {
     g.removeHandles();

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

@@ -1,5 +1,5 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { PropertyValues } from 'lit';
 import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
 

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

@@ -2,10 +2,10 @@ import { c as o } from "../../chunks/runtime.js";
 import { l as r } from "../../chunks/loadModules.js";
 import { g as c } from "../../chunks/mapViewUtils.js";
 import { LitElement as h, createEvent as s, noShadowRoot as l } from "@arcgis/lumina";
-import { css as n } from "@lit/reactive-element/css-tag.js";
+import { css as n } from "lit";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.5 */
+See https://js.arcgis.com/1.1/esri/copyright.txt for details.
+v1.1.0-next.20250731 */
 const p = n`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-article-card/customElement.d.ts

@@ -1,5 +1,37 @@
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class SolutionArticleCard extends LitElement {
+    /**
+     * The date the article or blog was published
+     *
+     * @default ''
+     */
+    date: string;
+    /**
+     * The heading of the article or blog
+     *
+     * @default ''
+     */
+    heading: string;
+    /**
+     * The href for the article or blog content
+     *
+     * @default ''
+     */
+    href: string;
+    /**
+     * The image url for the article or blog
+     *
+     * @default ''
+     */
+    src: string;
+    /**
+     * The type...article or blog
+     *
+     * @default 'article'
+     */
+    type: 'article' | 'blog';
+    /** Emitted on demand when the card is selected. */
+    readonly articleCardSelected: TargetedEvent<this, string>;
 }

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

@@ -1,12 +1,11 @@
-import { c as e } 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 r } from "@arcgis/lumina";
-import { css as o } from "@lit/reactive-element/css-tag.js";
+import { c as i } from "../../chunks/runtime.js";
+import { css as a, html as t } from "lit";
+import { u as s } from "../../chunks/useT9n.js";
+import { LitElement as r, createEvent as n, nothing as e } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.5 */
-const n = o`@layer{/** @license
+See https://js.arcgis.com/1.1/esri/copyright.txt for details.
+v1.1.0-next.20250731 */
+const o = a`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -20,25 +19,31 @@ const n = o`@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 {
+ */.padding-1-2{padding:.5rem}.padding-bottom-1{padding-bottom:1rem}calcite-card:hover img{-webkit-filter:brightness(50%);filter:brightness(50%);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease}calcite-card:hover .hover-text{opacity:1;color:#fff}calcite-card:hover{outline:2px solid var(--calcite-ui-brand);box-sizing:border-box;cursor:pointer}.hover-text{transition:.5s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:row;align-items:center;height:100%}.info-icon{--calcite-icon-color: var(--calcite-color-text-inverse);padding-inline-end:.3rem}.card-image-wrap{flex:0 0 auto}.card-image-wrap{width:100%;position:relative;margin-bottom:0;-webkit-box-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.card-image{width:100%;display:block}video,img{max-width:100%;height:auto}img{overflow-clip-margin:content-box;overflow:clip}`;
+class c extends r {
   constructor() {
-    super(...arguments), this._translations = i({ name: "solution-article-card", blocking: !0 });
+    super(...arguments), this._translations = s({ name: "solution-article-card", blocking: !0 }), this.date = "", this.heading = "", this.href = "", this.src = "", this.type = "article", this.articleCardSelected = n();
   }
   static {
-    this.properties = { _translations: 16 };
+    this.properties = { _translations: 16, date: 1, heading: 1, href: 1, src: 1, type: 1 };
   }
   static {
-    this.shadowRootOptions = r;
-  }
-  static {
-    this.styles = n;
+    this.styles = o;
   }
   render() {
-    return t`<calcite-card></calcite-card>`;
+    return this.type === "article" ? this._getArcticleCard() : this._getBlogCard();
+  }
+  _getArcticleCard() {
+    return t`<calcite-card @click=${this._cardSelected}><div class="card-image-wrap" slot=thumbnail><img alt=${this.heading ?? e} class="thumbnail card-image" src=${this.src ?? e}><div class="hover-text">${this._translations.viewArticle}</div></div><span class="padding-1-2" slot=heading>${this.heading}</span></calcite-card>`;
+  }
+  _getBlogCard() {
+    return t`<calcite-card><div class="card-image-wrap" slot=thumbnail><img alt=${this.heading ?? e} class="thumbnail card-image" src=${this.src ?? e}><div class="hover-text">${this._translations.viewBlog}</div></div><span class="padding-bottom-1" slot=heading>${this.heading}</span><span slot=description>${this.date}</span><div slot=footer-start><calcite-link .href=${this.href} icon-end=launch-2>${this._translations.readThisBlog}</calcite-link></div></calcite-card>`;
+  }
+  _cardSelected() {
+    this.articleCardSelected.emit(this.href);
   }
 }
-e("solution-article-card", a);
+i("solution-article-card", c);
 export {
-  a as SolutionArticleCard
+  c as SolutionArticleCard
 };

package/dist/components/solution-article-card/index.d.ts

@@ -1,2 +1,3 @@
 import "@esri/calcite-components/components/calcite-card";
+import "@esri/calcite-components/components/calcite-link";
 export * from "./customElement.js";

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

@@ -1,2 +1,3 @@
 import "@esri/calcite-components/components/calcite-card";
+import "@esri/calcite-components/components/calcite-link";
 export * from "./customElement.js";

package/dist/components/solution-configuration/customElement.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { IInventoryItem, ISolutionSpatialReferenceInfo } from '../../utils/interfaces';
 import { UserSession } from '@esri/solution-common';
 import { PropertyValues } from 'lit';

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

@@ -1,17 +1,16 @@
 import { c as h } from "../../chunks/runtime.js";
-import { keyed as l } from "lit-html/directives/keyed.js";
+import { keyed as l } from "lit/directives/keyed.js";
 import { b as c, c as u, d } from "../../chunks/templates.js";
 import { _ as i } from "../../chunks/solution-store.js";
 import { UserSession as a } from "@esri/solution-common";
 import { u as p } from "../../chunks/useT9n.js";
-import { nothing as r, html as o } from "lit";
-import { createRef as f, ref as m } from "lit-html/directives/ref.js";
-import { LitElement as _, noShadowRoot as g, safeClassMap as I } from "@arcgis/lumina";
-import { css as v } from "@lit/reactive-element/css-tag.js";
+import { css as f, nothing as r, html as o } from "lit";
+import { createRef as m, ref as _ } from "lit-html/directives/ref.js";
+import { LitElement as g, noShadowRoot as I, safeClassMap as v } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.5 */
-const b = v`@layer{/** @license
+See https://js.arcgis.com/1.1/esri/copyright.txt for details.
+v1.1.0-next.20250731 */
+const b = f`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -26,9 +25,9 @@ const b = v`@layer{/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */.configuration-container{@apply w-full h-full relative;}.configuration{@apply absolute top-0 right-0 bottom-0 left-0 flex p-2 border-lightgray;}.config-tabs,.config-tab{@apply w-full;}.config-solution{@apply absolute top-14 -right-px -bottom-px -left-px flex p-2;}.config-inventory{@apply inline flex-grow-0 overflow-y-auto max-w-min;}.config-inventory-hide{@apply flex-grow-0 overflow-y-auto max-w-min hidden;}.config-item{@apply inline flex-grow overflow-y-auto relative m-inline-start-2;}solution-contents{@apply relative h-full;}solution-item{@apply relative h-full;}solution-spatial-ref{@apply w-full h-full relative overflow-y-auto;}}`;
-class y extends _ {
+class y extends g {
   constructor() {
-    super(), this.authentication = new a({}), this.serializedAuthentication = "", this.solutionItemId = "", this.showLoading = !1, this._currentEditItemId = "", this._organizationVariables = "", this._solutionContentsComponent = f(), this._solutionIsLoaded = !1, this._solutionVariables = "", this._templateHierarchy = [], this._translations = p({ name: "solution-configuration", blocking: !0 }), this._treeOpen = !0, this._solutionStoreHasChanges = !1, this._solutionEditorHasChanges = !1, this._solutionEditorHasErrors = !1, this._canSave = !1, this.serializedAuthentication && (this.authentication = a.deserialize(this.serializedAuthentication)), this.solutionItemId && this._loadSolution(this.solutionItemId), this.listenOn(window, "solutionStoreHasChanges", (t) => {
+    super(), this.authentication = new a({}), this.serializedAuthentication = "", this.solutionItemId = "", this.showLoading = !1, this._currentEditItemId = "", this._organizationVariables = "", this._solutionContentsComponent = m(), this._solutionIsLoaded = !1, this._solutionVariables = "", this._templateHierarchy = [], this._translations = p({ name: "solution-configuration", blocking: !0 }), this._treeOpen = !0, this._solutionStoreHasChanges = !1, this._solutionEditorHasChanges = !1, this._solutionEditorHasErrors = !1, this._canSave = !1, this.serializedAuthentication && (this.authentication = a.deserialize(this.serializedAuthentication)), this.solutionItemId && this._loadSolution(this.solutionItemId), this.listenOn(window, "solutionStoreHasChanges", (t) => {
       this._updateSaveability(this._solutionStoreHasChanges = t.detail, this._solutionEditorHasChanges, this._solutionEditorHasErrors);
     }), this.listenOn(window, "solutionEditorHasChanges", (t) => {
       this._updateSaveability(this._solutionStoreHasChanges, this._solutionEditorHasChanges = t.detail, this._solutionEditorHasErrors);
@@ -43,7 +42,7 @@ class y extends _ {
     this.styles = b;
   }
   static {
-    this.shadowRootOptions = g;
+    this.shadowRootOptions = I;
   }
   willUpdate(t) {
     t.has("serializedAuthentication") && (this.hasUpdated || this.serializedAuthentication !== "") && this.serializedAuthenticationWatchHandler(), t.has("solutionItemId") && (this.hasUpdated || this.solutionItemId !== "") && this.valueWatchHandler();
@@ -56,7 +55,7 @@ class y extends _ {
   }
   render() {
     const t = i.getStoreInfo("spatialReferenceInfo"), e = i.getStoreInfo("featureServices").length > 0, n = i.getStoreInfo("solutionData");
-    return this._solutionVariables = JSON.stringify(c(n.templates, this._translations)), this._organizationVariables = JSON.stringify(u(this._translations)), o`${this._solutionIsLoaded ? null : o`<calcite-loader label></calcite-loader>`}<div class="configuration-container"><div class="configuration"><calcite-tabs class="config-tabs"><calcite-tab-nav slot=tab-nav><calcite-tab-title>${this._translations.definitionTab}</calcite-tab-title>${e ? o`<calcite-tab-title>${this._translations.spatialReferenceTab}</calcite-tab-title>` : null}</calcite-tab-nav><calcite-tab class="config-tab" selected><div class="config-solution"><div class=${I(this._treeOpen ? "config-inventory" : "config-inventory-hide")}>${l(`${this.solutionItemId}-contents`, o`<solution-contents id=configInventory ${m(this._solutionContentsComponent)}></solution-contents>`)}</div><calcite-button appearance=transparent class="collapse-btn" .iconStart=${this._treeOpen ? "chevrons-left" : "chevrons-right"} id=collapse-vars @click=${() => this._toggleTree()} scale=s title=${(this._treeOpen ? this._translations.collapse : this._translations.expand) ?? r}></calcite-button><div class="config-item">${l(`${this.solutionItemId}-item`, o`<solution-item .authentication=${this.authentication} itemId=${this._currentEditItemId ?? r} .organizationVariables=${this._organizationVariables} .solutionVariables=${this._solutionVariables}></solution-item>`)}</div></div></calcite-tab>${e ? o`<calcite-tab class="config-tab"><div class="config-solution">${l(`${this.solutionItemId}-spatial-ref`, o`<solution-spatial-ref .enableDefault=${!!t.default} .enabled=${t?.enabled} .featureServices=${i.getStoreInfo("featureServices").map((s) => s.name)} id=configure-solution-spatial-ref></solution-spatial-ref>`)}</div></calcite-tab>` : null}</calcite-tabs></div></div>`;
+    return this._solutionVariables = JSON.stringify(c(n.templates, this._translations)), this._organizationVariables = JSON.stringify(u(this._translations)), o`${this._solutionIsLoaded ? null : o`<calcite-loader label></calcite-loader>`}<div class="configuration-container"><div class="configuration"><calcite-tabs class="config-tabs"><calcite-tab-nav slot=tab-nav><calcite-tab-title>${this._translations.definitionTab}</calcite-tab-title>${e ? o`<calcite-tab-title>${this._translations.spatialReferenceTab}</calcite-tab-title>` : null}</calcite-tab-nav><calcite-tab class="config-tab" selected><div class="config-solution"><div class=${v(this._treeOpen ? "config-inventory" : "config-inventory-hide")}>${l(`${this.solutionItemId}-contents`, o`<solution-contents id=configInventory ${_(this._solutionContentsComponent)}></solution-contents>`)}</div><calcite-button appearance=transparent class="collapse-btn" .iconStart=${this._treeOpen ? "chevrons-left" : "chevrons-right"} id=collapse-vars @click=${() => this._toggleTree()} scale=s title=${(this._treeOpen ? this._translations.collapse : this._translations.expand) ?? r}></calcite-button><div class="config-item">${l(`${this.solutionItemId}-item`, o`<solution-item .authentication=${this.authentication} itemId=${this._currentEditItemId ?? r} .organizationVariables=${this._organizationVariables} .solutionVariables=${this._solutionVariables}></solution-item>`)}</div></div></calcite-tab>${e ? o`<calcite-tab class="config-tab"><div class="config-solution">${l(`${this.solutionItemId}-spatial-ref`, o`<solution-spatial-ref .enableDefault=${!!t.default} .enabled=${t?.enabled} .featureServices=${i.getStoreInfo("featureServices").map((s) => s.name)} id=configure-solution-spatial-ref></solution-spatial-ref>`)}</div></calcite-tab>` : null}</calcite-tabs></div></div>`;
   }
   _solutionItemSelected(t) {
     this._currentEditItemId = t.detail;

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

@@ -1,13 +1,9 @@
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 import { ISolutionInfoCard, ITemplateInfo } from '../../utils/interfaces';
 import { PropertyValues } from 'lit';
 
 export declare class SolutionConfigureDialog extends LitElement {
-    /** The authentication from global nav */
-    authContextConsumer: import('@lit/context').ContextConsumer<{
-        __context__: import('../../utils/Auth').Auth;
-    }, HTMLElement & import('lit').ReactiveControllerHost>;
     /** Key details about the solution */
     card: ISolutionInfoCard | undefined;
     /** Reference to the card that opened this dialog */
@@ -26,6 +22,9 @@ export declare class SolutionConfigureDialog extends LitElement {
     showSuccessAlert: boolean;
     /** ITemplateInfo[]: Collection of template infos */
     templateInfos: ITemplateInfo[];
-    /** This event will be emitted when this dialog is closed */
-    readonly solutionConfigureDialogClose: TargetedEvent<this, void>;
+    /**
+     * This event will be emitted when this dialog is closed.
+     * When the emitted value is true the solution has been updated and needs to be fetched again
+     */
+    readonly solutionConfigureDialogClose: TargetedEvent<this, boolean>;
 }