@esri/solutions-components 1.0.0-next.20250427 → 1.0.0-next.20250429.1

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

@@ -1,17 +1,17 @@
 import { g as b, c as y } from "../../chunks/runtime.js";
-import { e as c, f as l, a as h } from "../../chunks/interfaces.js";
+import { e as c, f as l, a as d } from "../../chunks/interfaces.js";
 import { l as S } from "../../chunks/loadModules.js";
 import { b as w, c as v } from "../../chunks/mapViewUtils.js";
-import { s as p } from "../../chunks/publicNotificationStore.js";
+import { s as h } from "../../chunks/publicNotificationStore.js";
 import { c as $, r as k } from "../../chunks/downloadUtils.js";
 import { u as L } 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 x, createEvent as E, noShadowRoot as T, safeClassMap as d } from "@arcgis/lumina";
+import { LitElement as x, createEvent as E, noShadowRoot as T, safeClassMap as p } from "@arcgis/lumina";
 import { css as C } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250427 */
+v1.0.0-next.20250429 */
 const I = C`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -29,10 +29,10 @@ const I = C`@layer{/** @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 x {
   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.locale = "", 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 = L({ 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 = L({ 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);
   }
   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, locale: 1, 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 };
+    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 };
   }
   static {
     this.styles = I;
@@ -42,17 +42,13 @@ class P extends x {
   }
   /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */
   willUpdate(e) {
-    e.has("locale") && this.localeWatchHandler(), 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"));
+    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"));
   }
   //--------------------------------------------------------------------------
   //
   //  Watch handlers
   //
   //--------------------------------------------------------------------------
-  /** Fetch translations when the locale is updated */
-  async localeWatchHandler() {
-    this.el.lang = this.locale;
-  }
   /** Called each time the mapView prop is changed. */
   async mapViewWatchHandler(e) {
     e?.popup && (this._popupsEnabled = e?.popupEnabled), this.searchConfiguration && this._initSearchConfiguration(this.searchConfiguration);
@@ -104,7 +100,7 @@ class P extends x {
   /** Renders the component. */
   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 ?? 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>`;
   }
   /** Called once just after the component is first loaded. */
   loaded() {
@@ -212,7 +208,7 @@ class P extends x {
   /**
    * Set _isMobile to true when the view is 600px or less
    *
-   * @param evt event from media query
+   * @param _evt event from media query
    * @protected
    */
   _setIsMobile(e) {
@@ -229,7 +225,7 @@ class P extends x {
    */
   _getActionGroup(e, t, i) {
     const s = this.showRefineSelection ? "w-1-3" : "w-1-2";
-    return o`<calcite-action-group class=${d(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 ?? g} @click=${() => {
       this._setPageType(t);
     }} text></calcite-action></div><calcite-tooltip label placement=bottom .referenceElement=${e}><span>${i}</span></calcite-tooltip></calcite-action-group>`;
   }
@@ -276,7 +272,7 @@ class P extends x {
    */
   _getListPage() {
     const e = this._hasSelections(), t = e ? this._translations.listHasSetsTip : this.initialNotice !== "" ? this.initialNotice : this._translations.selectLayerAndAdd;
-    return o`<calcite-panel>${this._getLabel(this._translations.myLists || "")}${this._getNotice(t || "", "padding-sides-1 padding-bottom-1", "word-wrap-anywhere")}${e ? this._getSelectionSetList() : this._getOnboardingImage()}<div class="display-flex padding-1"><calcite-button @click=${() => {
+    return o`<calcite-panel>${this._getLabel(this._translations.myLists)}${this._getNotice(t || "", "padding-sides-1 padding-bottom-1", "word-wrap-anywhere")}${e ? this._getSelectionSetList() : this._getOnboardingImage()}<div class="display-flex padding-1"><calcite-button @click=${() => {
       this._setPageType(l.SELECT);
     }} width=full><span class="font-weight-500">${this._translations.add}</span></calcite-button></div></calcite-panel>`;
   }
@@ -299,10 +295,10 @@ class P extends x {
     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) => {
+      return t.workflowType === d.REFINE && (a = Object.keys(t.refineInfos).reduce((r, u) => {
         const m = t.refineInfos[u];
         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;
+      }, 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>`;
   }
   /**
@@ -314,7 +310,7 @@ class P extends x {
    * @protected
    */
   _getSelectionSetIds(e) {
-    return e.workflowType !== h.REFINE ? e.selectedIds : Object.keys(e.refineInfos).reduce((t, i) => [...t, ...e.refineInfos[i].addIds], []);
+    return e.workflowType !== d.REFINE ? e.selectedIds : Object.keys(e.refineInfos).reduce((t, i) => [...t, ...e.refineInfos[i].addIds], []);
   }
   /**
    * Check if any valid selection sets exist.
@@ -324,7 +320,7 @@ class P extends x {
    */
   _hasSelections(e = !1) {
     let t = [];
-    const i = this._selectionSets.some((s) => s.workflowType === h.REFINE ? (t = this._getSelectionSetIds(s), !0) : !1);
+    const i = this._selectionSets.some((s) => s.workflowType === d.REFINE ? (t = this._getSelectionSetIds(s), !0) : !1);
     return e && i ? t.length > 0 || this._selectionSets.length > 1 : this._selectionSets.length > 0;
   }
   /**
@@ -346,7 +342,7 @@ class P extends x {
   _getExportInfos() {
     return this._selectionSets.reduce((e, t) => {
       if (t.download)
-        if (t.workflowType !== h.REFINE && t?.layerView) {
+        if (t.workflowType !== d.REFINE && t?.layerView) {
           const i = t.layerView.layer.id;
           i !== void 0 && this._updateIds(i, t.layerView, t.selectedIds, e);
         } else
@@ -380,10 +376,10 @@ class P extends x {
    * @protected
    */
   _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} .locale=${this.locale} .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, () => {
+    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, () => {
       this._saveSelection();
-    }, this._translations.cancel || "", !1, () => {
+    }, this._translations.cancel, !1, () => {
       this._home();
     })}</calcite-panel>`;
   }
@@ -396,7 +392,7 @@ class P extends x {
    */
   _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=${d("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.locale?.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 ${_(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>`;
   }
   /**
    * Store the user selected export type CSV || PDF
@@ -413,7 +409,7 @@ class P extends x {
    */
   _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=${d(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=${parseInt(this.defaultNumLabelsPerPage.toString(), 10)} .disabled=${!this._downloadActive} .locale=${this.locale} ${_(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=${d(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.locale?.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} ${_(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>`;
   }
   /**
    * Toggle the _addMap state variable and update the graphics on the map
@@ -439,9 +435,9 @@ class P extends x {
    */
   _getManagedLayer(e) {
     let t;
-    return Object.keys(p.managedLayers).some((i) => {
+    return Object.keys(h.managedLayers).some((i) => {
       const s = this.mapView?.map.layers.findIndex((a) => a.title === i);
-      return p.managedLayers[i] === e && s !== void 0 ? (t = this.mapView?.map.layers.getItemAt(s), !0) : !1;
+      return h.managedLayers[i] === e && s !== void 0 ? (t = this.mapView?.map.layers.getItemAt(s), !0) : !1;
     }), t;
   }
   /**
@@ -493,7 +489,7 @@ class P extends x {
    */
   _getRefinePage() {
     const e = this._hasSelections();
-    return o`<calcite-panel>${this._getLabel(this._translations.refineSelection || "")}${e ? o`<div>${this._getNotice(this._translations.refineTip || "", "padding-sides-1")}<refine-selection .enabledLayerIds=${this.selectionLayerIds} .locale=${this.locale} .mapView=${this.mapView} .selectionSets=${this._selectionSets} .sketchLineSymbol=${this.sketchLineSymbol} .sketchPointSymbol=${this.sketchPointSymbol} .sketchPolygonSymbol=${this.sketchPolygonSymbol}></refine-selection></div>` : this._getNotice(this._translations.refineTipNoSelections || "", "padding-sides-1")}</calcite-panel>`;
+    return o`<calcite-panel>${this._getLabel(this._translations.refineSelection)}${e ? o`<div>${this._getNotice(this._translations.refineTip, "padding-sides-1")}<refine-selection .enabledLayerIds=${this.selectionLayerIds} .mapView=${this.mapView} .selectionSets=${this._selectionSets} .sketchLineSymbol=${this.sketchLineSymbol} .sketchPointSymbol=${this.sketchPointSymbol} .sketchPolygonSymbol=${this.sketchPolygonSymbol}></refine-selection></div>` : this._getNotice(this._translations.refineTipNoSelections, "padding-sides-1")}</calcite-panel>`;
   }
   /**
    * Create the stacked navigation buttons for a page
@@ -523,7 +519,7 @@ class P extends x {
    * @protected
    */
   _getNotice(e, t = "padding-1", i = "") {
-    return o`<calcite-notice class=${d(t)} icon=lightbulb kind=success open><div class=${d(i)} slot=message>${e}</div></calcite-notice>`;
+    return o`<calcite-notice class=${p(t)} icon=lightbulb kind=success open><div class=${p(i)} slot=message>${e}</div></calcite-notice>`;
   }
   /**
    * Create a calcite label
@@ -535,7 +531,7 @@ class P extends x {
    * @protected
    */
   _getLabel(e, t = !1, i = "font-bold") {
-    return i += t ? " label-margin-0" : "", o`<div class=padding-top-sides-1><calcite-label class=${d(i)}>${e}</calcite-label></div>`;
+    return i += t ? " label-margin-0" : "", o`<div class=padding-top-sides-1><calcite-label class=${p(i)}>${e}</calcite-label></div>`;
   }
   /**
    * Get selection set list node with checkbox for Download pages
@@ -545,12 +541,12 @@ class P extends x {
    */
   _getExportSelectionLists() {
     return this._selectionSets.reduce((e, t) => {
-      const i = this._getSelectionSetIds(t), s = t.workflowType !== h.REFINE || i.length > 0;
+      const i = this._getSelectionSetIds(t), s = t.workflowType !== d.REFINE || i.length > 0;
       return !this._downloadActive && t.download && s && (this._downloadActive = !0), s && e.push(o`<div class="display-flex padding-sides-1 padding-bottom-1"><calcite-checkbox .checked=${t.download} class="align-center" @click=${() => {
         this._toggleDownload(t.id);
       }}></calcite-checkbox><calcite-list class="list-border margin-start-1-2 width-full" id=download-list label><calcite-list-item .disabled=${!t.download} .label=${t.label} @click=${() => {
         this._toggleDownload(t.id);
-      }}><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}}", i.length.toString())}</div></div></calcite-list-item></calcite-list></div>`), e;
+      }}><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}}", i.length.toString())}</div></div></calcite-list-item></calcite-list></div>`), e;
     }, []) || o`<div></div>`;
   }
   /**
@@ -585,7 +581,7 @@ class P extends x {
    */
   _getSelectionIdsAndViews(e, t = !1) {
     return (t ? e.filter((s) => s.download) : e).reduce((s, a) => {
-      if (a.workflowType === h.REFINE)
+      if (a.workflowType === d.REFINE)
         Object.keys(a.refineInfos).forEach((n) => {
           const r = a.refineInfos[n];
           if (r.addIds) {
@@ -680,7 +676,7 @@ class P extends x {
    * @param index number that defines what selection set to delete
    * @protected
    */
-  _deleteSelection(e, t) {
+  async _deleteSelection(e, t) {
     return t.stopPropagation(), this._selectionSets = this._selectionSets.filter((i, s) => s !== e ? i : !1), this._highlightFeatures();
   }
   /**
@@ -699,7 +695,7 @@ class P extends x {
    * @protected
    */
   _openSelection(e, t) {
-    t.stopPropagation(), this._activeSelection = e, this._pageType = e.workflowType === h.REFINE ? l.REFINE : l.SELECT;
+    t.stopPropagation(), this._activeSelection = e, this._pageType = e.workflowType === d.REFINE ? l.REFINE : l.SELECT;
   }
   /**
    * Highlight any selected features in the map
@@ -712,7 +708,7 @@ class P extends x {
     if (t.length > 0)
       for (let i = 0; i < t.length; i++) {
         const s = e[t[i]];
-        s.layerView && this.mapView && p.highlightHandles.push(await v(s.ids, s.layerView, this.mapView));
+        s.layerView && this.mapView && h.highlightHandles.push(await v(s.ids, s.layerView, this.mapView));
       }
   }
   /**
@@ -729,7 +725,7 @@ class P extends x {
    * @protected
    */
   _clearHighlight() {
-    console.log("_clearHighlight"), p && p.highlightHandles && p.removeHandles();
+    console.log("_clearHighlight"), h && h.highlightHandles && h.removeHandles();
   }
 }
 y("public-notification", P);

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

@@ -1,8 +1,7 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
-import { ESelectionMode, IRefineOperation, ISelectionSet } from '../../utils/interfaces';
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import { IRefineOperation, ISelectionSet, ESelectionMode } from '../../utils/interfaces';
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 import { MapLayerPicker } from '../map-layer-picker/customElement.js';
 import { MapDrawTools } from '../map-draw-tools/customElement.js';
 
@@ -14,8 +13,6 @@ export declare class RefineSelection extends LitElement {
      *  If empty all layers will be available
      */
     enabledLayerIds: string[];
-    /** string: The current user locale. */
-    locale: string;
     /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
     mapView: __esri.MapView | undefined;
     /** utils/interfaces/ISelectionSet: An array of user defined selection sets */

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

@@ -1,17 +1,17 @@
 import { c as I } from "../../chunks/runtime.js";
-import { c as o, d as k, a as f } from "../../chunks/interfaces.js";
+import { html as m } from "lit-html";
+import { c as l, d as k, a 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 { s as g } from "../../chunks/publicNotificationStore.js";
 import { u as $ } from "../../chunks/useT9n.js";
-import { html as m } from "lit";
 import { createRef as _, ref as u } from "lit-html/directives/ref.js";
-import { LitElement as R, createEvent as w, noShadowRoot as O, safeClassMap as A } from "@arcgis/lumina";
-import { css as C } from "@lit/reactive-element/css-tag.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";
 /*! 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.20250427 */
-const D = C`@layer{/** @license
+v1.0.0-next.20250429 */
+const D = A`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -26,12 +26,12 @@ const D = C`@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 T extends R {
+class C extends R {
   constructor() {
-    super(...arguments), this.enabledLayerIds = [], this.locale = "", this.selectionSets = [], this._translations = $({ name: "refine-selection", blocking: !0 }), this._selectionMode = o.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 = $({ 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, locale: 1, mapView: 0, selectionSets: 0, sketchLineSymbol: 0, sketchPointSymbol: 0, sketchPolygonSymbol: 0, _translations: 16, _selectionMode: 16, _refineLayer: 16 };
+    this.properties = { addresseeLayer: 0, enabledLayerIds: 0, mapView: 0, selectionSets: 0, sketchLineSymbol: 0, sketchPointSymbol: 0, sketchPolygonSymbol: 0, _translations: 16, _selectionMode: 16, _refineLayer: 16 };
   }
   static {
     this.styles = D;
@@ -39,19 +39,6 @@ class T extends R {
   static {
     this.shadowRootOptions = O;
   }
-  /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */
-  willUpdate(e) {
-    e.has("locale") && this.localeWatchHandler();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  /** Fetch translations when the locale is updated */
-  async localeWatchHandler() {
-    this.el.lang = this.locale;
-  }
   /** Called once just after the component is first connected to the DOM. */
   async load() {
     this._enabledLayerIds = this._getEnabledLayerIds(), await this._setRefineSet(this._enabledLayerIds[0]);
@@ -59,9 +46,9 @@ class T extends R {
   /** Renders the component. */
   render() {
     const e = this._enabledLayerIds.length > 1 ? "display-block" : "display-none";
-    return m`<div class=${A(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.locale?.toLowerCase() !== "he"} icon=question id=refine-input-layer scale=s></calcite-icon></div><map-layer-picker .enabledLayerIds=${this._enabledLayerIds} .locale=${this.locale} .mapView=${this.mapView} @layerSelectionChange=${(t) => {
+    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(o.ADD)} .value=${o.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(o.REMOVE)} .value=${o.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} .locale=${this.locale} .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=${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>`;
   }
   //--------------------------------------------------------------------------
   //
@@ -71,7 +58,7 @@ class T extends R {
   /**
    * Set the user selected layer as the current refine layer
    *
-   * @param evt contains the selected layer id
+   * @param _evt contains the selected layer id
    * @protected
    */
   _layerSelectionChange(e) {
@@ -90,7 +77,7 @@ class T extends R {
   /**
    * Select features based on the user drawn geometry
    *
-   * @param evt ISketchGraphicsChange stores the new graphics and a boolean useOIDs
+   * @param _evt ISketchGraphicsChange stores the new graphics and a boolean useOIDs
    * useOIDs is leveraged in some situations to use the feature OIDs rather than the graphic geometry
    * @protected
    */
@@ -164,7 +151,7 @@ class T extends R {
   _undo() {
     if (this._refineSelectionSet) {
       const e = this._refineSelectionSet.undoStack && this._refineSelectionSet.undoStack.pop();
-      e && this._refineSelectionSet.redoStack && this._updateIds(e.ids, e.mode === o.ADD ? o.REMOVE : o.ADD, this._refineSelectionSet.redoStack, e.layerView);
+      e && this._refineSelectionSet.redoStack && this._updateIds(e.ids, e.mode === l.ADD ? l.REMOVE : l.ADD, this._refineSelectionSet.redoStack, e.layerView);
     }
   }
   /**
@@ -176,7 +163,7 @@ class T extends R {
   _redo() {
     if (this._refineSelectionSet) {
       const e = this._refineSelectionSet.redoStack && this._refineSelectionSet.redoStack.pop();
-      e && this._refineSelectionSet.undoStack && this._updateIds(e.ids, e.mode === o.ADD ? o.REMOVE : o.ADD, this._refineSelectionSet.undoStack, e.layerView);
+      e && this._refineSelectionSet.undoStack && this._updateIds(e.ids, e.mode === l.ADD ? l.REMOVE : l.ADD, this._refineSelectionSet.undoStack, e.layerView);
     }
   }
   /**
@@ -193,7 +180,7 @@ class T extends R {
     t?.refineInfos && Object.keys(t.refineInfos).forEach((d) => {
       i += t.refineInfos[d].addIds.length, s += t.refineInfos[d].removeIds.length;
     });
-    const a = this._translations.featuresAdded || "", p = this._translations.featuresRemoved || "", c = this._translations.totalSelected || "";
+    const a = this._translations.featuresAdded, p = this._translations.featuresRemoved, c = this._translations.totalSelected;
     return [
       m`<calcite-list-item .label=${a.replace("{{n}}", i.toString())}></calcite-list-item>`,
       m`<calcite-list-item .label=${p.replace("{{n}}", s.toString())}></calcite-list-item>`,
@@ -213,15 +200,6 @@ class T extends R {
       return i += a.ids.length, i;
     }, 0);
   }
-  /**
-   * Fetches the component's translations
-   *
-   * @protected
-   */
-  // protected async _getTranslations(): Promise<void> {
-  //   const translations = await getLocaleComponentStrings(this.el);
-  //   this._translations = translations[0] as typeof RefineSelection_T9n;
-  // }
   /**
    * Select features based on the input geometry
    *
@@ -278,16 +256,16 @@ class T extends R {
       layerView: s
     };
     const n = p && Object.keys(p).indexOf(c) > -1 ? p[c] : d[c];
-    if (t === o.ADD)
+    if (t === l.ADD)
       n.addIds = [.../* @__PURE__ */ new Set([...e, ...n.addIds])], n.addIds.length > 0 && i.push({
         ids: e,
         mode: t,
         layerView: s
       }), n.removeIds.length > 0 && (n.removeIds = n.removeIds.filter((S) => e.indexOf(S) < 0));
     else {
-      const S = this.selectionSets.reduce((r, l) => (e.forEach((h) => {
-        l.workflowType !== f.REFINE ? l.selectedIds.indexOf(h) > -1 && r.push(h) : Object.keys(l.refineInfos).some((b) => {
-          const y = l.refineInfos[b];
+      const S = this.selectionSets.reduce((r, o) => (e.forEach((h) => {
+        o.workflowType !== f.REFINE ? o.selectedIds.indexOf(h) > -1 && r.push(h) : Object.keys(o.refineInfos).some((b) => {
+          const y = o.refineInfos[b];
           return y.layerView.layer.id === s.layer.id && y.addIds.indexOf(h) > -1 ? (r.push(h), !0) : !1;
         });
       }), r), []);
@@ -295,12 +273,12 @@ class T extends R {
         ids: S,
         mode: t,
         layerView: s
-      }), this.selectionSets = this.selectionSets.reduce((r, l) => (l.workflowType !== f.REFINE && l.layerView.layer.id === s.layer.id ? (l.selectedIds = l.selectedIds.filter((h) => n.removeIds.indexOf(h) < 0), l.selectedIds.length > 0 ? r.push(l) : a = !0) : r.push(l), r), []);
+      }), this.selectionSets = this.selectionSets.reduce((r, o) => (o.workflowType !== f.REFINE && o.layerView.layer.id === s.layer.id ? (o.selectedIds = o.selectedIds.filter((h) => n.removeIds.indexOf(h) < 0), o.selectedIds.length > 0 ? r.push(o) : a = !0) : r.push(o), r), []);
     }
     this._refineSelectionSet && (this._refineSelectionSet.refineInfos[c] = n), this.selectionSets = [...this.selectionSets], a && this.selectionSetsChanged.emit(this.selectionSets), await this._highlightFeatures();
   }
 }
-I("refine-selection", T);
+I("refine-selection", C);
 export {
-  T as RefineSelection
+  C as RefineSelection
 };

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

@@ -1,5 +1,5 @@
 /// <reference types="../../index.d.ts" />
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class SolutionArcticleCard extends LitElement {
 }

package/dist/components/solution-arcticle-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.20250427 */
+v1.0.0-next.20250429 */
 const n = o`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -29,10 +29,10 @@ class c extends s {
     this.properties = { _translations: 16 };
   }
   static {
-    this.styles = n;
+    this.shadowRootOptions = r;
   }
   static {
-    this.shadowRootOptions = r;
+    this.styles = n;
   }
   //--------------------------------------------------------------------------
   //
@@ -67,8 +67,7 @@ class c extends s {
   // async load(): Promise<void> {
   // }
   /** Called once just after the component is fully loaded and the first render() occurs. */
-  /** This lifecycle method is not expected to return a promise. The returned promise will be ignored by Lit rather than awaited. */
-  // async loaded(): Promise<void> {
+  // loaded(): void {
   // }
   /** Renders the component. */
   render() {

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

@@ -1,5 +1,5 @@
 /// <reference types="../../index.d.ts" />
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class SolutionCard extends LitElement {
 }

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

@@ -5,7 +5,7 @@ import { LitElement as s, noShadowRoot as o } 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.20250427 */
+v1.0.0-next.20250429 */
 const n = r`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -67,8 +67,7 @@ class a extends s {
   // async load(): Promise<void> {
   // }
   /** Called once just after the component is fully loaded and the first render() occurs. */
-  /** This lifecycle method is not expected to return a promise. The returned promise will be ignored by Lit rather than awaited. */
-  // async loaded(): Promise<void> {
+  // loaded(): void {
   // }
   /** Renders the component. */
   render() {

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

@@ -2,14 +2,12 @@
 import { IInventoryItem, ISolutionSpatialReferenceInfo } from '../../utils/interfaces';
 import { UserSession } from '@esri/solution-common';
 import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 import { SolutionContents } from '../solution-contents/customElement.js';
 
 export declare class SolutionConfiguration extends LitElement {
     /** Credentials for requests, which can be a serialized UserSession */
     authentication: UserSession;
-    /** string: Locale to use for translation of stings in the UI */
-    locale: string;
     serializedAuthentication: string;
     /** Contains the current solution item id */
     solutionItemId: string | undefined;