@esri/solutions-components 1.0.0-next.20250415 → 1.0.0-next.20250422

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

@@ -1,17 +1,18 @@
 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 y, e as w } from "../../chunks/mapViewUtils.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 { u as L } from "../../chunks/useT9n.js";
 import { html as a, nothing as f } from "lit";
 import { createRef as h, ref as o } from "lit-html/directives/ref.js";
-import { LitElement as F, createEvent as v, noShadowRoot as $, safeClassMap as c } from "@arcgis/lumina";
-import { css as I } from "@lit/reactive-element/css-tag.js";
+import { LitElement as F, createEvent as v, noShadowRoot as I, safeClassMap as c } 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.20250415 */
-const C = I`@layer{/** @license
+v1.0.0-next.20250422 */
+const S = $`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -26,18 +27,18 @@ const C = I`@layer{/** @license
  * See the License for the specific language governing permissions and
  * limitations under the 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 S extends F {
+class x extends F {
   constructor() {
-    super(...arguments), this.defaultWebmap = "", this.enableHome = !0, this.enableSearch = !0, this.enableSnapping = !1, this.enableZoom = !0, this.layerExpressions = [], this.mapInfos = [], this.showUserImageInCommentsList = !1, this.showFeatureSymbol = !1, this.showMyReportsOnly = !1, this.theme = "light", this.showFullCommentTitle = !0, this.filterByMapExtent = !1, this.sortOption = "newest", this._filterActive = !1, this._flowItems = [], this._hasValidLayers = !1, this._reportSubmitted = !1, this._showSubmitCancelButton = !1, this._showLoadingIndicator = !1, this._sidePanelCollapsed = !1, this._translations = L({ blocking: !0, name: "crowdsource-reporter" }), this._updatedProgressBarStatus = 25, this._updatedSortOption = "newest", this._commentSubmitted = !1, this._addingCommentFailed = !1, this._filterOpen = !1, this._createFeature = h(), this._featureDetails = h(), this._featureList = h(), this._filterList = h(), this._layerList = h(), this._createRelatedFeature = h(), this._shareNode = h(), this._formElements = [], this.togglePanel = v();
+    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({ blocking: !0, name: "crowdsource-reporter" }), 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 };
   }
   static {
-    this.styles = C;
+    this.styles = S;
   }
   static {
-    this.shadowRootOptions = $;
+    this.shadowRootOptions = I;
   }
   /**
    * Called before every render().
@@ -62,7 +63,7 @@ class S extends F {
   }
   /** Called each time the mapView prop is changed. */
   async mapViewWatchHandler() {
-    await this.mapView.when(async () => {
+    await this.mapView?.when(async () => {
       this.setInitExpressions(), await this.setMapView();
     });
   }
@@ -70,7 +71,7 @@ class S extends F {
   async floorLevelWatchHandler() {
     if (this._editableLayerIds)
       for (const e of this._editableLayerIds) {
-        const t = await d(this.mapView, e);
+        const t = this.mapView && await d(this.mapView, e);
         t && t.floorInfo?.floorField && this._updateFloorDefinitionExpression(t);
       }
     this._flowItems[this._flowItems.length - 1] === "layer-list" && this._layerList.value && await this._layerList.value.refresh(), this._featureList.value && this._featureList.value.refresh(), this._createFeature.value && this._createFeature.value.refresh(this.floorLevel);
@@ -118,7 +119,10 @@ class S extends F {
    */
   async load() {
     this._urlParamsLoaded = !1, await this._initModules(), await this.mapView?.when(async () => {
-      this._layers = this.reportingOptions ? Object.keys(this.reportingOptions).filter((e) => this.reportingOptions[e].visible) : [], this.setInitExpressions(), await this.setMapView();
+      this._layers = this.reportingOptions ? Object.keys(this.reportingOptions).filter((e) => {
+        const t = e && this.reportingOptions && this.reportingOptions[e];
+        return t && t.visible;
+      }) : [], this.setInitExpressions(), await this.setMapView();
     });
   }
   /** Renders the component. */
@@ -159,7 +163,7 @@ class S extends F {
    * @param layerName string layerName of the selected layer
    */
   async setSelectedLayer(e, t) {
-    this._selectedLayerId = e, this._selectedLayer = await d(this.mapView, e), this._selectedLayerName = t, this._validLayers.forEach((i) => {
+    this._selectedLayerId = e, this._selectedLayer = this.mapView && await d(this.mapView, e), this._selectedLayerName = t, this._validLayers.forEach((i) => {
       this._nonVisibleValidLayers.find((r) => r.id === i.id) || i.set("visible", !e || i.id === e);
     });
   }
@@ -216,11 +220,11 @@ class S 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><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);
-    }} reset-btn .view=${this.mapView} ${o(this._filterList)}></instant-apps-filter-list></div></calcite-modal>` || "";
+    }} reset-btn .view=${this.mapView} ${o(this._filterList)}></instant-apps-filter-list>` || ""}</div></calcite-modal>` || "";
   }
   /**
    * When true the filter modal will be displayed
@@ -263,10 +267,10 @@ class S extends F {
     }} .selected=${this._updatedSortOption === "newest"} value=newest></calcite-list-item><calcite-list-item .label=${this._translations.sortOldest} @calciteListItemSelect=${() => {
       this._selectedLayer && this.sortOptionClick(this._selectedLayer.objectIdField, "asc", "oldest");
     }} .selected=${this._updatedSortOption === "oldest"} value=oldest></calcite-list-item>${e && a`<calcite-list-item .label=${this._translations.sortHighestVoted} @calciteListItemSelect=${() => {
-      const t = this.reportingOptions[this._selectedLayerId].likeField;
+      const t = this.reportingOptions && this.reportingOptions[this._selectedLayerId].likeField;
       t !== void 0 && this.sortOptionClick(t, "desc", "highestVoted");
     }} .selected=${this._updatedSortOption === "highestVoted"} value=highestVoted></calcite-list-item><calcite-list-item .label=${this._translations.sortLowestVoted} @calciteListItemSelect=${() => {
-      const t = this.reportingOptions[this._selectedLayerId].likeField;
+      const t = this.reportingOptions && this.reportingOptions[this._selectedLayerId].likeField;
       t && this.sortOptionClick(t, "asc", "lowestVoted");
     }} .selected=${this._updatedSortOption === "lowestVoted"} value=lowestVoted></calcite-list-item>` || ""}</calcite-list></calcite-popover>`;
   }
@@ -302,7 +306,7 @@ class S extends F {
    * @protected
    */
   getChooseCategoryFlowItem() {
-    const e = this.reportingOptions ? Object.keys(this.reportingOptions).filter((t) => this.reportingOptions[t].visible && this.reportingOptions[t].reporting && this._layerItemsHash[t] && this._layerItemsHash[t].supportsAdd) : [];
+    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>`;
   }
   /**
@@ -448,9 +452,9 @@ class S extends F {
    */
   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 = await p(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[l.id] && this._layerItemsHash[l.id].supportsAdd && r.push(l.id));
+      const i = e.detail, s = this.mapView && await p(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());
     }
   }
@@ -529,9 +533,9 @@ class S extends F {
    * @protected
    */
   async getRelatedTable() {
-    const e = this._currentFeature?.layer, t = await g(this.mapView);
+    const e = this._currentFeature?.layer, t = this.mapView && await g(this.mapView);
     e.relationships?.some((i) => {
-      const s = t.filter((r) => e.url === r.url && r.layerId === i.relatedTableId);
+      const s = t?.filter((r) => e.url === r.url && r.layerId === i.relatedTableId);
       return s && s.length > 0 ? (this._relatedTable = s[0], !0) : !1;
     });
   }
@@ -574,7 +578,7 @@ class S extends F {
    * @protected
    */
   getFeatureListFlowItem(e, t) {
-    const i = this._getLayersConfig(this._selectedLayerId)?.reporting && this._layerItemsHash[this._selectedLayerId].supportsAdd, s = this._currentLayerExpressions?.length;
+    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=${() => {
       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>`;
@@ -586,11 +590,11 @@ class S 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><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);
-    }} .view=${this.mapView} ${o(this._filterList)}></instant-apps-filter-list></calcite-panel></calcite-flow-item>`;
+    }} .view=${this.mapView} ${o(this._filterList)}></instant-apps-filter-list>` || ""}</calcite-panel></calcite-flow-item>`;
   }
   /**
    * Returns the calcite-flow item for feature details
@@ -599,7 +603,7 @@ class S 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() || ""}<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} .locale=${this.locale} .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>`;
   }
@@ -618,7 +622,7 @@ class S 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} .locale=${this.locale} .mapView=${this.mapView}></info-card></calcite-panel></calcite-flow-item>`;
   }
   /**
    * Returns the calcite-flow item for add comment
@@ -626,7 +630,7 @@ class S 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} .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>`;
   }
   /**
    * Sets the selected features and updates the first feature as the current selected feature
@@ -656,11 +660,11 @@ class S extends F {
    */
   async highlightOnMap(e) {
     if (this.clearHighlights(), e && e.geometry && e.layer && e.layer.id !== void 0) {
-      const t = await u(this.mapView, e.layer.id.toString());
+      const t = this.mapView && await u(this.mapView, e.layer.id.toString());
       if (t) {
         t.highlightOptions = null;
         const i = Number(e.getObjectId());
-        this._highlightHandle = await y([i], t, this.mapView, !0, this.zoomToScale);
+        this._highlightHandle = this.mapView && await w([i], t, this.mapView, !0, this.zoomToScale);
       }
     }
     this.updatingFeatureDetails(!1);
@@ -687,10 +691,10 @@ class S extends F {
    * @protected
    */
   async setMapView() {
-    await this.getLayersToShowInList(), await this._updateFeatures(), this._editableLayerIds?.length === 1 ? await this.renderFeaturesList() : this._flowItems = ["layer-list"], this.mapView.popupEnabled = !1, this._defaultCenter && this._defaultLevel && (await this.mapView.goTo({
+    await this.getLayersToShowInList(), await this._updateFeatures(), this._editableLayerIds?.length === 1 ? await this.renderFeaturesList() : this._flowItems = ["layer-list"], this.mapView && (this.mapView.popupEnabled = !1, this._defaultCenter && this._defaultLevel && (await this.mapView.goTo({
       center: this._defaultCenter,
       zoom: this._defaultLevel
-    }), this._defaultCenter = void 0, this._defaultLevel = void 0);
+    }), this._defaultCenter = void 0, this._defaultLevel = void 0));
   }
   /**
    * Handle map click event
@@ -699,7 +703,7 @@ class S extends F {
    * @protected
    */
   handleMapClick() {
-    this._mapClickHandle && this._mapClickHandle.remove(), this._mapClickHandle = this.reactiveUtils.on(() => this.mapView, "click", this.onMapClick.bind(this));
+    this._mapClickHandle && this._mapClickHandle.remove(), this._mapClickHandle = this.reactiveUtils?.on(() => this.mapView, "click", this.onMapClick.bind(this));
   }
   /**
    * On map click do hitTest and get the clicked graphics from both reporting and non-reporting layers, and show feature details
@@ -708,33 +712,35 @@ class S extends F {
    * @protected
    */
   async onMapClick(e) {
-    this.mapView.popupEnabled = !1;
-    const t = await this.mapView.hitTest(e);
-    if (t.results.length > 0) {
-      const i = [];
-      t.results.forEach(function(l) {
-        l.type === "graphic" && i.push(l.graphic);
-      });
-      const s = i.filter((l) => {
-        if (l.layer?.type === "feature") {
-          const n = l.layer;
-          return this._validLayers.includes(n);
-        } else
-          return !1;
-      }), r = i.filter((l) => {
-        if (l.layer?.type === "feature") {
-          const n = l.layer;
-          return !this._validLayers.includes(n) && n?.popupEnabled && n?.id;
-        } else
-          return !1;
-      });
-      if (s.length > 0 && (await this.setSelectedFeatures(s), this._flowItems.length && this._flowItems.includes("feature-details") ? (this._flowItems = [...this._flowItems.slice(0, this._flowItems.indexOf("feature-details") + 1)], await this.highlightOnMap(i[0])) : this._flowItems = [...this._flowItems, "feature-details"]), r.length > 0) {
-        this.mapView.popupEnabled = !0;
-        const l = {
-          features: r,
-          updateLocationEnabled: !0
-        };
-        await this.mapView.openPopup(l);
+    if (this.mapView) {
+      this.mapView.popupEnabled = !1;
+      const t = await this.mapView.hitTest(e);
+      if (t.results.length > 0) {
+        const i = [];
+        t.results.forEach(function(l) {
+          l.type === "graphic" && i.push(l.graphic);
+        });
+        const s = i.filter((l) => {
+          if (l.layer?.type === "feature") {
+            const n = l.layer;
+            return this._validLayers.includes(n);
+          } else
+            return !1;
+        }), r = i.filter((l) => {
+          if (l.layer?.type === "feature") {
+            const n = l.layer;
+            return !this._validLayers.includes(n) && n?.popupEnabled && n?.id;
+          } else
+            return !1;
+        });
+        if (s.length > 0 && (await this.setSelectedFeatures(s), this._flowItems.length && this._flowItems.includes("feature-details") ? (this._flowItems = [...this._flowItems.slice(0, this._flowItems.indexOf("feature-details") + 1)], await this.highlightOnMap(i[0])) : this._flowItems = [...this._flowItems, "feature-details"]), r.length > 0) {
+          this.mapView.popupEnabled = !0;
+          const l = {
+            features: r,
+            updateLocationEnabled: !0
+          };
+          await this.mapView.openPopup(l);
+        }
       }
     }
   }
@@ -814,7 +820,7 @@ class S extends F {
    */
   async _updateFeatures() {
     for (const e of this._editableLayerIds) {
-      const t = await u(this.mapView, e);
+      const t = this.mapView && await u(this.mapView, e);
       t && (await this._showMyFeaturesOnly(t), t.layer?.floorInfo?.floorField && this.floorLevel && this._updateFloorDefinitionExpression(t.layer));
     }
   }
@@ -825,10 +831,10 @@ class S extends F {
    * @protected
    */
   async _showMyFeaturesOnly(e) {
-    const t = this.mapView.map.portalItem.portal?.credential?.userId;
+    const t = (this.mapView?.map).portalItem.portal?.credential?.userId;
     if (t && e) {
       const i = e.layer.editFieldsInfo?.creatorField.toLowerCase();
-      e.filter = this.showMyReportsOnly && i ? new this.FeatureFilter({
+      e.filter = this.showMyReportsOnly && i && this.FeatureFilter ? new this.FeatureFilter({
         where: i + "='" + t + "'"
       }) : null;
     }
@@ -839,8 +845,8 @@ class S extends F {
    * @protected
    */
   async getLayersToShowInList() {
-    const e = await w(this.mapView, !0), t = await p(this.mapView), i = [];
-    t.forEach((s) => {
+    const e = this.mapView && await y(this.mapView, !0), t = this.mapView && await p(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;
   }
@@ -874,14 +880,14 @@ class S extends F {
    * @protected
    */
   async loadFeatureFromURLParams() {
-    if (this.center && this.level && await this.mapView.goTo({
+    if (this.center && this.level && await this.mapView?.goTo({
       center: this.center.split(";").map(Number),
       zoom: this.level
     }), this.layerId && this.objectId) {
-      const e = await d(this.mapView, this.layerId);
+      const e = this.mapView && await d(this.mapView, this.layerId);
       if (e) {
-        const t = await b([Number(this.objectId)], e, [], !0, this.mapView.spatialReference);
-        t.length && (await this.setSelectedFeatures(t), this._flowItems.length && this._flowItems[this._flowItems.length - 1] !== "feature-details" ? this._flowItems = [...this._flowItems, "feature-details"] : this._flowItems = [...this._flowItems]);
+        const t = this.mapView && await b([Number(this.objectId)], e, [], !0, this.mapView.spatialReference);
+        t?.length && (await this.setSelectedFeatures(t), this._flowItems.length && this._flowItems[this._flowItems.length - 1] !== "feature-details" ? this._flowItems = [...this._flowItems, "feature-details"] : this._flowItems = [...this._flowItems]);
       }
     }
   }
@@ -903,8 +909,8 @@ class S extends F {
    */
   async handlePrevLayersFilter() {
     if (this._prevSelectedLayerId) {
-      const e = await d(this.mapView, this._prevSelectedLayerId);
-      e && (e.definitionExpression = this._initDefExpressions[this._prevSelectedLayerId]);
+      const e = this.mapView && await d(this.mapView, this._prevSelectedLayerId);
+      e && this._initDefExpressions && (e.definitionExpression = this._initDefExpressions[this._prevSelectedLayerId]);
     }
   }
   /**
@@ -913,7 +919,7 @@ class S extends F {
    * @protected
    */
   resetFilterList() {
-    this._filterList.value?.forceReset(), this._selectedLayer != null && (this._selectedLayer.definitionExpression = this._initDefExpressions[this._selectedLayerId], this._filterActive = !1);
+    this._filterList.value?.forceReset(), this._selectedLayer !== void 0 && this._initDefExpressions && (this._selectedLayer.definitionExpression = this._initDefExpressions[this._selectedLayerId], this._filterActive = !1);
   }
   /**
    * Sets the active definition expressions for the selected layer
@@ -921,7 +927,7 @@ class S extends F {
    * @protected
    */
   setActiveDefinitionExpressions() {
-    if (this._selectedLayer == null)
+    if (this._selectedLayer === void 0)
       return;
     const e = [];
     if (this._currentLayerExpressions && this._currentLayerExpressions?.length > 0) {
@@ -939,7 +945,7 @@ class S extends F {
    * @protected
    */
   updateFilterLayerDefExpression(e, t) {
-    const i = this._initDefExpressions[this._selectedLayerId], s = e?.length > 0 && i ? `(${e.join(t)}) AND (${i})` : e.length > 0 ? e.join(t) : i;
+    const i = this._initDefExpressions && this._initDefExpressions[this._selectedLayerId], s = e?.length > 0 && i ? `(${e.join(t)}) AND (${i})` : e.length > 0 ? e.join(t) : i;
     this._selectedLayer && (this._selectedLayer.definitionExpression = s);
   }
   /**
@@ -955,7 +961,7 @@ class S extends F {
       if (t.type !== "feature")
         return;
       const i = t;
-      this._initDefExpressions[i.id] = i.definitionExpression || "";
+      this._initDefExpressions && (this._initDefExpressions[i.id] = i.definitionExpression || "");
     });
   }
   /**
@@ -973,7 +979,7 @@ class S extends F {
     });
   }
 }
-m("crowdsource-reporter", S);
+m("crowdsource-reporter", x);
 export {
-  S as CrowdsourceReporter
+  x as CrowdsourceReporter
 };

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

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

@@ -16,7 +16,7 @@ export declare class DeleteButton 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;
+    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 */

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.20250415 */
+v1.0.0-next.20250422 */
 const d = o`/** @license
  * Copyright 2025 Esri
  *
@@ -23,11 +23,18 @@ 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.ids = [], this._confirmDelete = !1, this._deleteEndabled = !1, this._translations = s({ name: "delete-button" }), this.editsComplete = n();
+    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" }), 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 };
   }
+  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();
+  }
   //--------------------------------------------------------------------------
   //
   //  Properties (protected)
@@ -90,13 +97,6 @@ class r extends a {
   _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>`;
   }
-  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();
-  }
 }
 i("delete-button", r);
 export {

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

@@ -8,7 +8,7 @@ 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;
+    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 */

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

@@ -5,7 +5,7 @@ import { LitElement as n, createEvent as t } 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.20250415 */
+v1.0.0-next.20250422 */
 const c = o`/** @license
  * Copyright 2025 Esri
  *
@@ -23,7 +23,7 @@ const c = o`/** @license
  */:host{display:block}.delete-modal{position:fixed}`;
 class r extends n {
   constructor() {
-    super(...arguments), this.ids = [], this.open = !1, this._isDeleting = !1, this._translations = l({ name: "delete-dialog" }), this.editsComplete = t(), this.deleteDialogClose = t();
+    super(...arguments), this.ids = [], this.locale = "", this.open = !1, this._isDeleting = !1, this._translations = l({ name: "delete-dialog" }), this.editsComplete = t(), this.deleteDialogClose = t();
   }
   static {
     this.properties = { ids: 0, layer: 0, locale: 1, open: 5, _isDeleting: 16, _translations: 16 };
@@ -31,6 +31,10 @@ class r extends n {
   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)
@@ -64,30 +68,18 @@ class r extends n {
   //--------------------------------------------------------------------------
   /** Delete the currently selected features */
   async _deleteFeatures() {
-    this._isDeleting = !0;
-    const e = this.ids.map((i) => ({ objectId: i }));
-    await this.layer.applyEdits({
-      deleteFeatures: e
-    }), this._isDeleting = !1, this._close(), this.editsComplete.emit("delete");
+    if (this.layer) {
+      this._isDeleting = !0;
+      const e = this.ids.map((i) => ({ objectId: i }));
+      await this.layer.applyEdits({
+        deleteFeatures: e
+      }), this._isDeleting = !1, this._close(), this.editsComplete.emit("delete");
+    }
   }
   /** Set the alertOpen member to false when the alert is closed */
   _close() {
     this.open = !1, this.deleteDialogClose.emit();
   }
-  /**
-   * 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 DeleteDialog_T9n;
-  // }
-  /** 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();
-  }
 }
 s("delete-dialog", r);
 export {

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

@@ -15,7 +15,7 @@ export declare class EditCard extends LitElement {
     /** 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;
+    mapView: __esri.MapView | undefined;
     /** When true the component is displayed */
     open: boolean;
     /** Emitted on demand when the Editor widget should be closed */