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

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

@@ -1,17 +1,17 @@
 import { c as m } from "../../chunks/runtime.js";
 import { l as _ } from "../../chunks/loadModules.js";
-import { d, i as p, j as g, g as u, c as w, e as y } from "../../chunks/mapViewUtils.js";
-import { c as b } from "../../chunks/queryUtils.js";
+import { d, j as c, i as g, g as p, c as w, e as y } from "../../chunks/mapViewUtils.js";
+import { d as b } from "../../chunks/queryUtils.js";
 import { u as L } from "../../chunks/useT9n.js";
-import { html as a, nothing as f } from "lit";
+import { html as a, nothing as u } from "lit";
 import { createRef as h, ref as o } from "lit-html/directives/ref.js";
-import { LitElement as F, createEvent as v, noShadowRoot as I, safeClassMap as c } from "@arcgis/lumina";
+import { LitElement as F, createEvent as v, noShadowRoot as I, safeClassMap as f } from "@arcgis/lumina";
 import { css as $ } from "@lit/reactive-element/css-tag.js";
 import "@arcgis/instant-apps-components";
 import { defineCustomElements as C } from "@arcgis/instant-apps-components/loader";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250427 */
+v1.0.0-next.20250429 */
 const S = $`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -29,10 +29,10 @@ const S = $`@layer{/** @license
  */:host{display:block;--calcite-label-margin-bottom: 0px;--solutions-theme-foreground-color: var(--calcite-color-foreground-1)}.width-full{width:100%!important}.width-0{width:0}.height-full{height:100%!important}.height-0{height:0}.overflow-hidden{overflow:hidden}.border{border:1px solid var(--calcite-color-border-3)}.notice-msg{padding:10px;width:calc(100% - 20px)}.progress-bar{padding:12px}.footer-top-button{padding-bottom:7px}.footer-button{height:35px}.feature-pagination{background-color:var(--calcite-color-foreground-1)!important;border-block-end:1px solid var(--calcite-color-border-3);display:flex;justify-content:center;padding:5px 0}.pagination-count{color:var(--calcite-color-brand);border-bottom:1px solid var(--calcite-color-brand);font-weight:700}.report-submitted-msg{position:absolute;z-index:1000}.share-node{display:flex}}`;
 class x extends F {
   constructor() {
-    super(), this.center = "", this.commentButtonText = "", this.commentSubmittedMessage = "", this.defaultWebmap = "", this.description = "", this.enableAnonymousAccess = !1, this.enableAnonymousComments = !1, this.enableComments = !1, this.enableHome = !0, this.enableLogin = !1, this.enableNewReports = !1, this.enableSearch = !0, this.enableSnapping = !1, this.enableZoom = !0, this.isMobile = !1, this.layerExpressions = [], this.layerId = "", this.level = "", this.locale = "", this.loginTitle = "", this.mapInfos = [], this.objectId = "", this.reportButtonText = "", this.reportsHeader = "", this.reportSubmittedMessage = "", this.showComments = !1, this.showUserImageInCommentsList = !1, this.showFeatureSymbol = !1, this.showMyReportsOnly = !1, this.submitNewReportsMessage = "", this.theme = "light", this.floorLevel = "", this.showFullCommentTitle = !0, this.filterByMapExtent = !1, this.sortOption = "newest", this._featureCreationFailedErrorMsg = "", this._filterActive = !1, this._flowItems = [], this._hasValidLayers = !1, this._reportSubmitted = !1, this._selectedLayerName = "", this._showSubmitCancelButton = !1, this._showLoadingIndicator = !1, this._sidePanelCollapsed = !1, this._translations = L({ name: "crowdsource-reporter", blocking: !0 }), this._updatedProgressBarStatus = 25, this._updatedSortOption = "newest", this._commentSubmitted = !1, this._addingCommentFailed = !1, this._filterOpen = !1, this._createFeature = h(), this._currentFeatureId = "", this._editableLayerIds = [], this._featureDetails = h(), this._featureList = h(), this._selectedRelatedFeature = [], this._filterList = h(), this._layerList = h(), this._createRelatedFeature = h(), this._layers = [], this._selectedFeature = [], this._selectedFeatureIndex = 0, this._selectedLayerId = "", this._shareNode = h(), this._urlParamsLoaded = !1, this._validLayers = [], this._nonVisibleValidLayers = [], this._showFullPanel = !1, this._floorExpression = "", this._formElements = [], this._prevSelectedLayerId = "", this._t9nLayerExpressions = [], this.togglePanel = v(), C(window);
+    super(), this.center = "", this.commentButtonText = "", this.commentSubmittedMessage = "", this.defaultWebmap = "", this.description = "", this.enableAnonymousAccess = !1, this.enableAnonymousComments = !1, this.enableComments = !1, this.enableHome = !0, this.enableLogin = !1, this.enableNewReports = !1, this.enableSearch = !0, this.enableSnapping = !1, this.enableZoom = !0, this.isMobile = !1, this.layerExpressions = [], this.layerId = "", this.level = "", this.loginTitle = "", this.mapInfos = [], this.objectId = "", this.reportButtonText = "", this.reportsHeader = "", this.reportSubmittedMessage = "", this.showComments = !1, this.showUserImageInCommentsList = !1, this.showFeatureSymbol = !1, this.showMyReportsOnly = !1, this.submitNewReportsMessage = "", this.theme = "light", this.floorLevel = "", this.showFullCommentTitle = !0, this.filterByMapExtent = !1, this.sortOption = "newest", this._featureCreationFailedErrorMsg = "", this._filterActive = !1, this._flowItems = [], this._hasValidLayers = !1, this._reportSubmitted = !1, this._selectedLayerName = "", this._showSubmitCancelButton = !1, this._showLoadingIndicator = !1, this._sidePanelCollapsed = !1, this._translations = L({ name: "crowdsource-reporter", blocking: !0 }), this._updatedProgressBarStatus = 25, this._updatedSortOption = "newest", this._commentSubmitted = !1, this._addingCommentFailed = !1, this._filterOpen = !1, this._createFeature = h(), this._currentFeatureId = "", this._editableLayerIds = [], this._featureDetails = h(), this._featureList = h(), this._selectedRelatedFeature = [], this._filterList = h(), this._layerList = h(), this._createRelatedFeature = h(), this._layers = [], this._selectedFeature = [], this._selectedFeatureIndex = 0, this._selectedLayerId = "", this._shareNode = h(), this._urlParamsLoaded = !1, this._validLayers = [], this._nonVisibleValidLayers = [], this._showFullPanel = !1, this._floorExpression = "", this._formElements = [], this._prevSelectedLayerId = "", this._t9nLayerExpressions = [], this.togglePanel = v(), C(window);
   }
   static {
-    this.properties = { center: 1, commentButtonText: 1, commentSubmittedMessage: 1, defaultWebmap: 1, description: 1, enableAnonymousAccess: 5, enableAnonymousComments: 5, enableComments: 5, enableHome: 5, enableLogin: 5, enableNewReports: 5, enableSearch: 5, enableSnapping: 5, enableZoom: 5, isMobile: 5, layerExpressions: 0, layerId: 1, level: 1, locale: 1, loginTitle: 1, mapInfos: 0, mapView: 0, objectId: 1, reportButtonText: 1, reportingOptions: 0, reportsHeader: 1, reportSubmittedMessage: 1, searchConfiguration: 0, showComments: 5, showUserImageInCommentsList: 5, showFeatureSymbol: 5, showMyReportsOnly: 5, submitNewReportsMessage: 1, theme: 1, zoomToScale: 9, floorLevel: 1, showFullCommentTitle: 5, filterByMapExtent: 5, sortOption: 1, _featureCreationFailedErrorMsg: 16, _filterActive: 16, _flowItems: 16, _hasValidLayers: 16, _mapInfo: 16, _reportSubmitted: 16, _selectedLayerName: 16, _showSubmitCancelButton: 16, _showLoadingIndicator: 16, _sidePanelCollapsed: 16, _translations: 16, _updatedProgressBarStatus: 16, _updatedSorting: 16, _updatedSortOption: 16, _commentSubmitted: 16, _addingCommentFailed: 16, _filterOpen: 16 };
+    this.properties = { center: 1, commentButtonText: 1, commentSubmittedMessage: 1, defaultWebmap: 1, description: 1, enableAnonymousAccess: 5, enableAnonymousComments: 5, enableComments: 5, enableHome: 5, enableLogin: 5, enableNewReports: 5, enableSearch: 5, enableSnapping: 5, enableZoom: 5, isMobile: 5, layerExpressions: 0, layerId: 1, level: 1, loginTitle: 1, mapInfos: 0, mapView: 0, objectId: 1, reportButtonText: 1, reportingOptions: 0, reportsHeader: 1, reportSubmittedMessage: 1, searchConfiguration: 0, showComments: 5, showUserImageInCommentsList: 5, showFeatureSymbol: 5, showMyReportsOnly: 5, submitNewReportsMessage: 1, theme: 1, zoomToScale: 9, floorLevel: 1, showFullCommentTitle: 5, filterByMapExtent: 5, sortOption: 1, _featureCreationFailedErrorMsg: 16, _filterActive: 16, _flowItems: 16, _hasValidLayers: 16, _mapInfo: 16, _reportSubmitted: 16, _selectedLayerName: 16, _showSubmitCancelButton: 16, _showLoadingIndicator: 16, _sidePanelCollapsed: 16, _translations: 16, _updatedProgressBarStatus: 16, _updatedSorting: 16, _updatedSortOption: 16, _commentSubmitted: 16, _addingCommentFailed: 16, _filterOpen: 16 };
   }
   static {
     this.styles = S;
@@ -44,9 +44,8 @@ class x extends F {
    * Called before every render().
    * Update the filter list's initial definition expressions when the filter list component is available
    */
-  /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */
   willUpdate(e) {
-    e.has("isMobile") && this.isMobileWatchHandler(this.isMobile), e.has("locale") && this.localeWatchHandler(), e.has("mapView") && this.mapViewWatchHandler(), e.has("floorLevel") && this.floorLevelWatchHandler(), e.has("showMyReportsOnly") && (this.hasUpdated || this.showMyReportsOnly !== !1) && this.showMyReportsOnlyWatchHandler(), e.has("sortOption") && (this.hasUpdated || this.sortOption !== "newest") && this.sortOptionWatchHandler(), e.has("filterByMapExtent") && (this.hasUpdated || this.filterByMapExtent !== !1) && this.filterByMapExtentChangeWatchHandler(), e.has("layerExpressions") && (this.hasUpdated || this.layerExpressions?.length > 0) && this.layerExpressionsWatchHandler(), e.has("showFeatureSymbol") && (this.hasUpdated || this.showFeatureSymbol !== !1) && this.showFeatureSymbolWatchHandler(), (this._flowItems.includes("filter-panel") || this._filterOpen) && this._filterList.value?.updateInitDefExpressions({ initDefExpressions: this._initDefExpressions });
+    e.has("isMobile") && this.isMobileWatchHandler(this.isMobile), e.has("mapView") && this.mapViewWatchHandler(), e.has("floorLevel") && this.floorLevelWatchHandler(), e.has("showMyReportsOnly") && (this.hasUpdated || this.showMyReportsOnly !== !1) && this.showMyReportsOnlyWatchHandler(), e.has("sortOption") && (this.hasUpdated || this.sortOption !== "newest") && this.sortOptionWatchHandler(), e.has("filterByMapExtent") && (this.hasUpdated || this.filterByMapExtent !== !1) && this.filterByMapExtentChangeWatchHandler(), e.has("layerExpressions") && (this.hasUpdated || this.layerExpressions?.length > 0) && this.layerExpressionsWatchHandler(), e.has("showFeatureSymbol") && (this.hasUpdated || this.showFeatureSymbol !== !1) && this.showFeatureSymbolWatchHandler(), (this._flowItems.includes("filter-panel") || this._filterOpen) && this._filterList.value?.updateInitDefExpressions({ initDefExpressions: this._initDefExpressions });
   }
   //--------------------------------------------------------------------------
   //
@@ -57,10 +56,6 @@ class x extends F {
   async isMobileWatchHandler(e) {
     this.updatePanelState(!1, this._showFullPanel), e && this._flowItems[this._flowItems.length - 1] === "filter-panel" ? (await this.backFromFilterPanel(), this._filterOpen = !0) : !e && this._filterOpen && (await this._closeFilter(), this._flowItems = [...this._flowItems, "filter-panel"]);
   }
-  /** Fetch translations when the locale is updated */
-  async localeWatchHandler() {
-    this.el.lang = this.locale;
-  }
   /** Called each time the mapView prop is changed. */
   async mapViewWatchHandler() {
     await this.mapView?.when(async () => {
@@ -128,13 +123,13 @@ class x extends F {
   /** Renders the component. */
   render() {
     const e = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
-    return a`${this._reportSubmitted && a`<calcite-alert auto-close class=${c(e + " report-submitted-msg")} icon=check-circle kind=success label @calciteAlertClose=${() => {
+    return a`${this._reportSubmitted && a`<calcite-alert auto-close class=${`${e} report-submitted-msg`} icon=check-circle kind=success label @calciteAlertClose=${() => {
       this._reportSubmitted = !1;
-    }} open placement=top><div slot=message>${this.reportSubmittedMessage ? this.reportSubmittedMessage : this._translations.submitMsg}</div></calcite-alert>` || ""}${this._featureCreationFailedErrorMsg && a`<calcite-alert auto-close class=${c(e)} icon=x-octagon kind=danger label @calciteAlertClose=${() => {
+    }} open placement=top><div slot=message>${this.reportSubmittedMessage ? this.reportSubmittedMessage : this._translations.submitMsg}</div></calcite-alert>` || ""}${this._featureCreationFailedErrorMsg && a`<calcite-alert auto-close class=${f(e)} icon=x-octagon kind=danger label @calciteAlertClose=${() => {
       this._featureCreationFailedErrorMsg = "";
-    }} open placement=top><div slot=title>${this._translations.error}</div><div slot=message>${this._featureCreationFailedErrorMsg}</div></calcite-alert>` || ""}${this._commentSubmitted && a`<calcite-alert auto-close class=${c("report-submitted " + e)} icon=check-circle kind=success label @calciteAlertClose=${() => {
+    }} open placement=top><div slot=title>${this._translations.error}</div><div slot=message>${this._featureCreationFailedErrorMsg}</div></calcite-alert>` || ""}${this._commentSubmitted && a`<calcite-alert auto-close class=${`report-submitted ${e}`} icon=check-circle kind=success label @calciteAlertClose=${() => {
       this._commentSubmitted = !1;
-    }} open placement=top><div slot=message>${this.commentSubmittedMessage || this._translations.commentSubmittedMsg}</div></calcite-alert>` || ""}${this._addingCommentFailed && a`<calcite-alert auto-close class=${c(e)} icon=x-octagon kind=danger label @calciteAlertClose=${() => {
+    }} open placement=top><div slot=message>${this.commentSubmittedMessage || this._translations.commentSubmittedMsg}</div></calcite-alert>` || ""}${this._addingCommentFailed && a`<calcite-alert auto-close class=${f(e)} icon=x-octagon kind=danger label @calciteAlertClose=${() => {
       this._addingCommentFailed = !1;
     }} open placement=top><div slot=title>${this._translations.error}</div><div slot=message>${this._translations.addingCommentFailedMsg}</div></calcite-alert>` || ""}<div><calcite-shell content-behind>${this._getReporter()}</calcite-shell></div>${this.isMobile && this.filterModal() || ""}`;
   }
@@ -212,7 +207,7 @@ class x extends F {
       }
     });
     const t = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
-    return a`<calcite-panel class=${c("width-full " + t)}>${this.mapView ? a`<calcite-flow>${e?.length > 0 && e || ""}</calcite-flow>` : a`<calcite-loader label scale=m></calcite-loader>`}</calcite-panel>`;
+    return a`<calcite-panel class=${`width-full ${t}`}>${this.mapView ? a`<calcite-flow>${e?.length > 0 && e || ""}</calcite-flow>` : a`<calcite-loader label scale=m></calcite-loader>`}</calcite-panel>`;
   }
   /**
    * Show filter component in modal
@@ -220,7 +215,7 @@ class x extends F {
    * @returns node to interact with any configured filters for the current layer
    */
   filterModal() {
-    return (this.layerExpressions ? this.layerExpressions.filter((t) => t.id === this._selectedLayerId) : []).length > 0 && a`<calcite-modal aria-labelledby=modal-title class="modal" kind=brand @calciteModalClose=${() => void this._closeFilter()} .open=${this._filterOpen} width-scale=s><div class="display-flex align-center" id=modal-title slot=header>${this._translations?.filterLayerTitle?.replace("{{title}}", this._selectedLayerName)}</div><div slot=content>${this.mapView && a`<instant-apps-filter-list close-btn .closeBtnOnClick=${() => void this._closeFilter()} combobox-overlay-positioning=fixed .layerExpressions=${this._currentLayerExpressions} @filterListReset=${() => {
+    return (this.layerExpressions ? this.layerExpressions.filter((t) => t.id === this._selectedLayerId) : []).length > 0 && a`<calcite-modal aria-labelledby=modal-title class="modal" kind=brand @calciteModalClose=${() => void this._closeFilter()} .open=${this._filterOpen} width-scale=s><div class="display-flex align-center" id=modal-title slot=header>${this._translations.filterLayerTitle.replace("{{title}}", this._selectedLayerName)}</div><div slot=content>${this.mapView && a`<instant-apps-filter-list close-btn .closeBtnOnClick=${() => void this._closeFilter()} combobox-overlay-positioning=fixed .layerExpressions=${this._currentLayerExpressions} @filterListReset=${() => {
       this._filterActive = !1, this._featureList.value && this._featureList.value.refresh();
     }} @filterUpdate=${() => {
       this._filterList.value?.filterCount !== void 0 && this._handleFilterUpdate(this._filterList.value?.filterCount > 0);
@@ -297,7 +292,7 @@ class x extends F {
    * @protected
    */
   getLayerListFlowItem() {
-    return a`<calcite-flow-item .collapsed=${this.isMobile && this._sidePanelCollapsed} .heading=${this.reportsHeader} .selected=${this._flowItems[this._flowItems.length - 1] === "layer-list"}>${this.isMobile && this.getActionToExpandCollapsePanel() || ""}${this._hasValidLayers && this.enableNewReports && a`<calcite-button appearance=solid @click=${this.navigateToChooseCategory} slot=footer width=full>${this.reportButtonText ? this.reportButtonText : this._translations.createReportButtonText}</calcite-button>` || ""}<calcite-panel><layer-list .applyLayerViewFilter=${this.showMyReportsOnly} class="height-full" .filterByMapExtent=${this.filterByMapExtent} .layers=${this._editableLayerIds?.length > 0 ? this._editableLayerIds : this._layers} .locale=${this.locale} .mapView=${this.mapView} @layerSelect=${this.displayFeaturesList} @layersListLoaded=${this.layerListLoaded} show-feature-count show-next-icon ${o(this._layerList)}></layer-list></calcite-panel></calcite-flow-item>`;
+    return a`<calcite-flow-item .collapsed=${this.isMobile && this._sidePanelCollapsed} .heading=${this.reportsHeader} .selected=${this._flowItems[this._flowItems.length - 1] === "layer-list"}>${this.isMobile && this.getActionToExpandCollapsePanel() || ""}${this._hasValidLayers && this.enableNewReports && a`<calcite-button appearance=solid @click=${this.navigateToChooseCategory} slot=footer width=full>${this.reportButtonText ? this.reportButtonText : this._translations.createReportButtonText}</calcite-button>` || ""}<calcite-panel><layer-list .applyLayerViewFilter=${this.showMyReportsOnly} class="height-full" .filterByMapExtent=${this.filterByMapExtent} .layers=${this._editableLayerIds?.length > 0 ? this._editableLayerIds : this._layers} .mapView=${this.mapView} @layerSelect=${this.displayFeaturesList} @layersListLoaded=${this.layerListLoaded} show-feature-count show-next-icon ${o(this._layerList)}></layer-list></calcite-panel></calcite-flow-item>`;
   }
   /**
    * Get the layer list for creating a report
@@ -307,7 +302,7 @@ class x extends F {
    */
   getChooseCategoryFlowItem() {
     const e = this.reportingOptions ? Object.keys(this.reportingOptions).filter((t) => this.reportingOptions && this.reportingOptions[t].visible && this.reportingOptions[t].reporting && this._layerItemsHash && this._layerItemsHash[t] && this._layerItemsHash[t].supportsAdd) : [];
-    return a`<calcite-flow-item .collapsed=${this.isMobile && this._sidePanelCollapsed} .heading=${this.reportButtonText ? this.reportButtonText : this._translations.createReportButtonText} @calciteFlowItemBack=${this.backFromSelectedPanel} .selected=${this._flowItems[this._flowItems.length - 1] === "reporting-layer-list"}><calcite-panel><div class="progress-bar"><calcite-progress type=determinate .value=${this._updatedProgressBarStatus}></calcite-progress></div><calcite-notice class="notice-msg" icon=lightbulb kind=success open><div slot=message>${this._translations.chooseCategoryMsg}</div></calcite-notice><layer-list class="height-full" .layers=${e} .locale=${this.locale} .mapView=${this.mapView} @layerSelect=${this.navigateToCreateFeature}></layer-list></calcite-panel></calcite-flow-item>`;
+    return a`<calcite-flow-item .collapsed=${this.isMobile && this._sidePanelCollapsed} .heading=${this.reportButtonText ? this.reportButtonText : this._translations.createReportButtonText} @calciteFlowItemBack=${this.backFromSelectedPanel} .selected=${this._flowItems[this._flowItems.length - 1] === "reporting-layer-list"}><calcite-panel><div class="progress-bar"><calcite-progress type=determinate .value=${this._updatedProgressBarStatus}></calcite-progress></div><calcite-notice class="notice-msg" icon=lightbulb kind=success open><div slot=message>${this._translations.chooseCategoryMsg}</div></calcite-notice><layer-list class="height-full" .layers=${e} .mapView=${this.mapView} @layerSelect=${this.navigateToCreateFeature}></layer-list></calcite-panel></calcite-flow-item>`;
   }
   /**
    * Get Feature create form of the selected feature layer
@@ -316,12 +311,12 @@ class x extends F {
    * @protected
    */
   getFeatureCreateFlowItem() {
-    return a`<calcite-flow-item .collapsed=${this.isMobile && this._sidePanelCollapsed} .heading=${this._selectedLayerName} @calciteFlowItemBack=${this.backFromCreateFeaturePanel} .selected=${this._flowItems[this._flowItems.length - 1] === "feature-create"}>${this._showSubmitCancelButton && a`<div class=width-full slot=footer><calcite-button appearance=solid class="footer-top-button footer-button" @click=${this.onCreateFeatureSubmitButtonClick} width=full>${this._translations.submit}</calcite-button><calcite-button appearance=outline class=footer-button @click=${this.backFromCreateFeaturePanel} width=full>${this._translations.cancel}</calcite-button></div>` || ""}<calcite-panel><div class="progress-bar"><calcite-progress type=determinate .value=${this._updatedProgressBarStatus}></calcite-progress></div><create-feature customize-submit enable-search .enableSnapping=${this.enableSnapping} .floorLevel=${this.floorLevel} .formElements=${this._formElements.find((e) => e.id === this._selectedLayerId)} .isMobile=${this.isMobile} .locale=${this.locale} .mapView=${this.mapView} @drawComplete=${this.onFormReady} @editingAttachment=${this.showSubmitCancelButton} @fail=${this.createFeatureFailed} @modeChanged=${this.backFromCreateFeaturePanel} @progressStatus=${this.updatedProgressStatus} @success=${this.onReportSubmitted} .searchConfiguration=${this.searchConfiguration} .selectedLayerId=${this._selectedLayerId} .submitNewReportsMessage=${this.submitNewReportsMessage} ${o(this._createFeature)}></create-feature></calcite-panel></calcite-flow-item>`;
+    return a`<calcite-flow-item .collapsed=${this.isMobile && this._sidePanelCollapsed} .heading=${this._selectedLayerName} @calciteFlowItemBack=${this.backFromCreateFeaturePanel} .selected=${this._flowItems[this._flowItems.length - 1] === "feature-create"}>${this._showSubmitCancelButton && a`<div class=width-full slot=footer><calcite-button appearance=solid class="footer-top-button footer-button" @click=${this.onCreateFeatureSubmitButtonClick} width=full>${this._translations.submit}</calcite-button><calcite-button appearance=outline class=footer-button @click=${this.backFromCreateFeaturePanel} width=full>${this._translations.cancel}</calcite-button></div>` || ""}<calcite-panel><div class="progress-bar"><calcite-progress type=determinate .value=${this._updatedProgressBarStatus}></calcite-progress></div><create-feature customize-submit enable-search .enableSnapping=${this.enableSnapping} .floorLevel=${this.floorLevel} .formElements=${this._formElements.find((e) => e.id === this._selectedLayerId)} .isMobile=${this.isMobile} .mapView=${this.mapView} @drawComplete=${this.onFormReady} @editingAttachment=${this.showSubmitCancelButton} @fail=${this.createFeatureFailed} @modeChanged=${this.backFromCreateFeaturePanel} @progressStatus=${this.updatedProgressStatus} @success=${this.onReportSubmitted} .searchConfiguration=${this.searchConfiguration} .selectedLayerId=${this._selectedLayerId} .submitNewReportsMessage=${this.submitNewReportsMessage} ${o(this._createFeature)}></create-feature></calcite-panel></calcite-flow-item>`;
   }
   /**
    * Update the progress bar status when editor panel changes
    *
-   * @param evt Event which has progress bar status
+   * @param _evt Event which has progress bar status
    * @protected
    */
   updatedProgressStatus(e) {
@@ -378,7 +373,7 @@ class x extends F {
   /**
    * On creating the feature is failed, show the error message
    *
-   * @param evt Event which has feature failed message
+   * @param _evt Event which has feature failed message
    * @protected
    */
   createFeatureFailed(e) {
@@ -395,7 +390,7 @@ class x extends F {
   /**
    * On adding the is failed, show the error message
    *
-   * @param evt Event which has comment failed message
+   * @param _evt Event which has comment failed message
    * @protected
    */
   addCommentFailed(e) {
@@ -422,7 +417,7 @@ class x extends F {
   /**
    * On layer select open the feature create flow item
    *
-   * @param evt Event which has details of selected layerId and layerName
+   * @param _evt Event which has details of selected layerId and layerName
    * @protected
    */
   async navigateToCreateFeature(e) {
@@ -447,12 +442,12 @@ class x extends F {
   /**
    * When layer list is loaded, we will receive the list of layers, if its  means we don't have any valid layer to be listed
    *
-   * @param evt Event which has list of layers
+   * @param _evt Event which has list of layers
    * @protected
    */
   async layerListLoaded(e) {
     if (this._layerList.value && this._flowItems[this._flowItems.length - 1] === "layer-list" || this._flowItems[0] === "feature-list") {
-      const i = e.detail, s = this.mapView && await p(this.mapView), r = [];
+      const i = e.detail, s = this.mapView && await c(this.mapView), r = [];
       this._validLayers = [], this._nonVisibleValidLayers = [], s?.forEach((l) => {
         i.includes(l.id) && (this._validLayers.push(l), l.visible || this._nonVisibleValidLayers.push(l), this._getLayersConfig(l.id)?.reporting && this._layerItemsHash && this._layerItemsHash[l.id] && this._layerItemsHash[l.id].supportsAdd && r.push(l.id));
       }), this.handleMapClick(), this._hasValidLayers = r.length > 0, this._urlParamsLoaded || (this._urlParamsLoaded = !0, await this.loadFeatureFromURLParams());
@@ -461,7 +456,7 @@ class x extends F {
   /**
    * On click of layer list item show feature list
    *
-   * @param evt Event which has details of selected layerId and layerName
+   * @param _evt Event which has details of selected layerId and layerName
    * @protected
    */
   async displayFeaturesList(e) {
@@ -522,7 +517,7 @@ class x extends F {
   /**
    * When feature is selected from list store that and show feature details
    *
-   * @param evt Event which has details of selected feature
+   * @param _evt Event which has details of selected feature
    */
   async onFeatureSelectFromList(e) {
     this._showLoadingIndicator = !0, await this.setSelectedFeatures([e.detail]), this._flowItems = [...this._flowItems, "feature-details"];
@@ -550,7 +545,7 @@ class x extends F {
   /**
    * On Feature details change update the Layer title and the current selected layer id
    *
-   * @param evt Event hold the details of current feature graphic from the feature-details
+   * @param _evt Event hold the details of current feature graphic from the feature-details
    * @protected
    */
   async selectionChanged(e) {
@@ -563,7 +558,7 @@ class x extends F {
   /**
    * When comment is selected from list store that and show comment details
    *
-   * @param evt Event which has details of selected feature
+   * @param _evt Event which has details of selected feature
    * @protected
    */
   async onCommentSelectFromList(e) {
@@ -579,9 +574,9 @@ class x extends F {
    */
   getFeatureListFlowItem(e, t) {
     const i = this._getLayersConfig(this._selectedLayerId)?.reporting && this._layerItemsHash && this._layerItemsHash[this._selectedLayerId].supportsAdd, s = this._currentLayerExpressions?.length;
-    return a`<calcite-flow-item .collapsed=${this.isMobile && this._sidePanelCollapsed} .heading=${t} .loading=${!this.isMobile && this._showLoadingIndicator} @calciteFlowItemBack=${this.backFromSelectedPanel} .selected=${this._flowItems[this._flowItems.length - 1] === "feature-list"}>${this._toggleSort()}<calcite-action icon=sort-ascending-arrow id=sort-popover slot=header-actions-end .text=${this._translations.sort || ""} title=${this._translations.sort ?? f}></calcite-action>${s && a`<calcite-action icon=filter .indicator=${this._filterActive} @click=${() => {
+    return a`<calcite-flow-item .collapsed=${this.isMobile && this._sidePanelCollapsed} .heading=${t} .loading=${!this.isMobile && this._showLoadingIndicator} @calciteFlowItemBack=${this.backFromSelectedPanel} .selected=${this._flowItems[this._flowItems.length - 1] === "feature-list"}>${this._toggleSort()}<calcite-action icon=sort-ascending-arrow id=sort-popover slot=header-actions-end .text=${this._translations.sort} title=${this._translations.sort ?? u}></calcite-action>${s && a`<calcite-action icon=filter .indicator=${this._filterActive} @click=${() => {
       this.isMobile ? this._toggleFilter() : this._flowItems = [...this._flowItems, "filter-panel"];
-    }} slot=header-actions-end .text=${this._translations.filter || ""} title=${this._translations.filter ?? f}></calcite-action>` || ""}${this.isMobile && this.getActionToExpandCollapsePanel() || ""}${this.enableNewReports && i && a`<calcite-button appearance=solid @click=${this.navigateToCreateFeature} slot=footer width=full>${this.reportButtonText ? this.reportButtonText : this._translations.createReportButtonText}</calcite-button>` || ""}<calcite-panel>${a`<feature-list .applyLayerViewFilter=${this.showMyReportsOnly} class="height-full" .filterByMapExtent=${this.filterByMapExtent} highlight-on-hover .locale=${this.locale} .mapView=${this.mapView} .noFeaturesFoundMsg=${this._translations.featureErrorMsg} @featureSelect=${this.onFeatureSelectFromList} page-size=30 .reportingOptions=${this.reportingOptions} .selectedLayerId=${e} .showFeatureSymbol=${this.showFeatureSymbol} .sortingInfo=${this._updatedSorting} ${o(this._featureList)}></feature-list>`}</calcite-panel></calcite-flow-item>`;
+    }} slot=header-actions-end .text=${this._translations.filter} title=${this._translations.filter ?? u}></calcite-action>` || ""}${this.isMobile && this.getActionToExpandCollapsePanel() || ""}${this.enableNewReports && i && a`<calcite-button appearance=solid @click=${this.navigateToCreateFeature} slot=footer width=full>${this.reportButtonText ? this.reportButtonText : this._translations.createReportButtonText}</calcite-button>` || ""}<calcite-panel>${a`<feature-list .applyLayerViewFilter=${this.showMyReportsOnly} class="height-full" .filterByMapExtent=${this.filterByMapExtent} highlight-on-hover .mapView=${this.mapView} .noFeaturesFoundMsg=${this._translations.featureErrorMsg} @featureSelect=${this.onFeatureSelectFromList} page-size=30 .reportingOptions=${this.reportingOptions} .selectedLayerId=${e} .showFeatureSymbol=${this.showFeatureSymbol} .sortingInfo=${this._updatedSorting} ${o(this._featureList)}></feature-list>`}</calcite-panel></calcite-flow-item>`;
   }
   /**
    * Returns the calcite-flow item for filter
@@ -590,7 +585,7 @@ class x extends F {
    * @protected
    */
   getFilterPanel() {
-    return a`<calcite-flow-item .collapsed=${this.isMobile && this._sidePanelCollapsed} .heading=${this._translations?.filterLayerTitle?.replace("{{title}}", this._selectedLayerName)} .loading=${this._showLoadingIndicator} @calciteFlowItemBack=${this.backFromFilterPanel} .selected=${this._flowItems[this._flowItems.length - 1] === "filter-panel"}>${this.isMobile && this.getActionToExpandCollapsePanel() || ""}<div class=width-full slot=footer><div class=width-full slot=footer><calcite-button appearance=solid class="footer-top-button footer-button" .disabled=${!this._filterActive} @click=${this.resetFilterList} width=full>${this._translations.resetFilter}</calcite-button><calcite-button appearance=outline class=footer-button @click=${this.backFromFilterPanel} width=full>${this._translations.close}</calcite-button></div></div><calcite-panel>${this.mapView && a`<instant-apps-filter-list .closeBtnOnClick=${() => {
+    return a`<calcite-flow-item .collapsed=${this.isMobile && this._sidePanelCollapsed} .heading=${this._translations.filterLayerTitle.replace("{{title}}", this._selectedLayerName)} .loading=${this._showLoadingIndicator} @calciteFlowItemBack=${this.backFromFilterPanel} .selected=${this._flowItems[this._flowItems.length - 1] === "filter-panel"}>${this.isMobile && this.getActionToExpandCollapsePanel() || ""}<div class=width-full slot=footer><div class=width-full slot=footer><calcite-button appearance=solid class="footer-top-button footer-button" .disabled=${!this._filterActive} @click=${this.resetFilterList} width=full>${this._translations.resetFilter}</calcite-button><calcite-button appearance=outline class=footer-button @click=${this.backFromFilterPanel} width=full>${this._translations.close}</calcite-button></div></div><calcite-panel>${this.mapView && a`<instant-apps-filter-list .closeBtnOnClick=${() => {
     }} combobox-overlay-positioning=fixed .layerExpressions=${this._currentLayerExpressions} @filterListReset=${() => void this._handleFilterListReset()} @filterUpdate=${() => {
       const e = this._filterList.value?.filterCount;
       e !== void 0 && this._handleFilterUpdate(e > 0);
@@ -603,7 +598,7 @@ class x extends F {
    */
   getFeatureDetailsFlowItem() {
     const e = this._selectedLayer?.relationships, t = this._getLayersConfig(this._selectedLayerId)?.comment && e && e.length > 0 && this._relatedTable;
-    return a`<calcite-flow-item .collapsed=${this.isMobile && this._sidePanelCollapsed} .heading=${this._selectedLayerName} .loading=${this._showLoadingIndicator} @calciteFlowItemBack=${this.backFromSelectedPanel} .selected=${this._flowItems[this._flowItems.length - 1] === "feature-details"}>${this.isMobile && this.getActionToExpandCollapsePanel() || ""}${this.mapView && a`<instant-apps-social-share class=share-node flip-rtl popover-button-icon-scale=s remove-popover-offset scale=m share-button-color=neutral share-button-type=action slot=header-actions-end social-media .view=${this.mapView} ${o(this._shareNode)}></instant-apps-social-share>` || ""}${this._selectedFeature.length > 1 && this.getFeaturesPagination() || ""}<calcite-panel><feature-details class=full-height .enableSnapping=${this.enableSnapping} .graphics=${this._selectedFeature} .layerItemsHash=${this._layerItemsHash} .locale=${this.locale} .mapView=${this.mapView} @addComment=${this.showAddCommentsPanel} @commentSelect=${this.onCommentSelectFromList} @featureSelectionChange=${this.selectionChanged} @likeOrDislikeClicked=${() => {
+    return a`<calcite-flow-item .collapsed=${this.isMobile && this._sidePanelCollapsed} .heading=${this._selectedLayerName} .loading=${this._showLoadingIndicator} @calciteFlowItemBack=${this.backFromSelectedPanel} .selected=${this._flowItems[this._flowItems.length - 1] === "feature-details"}>${this.isMobile && this.getActionToExpandCollapsePanel() || ""}${this.mapView && a`<instant-apps-social-share class=share-node flip-rtl popover-button-icon-scale=s remove-popover-offset scale=m share-button-color=neutral share-button-type=action slot=header-actions-end social-media .view=${this.mapView} ${o(this._shareNode)}></instant-apps-social-share>` || ""}${this._selectedFeature.length > 1 && this.getFeaturesPagination() || ""}<calcite-panel><feature-details class=full-height .enableSnapping=${this.enableSnapping} .graphics=${this._selectedFeature} .layerItemsHash=${this._layerItemsHash} .mapView=${this.mapView} @addComment=${this.showAddCommentsPanel} @commentSelect=${this.onCommentSelectFromList} @featureSelectionChange=${this.selectionChanged} @likeOrDislikeClicked=${() => {
       this._featureList.value && this._featureList.value.refresh(!0);
     }} @loadingStatus=${(i) => void this.updatingFeatureDetails(i.detail)} .reportingOptions=${this.reportingOptions} .showFullCommentTitle=${this.showFullCommentTitle} .showUserImageInCommentsList=${this.showUserImageInCommentsList} ${o(this._featureDetails)}></feature-details>${t && a`<calcite-button appearance=solid @click=${this.showAddCommentsPanel} slot=footer width=full>${this.commentButtonText || this._translations.comment}</calcite-button>` || ""}</calcite-panel></calcite-flow-item>`;
   }
@@ -622,7 +617,7 @@ class x extends F {
    * @returns Node
    */
   getCommentDetailsFlowItem() {
-    return a`<calcite-flow-item .collapsed=${this.isMobile && this._sidePanelCollapsed} .heading=${this._relatedTable?.title || ""} @calciteFlowItemBack=${this.backFromSelectedPanel} .selected=${this._flowItems[this._flowItems.length - 1] === "comment-details"}>${this.isMobile && this.getActionToExpandCollapsePanel() || ""}<calcite-panel><info-card .enableSnapping=${this.enableSnapping} .graphics=${this._selectedRelatedFeature} .locale=${this.locale} .mapView=${this.mapView}></info-card></calcite-panel></calcite-flow-item>`;
+    return a`<calcite-flow-item .collapsed=${this.isMobile && this._sidePanelCollapsed} .heading=${this._relatedTable?.title || ""} @calciteFlowItemBack=${this.backFromSelectedPanel} .selected=${this._flowItems[this._flowItems.length - 1] === "comment-details"}>${this.isMobile && this.getActionToExpandCollapsePanel() || ""}<calcite-panel><info-card .enableSnapping=${this.enableSnapping} .graphics=${this._selectedRelatedFeature} .mapView=${this.mapView}></info-card></calcite-panel></calcite-flow-item>`;
   }
   /**
    * Returns the calcite-flow item for add comment
@@ -630,7 +625,7 @@ class x extends F {
    * @returns Node
    */
   getAddCommentFlowItem() {
-    return a`<calcite-flow-item .collapsed=${this.isMobile && this._sidePanelCollapsed} .heading=${this._relatedTable?.title || ""} @calciteFlowItemBack=${this.backFromCreateRelatedFeaturePanel} .selected=${this._flowItems[this._flowItems.length - 1] === "add-comment"}>${this.isMobile && this.getActionToExpandCollapsePanel() || ""}<div class=width-full slot=footer>${this._showSubmitCancelButton && a`<div class=width-full slot=footer><calcite-button appearance=solid class="footer-top-button footer-button" @click=${this.onCreateRelatedFeatureSubmitButtonClick} width=full>${this._translations.submit}</calcite-button><calcite-button appearance=outline class=footer-button @click=${this.backFromCreateRelatedFeaturePanel} width=full>${this._translations.cancel}</calcite-button></div>` || ""}</div><calcite-panel><create-related-feature customize-submit .enableSnapping=${this.enableSnapping} .locale=${this.locale} .mapView=${this.mapView} @fail=${this.addCommentFailed} @formReady=${this.onFormReady} @isActionPending=${this.showSubmitCancelButton} @success=${this.onCommentSubmitted} .selectedFeature=${this._currentFeature} .table=${this._relatedTable} ${o(this._createRelatedFeature)}></create-related-feature></calcite-panel></calcite-flow-item>`;
+    return a`<calcite-flow-item .collapsed=${this.isMobile && this._sidePanelCollapsed} .heading=${this._relatedTable?.title || ""} @calciteFlowItemBack=${this.backFromCreateRelatedFeaturePanel} .selected=${this._flowItems[this._flowItems.length - 1] === "add-comment"}>${this.isMobile && this.getActionToExpandCollapsePanel() || ""}<div class=width-full slot=footer>${this._showSubmitCancelButton && a`<div class=width-full slot=footer><calcite-button appearance=solid class="footer-top-button footer-button" @click=${this.onCreateRelatedFeatureSubmitButtonClick} width=full>${this._translations.submit}</calcite-button><calcite-button appearance=outline class=footer-button @click=${this.backFromCreateRelatedFeaturePanel} width=full>${this._translations.cancel}</calcite-button></div>` || ""}</div><calcite-panel><create-related-feature customize-submit .enableSnapping=${this.enableSnapping} .mapView=${this.mapView} @fail=${this.addCommentFailed} @formReady=${this.onFormReady} @isActionPending=${this.showSubmitCancelButton} @success=${this.onCommentSubmitted} .selectedFeature=${this._currentFeature} .table=${this._relatedTable} ${o(this._createRelatedFeature)}></create-related-feature></calcite-panel></calcite-flow-item>`;
   }
   /**
    * Sets the selected features and updates the first feature as the current selected feature
@@ -660,7 +655,7 @@ class x extends F {
    */
   async highlightOnMap(e) {
     if (this.clearHighlights(), e && e.geometry && e.layer && e.layer.id !== void 0) {
-      const t = this.mapView && await u(this.mapView, e.layer.id.toString());
+      const t = this.mapView && await p(this.mapView, e.layer.id.toString());
       if (t) {
         t.highlightOptions = null;
         const i = Number(e.getObjectId());
@@ -752,18 +747,8 @@ class x extends F {
    */
   _getCount() {
     const e = (this._selectedFeatureIndex + 1).toString(), t = this._selectedFeature.length.toString();
-    return (this._translations.indexOfTotal || "").replace("{{index}}", e).replace("{{total}}", t);
+    return this._translations.indexOfTotal.replace("{{index}}", e).replace("{{total}}", t);
   }
-  /**
-   * Fetches the component's translations
-   *
-   * @returns Promise when complete
-   * @protected
-   */
-  // protected async _getTranslations(): Promise<void> {
-  //   const messages = await getLocaleComponentStrings(this.el);
-  //   this._translations = messages[0] as typeof CrowdsourceReporter_T9n;
-  // }
   /**
    * Applies a definition expression when floor field and level are available
    *
@@ -820,7 +805,7 @@ class x extends F {
    */
   async _updateFeatures() {
     for (const e of this._editableLayerIds) {
-      const t = this.mapView && await u(this.mapView, e);
+      const t = this.mapView && await p(this.mapView, e);
       t && (await this._showMyFeaturesOnly(t), t.layer?.floorInfo?.floorField && this.floorLevel && this._updateFloorDefinitionExpression(t.layer));
     }
   }
@@ -845,7 +830,7 @@ class x extends F {
    * @protected
    */
   async getLayersToShowInList() {
-    const e = this.mapView && await y(this.mapView, !0), t = this.mapView && await p(this.mapView), i = [];
+    const e = this.mapView && await y(this.mapView, !0), t = this.mapView && await c(this.mapView), i = [];
     t?.forEach((s) => {
       s?.type === "feature" && s?.editingEnabled && s?.capabilities?.operations?.supportsAdd && (e[s.id].supportsAdd = !0), s?.editingEnabled || i.push(s.id);
     }), this._editableLayerIds = this.reduceToConfiguredLayers(e, i), this._layerItemsHash = e;

package/dist/components/deduct-calculator/customElement.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="../../index.d.ts" />
 import { ESeverity } from '../../utils/pciUtils';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class DeductCalculator extends LitElement {
     /** Emitted on demand when the user clicks to calculate the deduct value */

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

@@ -6,7 +6,7 @@ import { LitElement as p, createEvent as m } from "@arcgis/lumina";
 import { css as d } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250427 */
+v1.0.0-next.20250429 */
 const y = d`/** @license
  * Copyright 2025 Esri
  *
@@ -24,7 +24,7 @@ const y = d`/** @license
  */:host{display:block;--calcite-label-margin-bottom: 0}.label-display{display:block;padding-bottom:1rem}`;
 class h extends p {
   constructor() {
-    super(...arguments), this._densityElement = c(), this._typeElement = c(), this._severityElement = c(), this._types = Object.keys(a).filter((e) => !isNaN(Number(a[e]))), this.deductValueComplete = m();
+    super(...arguments), this._densityElement = c(), this._typeElement = c(), this._severityElement = c(), this._types = Object.keys(a).filter((e) => !Number.isNaN(Number(a[e]))), this.deductValueComplete = m();
   }
   static {
     this.styles = y;
@@ -79,7 +79,7 @@ class h extends p {
    * @protected
    */
   _getCalculateInput() {
-    const e = this._typeElement.value && parseFloat(this._typeElement.value.value), t = this._severityElement.value && this._severityElement.value.value, l = this._densityElement.value && parseFloat(this._densityElement.value.value);
+    const e = this._typeElement.value && Number.parseFloat(this._typeElement.value.value), t = this._severityElement.value && this._severityElement.value.value, l = this._densityElement.value && Number.parseFloat(this._densityElement.value.value);
     return i`<calcite-button @click=${() => this._calculateDeduct(e, t, l)}>\r\n        Calculate Deduct Value</calcite-button>`;
   }
   /**
@@ -91,7 +91,7 @@ class h extends p {
    * @protected
    */
   _calculateDeduct(e, t, l) {
-    if (e && t && !isNaN(l)) {
+    if (e && t && !Number.isNaN(l)) {
       const r = u(e.toString(), t.toString(), l.toString(), !0);
       this.deductValueComplete.emit(r), alert(r);
     } else

package/dist/components/delete-button/customElement.d.ts

@@ -2,7 +2,7 @@
 /// <reference types="../../index.d.ts" />
 import { ButtonType, EditType } from '../../utils/interfaces';
 import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class DeleteButton extends LitElement {
     /** calcite-dialog: Use this prop when using the button within a parent like a dropdown that would constrain the dialog and that is not desired */
@@ -17,8 +17,6 @@ export declare class DeleteButton extends LitElement {
     ids: number[];
     /** esri/views/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html */
     layer: __esri.FeatureLayer | undefined;
-    /** string: Locale to use for translation of stings in the UI */
-    locale: string;
     /** Emitted on demand when features have been deleted */
     readonly editsComplete: TargetedEvent<this, EditType>;
 }

package/dist/components/delete-button/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as a, createEvent as n } from "@arcgis/lumina";
 import { css as o } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250427 */
+v1.0.0-next.20250429 */
 const d = o`/** @license
  * Copyright 2025 Esri
  *
@@ -23,17 +23,17 @@ const d = o`/** @license
  */:host{display:block}.delete-modal{position:fixed}`;
 class r extends a {
   constructor() {
-    super(...arguments), this.buttonType = "button", this.disabled = !1, this.icon = "", this.ids = [], this.locale = "", this._confirmDelete = !1, this._deleteEndabled = !1, this._supportsDelete = !1, this._translations = s({ name: "delete-button", blocking: !0 }), this.editsComplete = n();
+    super(...arguments), this.buttonType = "button", this.disabled = !1, this.icon = "", this.ids = [], this._confirmDelete = !1, this._deleteEndabled = !1, this._supportsDelete = !1, this._translations = s({ name: "delete-button", blocking: !0 }), this.editsComplete = n();
   }
   static {
-    this.properties = { deleteDialog: 1, buttonType: 1, disabled: 5, icon: 1, ids: 0, layer: 0, locale: 1, _confirmDelete: 16, _deleteEndabled: 16, _supportsDelete: 16, _translations: 16 };
+    this.properties = { deleteDialog: 1, buttonType: 1, disabled: 5, icon: 1, ids: 0, layer: 0, _confirmDelete: 16, _deleteEndabled: 16, _supportsDelete: 16, _translations: 16 };
   }
   static {
     this.styles = d;
   }
   /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */
   willUpdate(t) {
-    t.has("ids") && (this.hasUpdated || this.ids?.length > 0) && this.idsWatchHandler(), t.has("layer") && this.layerWatchHandler(), t.has("locale") && this.localeWatchHandler();
+    t.has("ids") && (this.hasUpdated || this.ids?.length > 0) && this.idsWatchHandler(), t.has("layer") && this.layerWatchHandler();
   }
   //--------------------------------------------------------------------------
   //
@@ -53,10 +53,6 @@ class r extends a {
   async layerWatchHandler() {
     this._setDeleteEnabled();
   }
-  /** 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.
    *
@@ -66,7 +62,7 @@ class r extends a {
   }
   /** Renders the component. */
   render() {
-    return e`${this.buttonType === "button" ? e`<calcite-button appearance=outline .disabled=${!this._deleteEndabled} id=solutions-delete kind=danger @click=${() => this._delete()} width=full>${this._translations.deleteCount?.replace("{{n}}", this.ids?.length.toString())}</calcite-button>` : e`<calcite-action appearance=solid .disabled=${!this._deleteEndabled} id=${this.icon ?? l} @click=${() => this._delete()} scale=s .text=${this._translations.delete || ""}><calcite-button appearance=transparent .iconStart=${this.icon} kind=danger>${this._translations.delete}</calcite-button></calcite-action>`}${this._deleteMessage()}<calcite-tooltip placement=bottom .referenceElement=${this.buttonType === "button" ? "solutions-delete" : this.icon}><span>${this._translations.delete}</span></calcite-tooltip>`;
+    return e`${this.buttonType === "button" ? e`<calcite-button appearance=outline .disabled=${!this._deleteEndabled} id=solutions-delete kind=danger @click=${() => this._delete()} width=full>${this._translations.deleteCount.replace("{{n}}", this.ids?.length.toString())}</calcite-button>` : e`<calcite-action appearance=solid .disabled=${!this._deleteEndabled} id=${this.icon ?? l} @click=${() => this._delete()} scale=s .text=${this._translations.delete}><calcite-button appearance=transparent .iconStart=${this.icon} kind=danger>${this._translations.delete}</calcite-button></calcite-action>`}${this._deleteMessage()}<calcite-tooltip placement=bottom .referenceElement=${this.buttonType === "button" ? "solutions-delete" : this.icon}><span>${this._translations.delete}</span></calcite-tooltip>`;
   }
   /** Called once just after the component is fully loaded and the first render() occurs. */
   loaded() {
@@ -95,7 +91,7 @@ class r extends a {
    * @returns node to confirm or deny the delete operation
    */
   _deleteMessage() {
-    return this.deleteDialog ? this.deleteDialog : e`<delete-dialog id=solution-delete-dialog .ids=${this.ids} .layer=${this.layer} .locale=${this.locale} @deleteDialogClose=${() => this._confirmDelete = !1} .open=${this._confirmDelete}></delete-dialog>`;
+    return this.deleteDialog ? this.deleteDialog : e`<delete-dialog id=solution-delete-dialog .ids=${this.ids} .layer=${this.layer} @deleteDialogClose=${() => this._confirmDelete = !1} .open=${this._confirmDelete}></delete-dialog>`;
   }
 }
 i("delete-button", r);

package/dist/components/delete-dialog/customElement.d.ts

@@ -1,16 +1,13 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
 import { EditType } from '../../utils/interfaces';
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class DeleteDialog extends LitElement {
     /** number[]: The ids that would be deleted */
     ids: number[];
     /** esri/views/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html */
     layer: __esri.FeatureLayer | undefined;
-    /** string: Locale to use for translation of stings in the UI */
-    locale: string;
     /** boolean: When true the delete dialog will be displayed */
     open: boolean;
     /** Emitted on demand when features have been deleted */

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

@@ -1,12 +1,12 @@
 import { c as s } from "../../chunks/runtime.js";
-import { u as l } from "../../chunks/useT9n.js";
-import { html as a } from "lit";
-import { LitElement as n, createEvent as t } from "@arcgis/lumina";
-import { css as o } from "@lit/reactive-element/css-tag.js";
+import { html as l } from "lit-html";
+import { u as n } from "../../chunks/useT9n.js";
+import { LitElement as o, createEvent as t } 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 c = o`/** @license
+v1.0.0-next.20250429 */
+const r = a`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -21,33 +21,15 @@ const c = o`/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{display:block}.delete-modal{position:fixed}`;
-class r extends n {
+class c extends o {
   constructor() {
-    super(...arguments), this.ids = [], this.locale = "", this.open = !1, this._isDeleting = !1, this._translations = l({ name: "delete-dialog", blocking: !0 }), this.editsComplete = t(), this.deleteDialogClose = t();
+    super(...arguments), this.ids = [], this.open = !1, this._isDeleting = !1, this._translations = n({ name: "delete-dialog", blocking: !0 }), this.editsComplete = t(), this.deleteDialogClose = t();
   }
   static {
-    this.properties = { ids: 0, layer: 0, locale: 1, open: 5, _isDeleting: 16, _translations: 16 };
+    this.properties = { ids: 0, layer: 0, open: 5, _isDeleting: 16, _translations: 16 };
   }
   static {
-    this.styles = c;
-  }
-  /** 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();
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Properties (protected)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  /** Fetch translations when the locale is updated */
-  async localeWatchHandler() {
-    this.el.lang = this.locale;
+    this.styles = r;
   }
   /**
    * Called once just after the component is first connected to the DOM.
@@ -58,8 +40,8 @@ class r extends n {
   }
   /** Renders the component. */
   render() {
-    const e = this.ids?.length === 1 ? this._translations?.confirmSingle : this._translations?.confirmMultiple;
-    return a`<calcite-dialog .heading=${this._translations?.deleteFeature} kind=danger modal @calciteDialogClose=${() => this._close()} .open=${this.open} width=s><div>${e}</div><calcite-button appearance=outline kind=danger @click=${() => this._close()} slot=footer-end width=full>${this._translations?.cancel}</calcite-button><calcite-button kind=danger .loading=${this._isDeleting} @click=${() => void this._deleteFeatures()} slot=footer-end width=full>${this._translations?.delete}</calcite-button></calcite-dialog>`;
+    const e = this.ids?.length === 1 ? this._translations.confirmSingle : this._translations.confirmMultiple;
+    return l`<calcite-dialog .heading=${this._translations.deleteFeature} kind=danger modal @calciteDialogClose=${() => this._close()} .open=${this.open} width=s><div>${e}</div><calcite-button appearance=outline kind=danger @click=${() => this._close()} slot=footer-end width=full>${this._translations.cancel}</calcite-button><calcite-button kind=danger .loading=${this._isDeleting} @click=${() => void this._deleteFeatures()} slot=footer-end width=full>${this._translations.delete}</calcite-button></calcite-dialog>`;
   }
   //--------------------------------------------------------------------------
   //
@@ -81,7 +63,7 @@ class r extends n {
     this.open = !1, this.deleteDialogClose.emit();
   }
 }
-s("delete-dialog", r);
+s("delete-dialog", c);
 export {
-  r as DeleteDialog
+  c as DeleteDialog
 };

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

@@ -1,7 +1,7 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference types="../../index.d.ts" />
 import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class EditCard extends LitElement {
     /** When true the geometry of the current feature will be editable */
@@ -12,8 +12,6 @@ export declare class EditCard extends LitElement {
     graphicIndex: number;
     /** esri/Graphic[]: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html */
     graphics: __esri.Graphic[];
-    /** string: Locale to use for translation of stings in the UI */
-    locale: string;
     /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
     mapView: __esri.MapView | undefined;
     /** When true the component is displayed */