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

package/dist/components/create-feature/customElement.js

@@ -1,14 +1,14 @@
 import { c as _ } from "../../chunks/runtime.js";
 import { l as g } from "../../chunks/loadModules.js";
-import { i as y, d as M } from "../../chunks/mapViewUtils.js";
+import { j as y, d as M } from "../../chunks/mapViewUtils.js";
 import { u as v } from "../../chunks/useT9n.js";
 import { html as c } from "lit";
 import { createRef as p, ref as m } from "lit-html/directives/ref.js";
-import { LitElement as b, createEvent as n, noShadowRoot as L, safeClassMap as u } from "@arcgis/lumina";
+import { LitElement as b, createEvent as l, noShadowRoot as L, safeClassMap as u } from "@arcgis/lumina";
 import { css as V } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250427 */
+v1.0.0-next.20250429 */
 const E = V`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -26,10 +26,10 @@ const E = V`@layer{/** @license
  */:host{display:block}.hide-editor-toolbar .esri-editor__panel-toolbar{display:none!important}.esri-editor__panel-content{padding-block:0px!important}.esri-editor .esri-item-list__group__header,.esri-editor__panel-content__section .esri-widget__heading{display:none!important}.esri-editor .esri-item-list__filter-container--sticky{padding-block:0px!important;padding-inline:10px!important}.search-widget{width:92%!important;margin:5px 14px 20px}.display-none{display:none!important}.hide-map{height:1%;visibility:hidden}.show-map{padding:10px!important;position:absolute!important;bottom:0;height:auto!important;width:calc(100% - 22px)}.notice-msg{padding:10px;width:calc(100% - 20px)}.esri-editor__panel-content{padding-block:10px!important}@media only screen and (max-width: 600px){.esri-editor__panel-content{padding-block:0!important;min-height:0!important}}}`;
 class S extends b {
   constructor() {
-    super(...arguments), this.customizeSubmit = !1, this.enableSearch = !1, this.enableSnapping = !1, this.floorLevel = "", this.isMobile = !1, this.locale = "", this.selectedLayerId = "", this.showGuidingMsg = !0, this.submitNewReportsMessage = "", this._currentPage = "templatePicker", this._editorLoading = !1, this._translations = v({ name: "create-feature", blocking: !0 }), this._addingAttachment = !1, this._calciteNotice = p(), this._isSubmitBtnClicked = !1, this._mapViewContainer = p(), this._searchDiv = p(), this.success = n(), this.fail = n(), this.drawComplete = n(), this.editingAttachment = n(), this.progressStatus = n(), this.modeChanged = n();
+    super(...arguments), this.customizeSubmit = !1, this.enableSearch = !1, this.enableSnapping = !1, this.floorLevel = "", this.isMobile = !1, this.selectedLayerId = "", this.showGuidingMsg = !0, this.submitNewReportsMessage = "", this._currentPage = "templatePicker", this._editorLoading = !1, this._translations = v({ name: "create-feature", blocking: !0 }), this._addingAttachment = !1, this._calciteNotice = p(), this._isSubmitBtnClicked = !1, this._mapViewContainer = p(), this._searchDiv = p(), this.success = l(), this.fail = l(), this.drawComplete = l(), this.editingAttachment = l(), this.progressStatus = l(), this.modeChanged = l();
   }
   static {
-    this.properties = { customizeSubmit: 5, enableSearch: 5, enableSnapping: 5, floorLevel: 1, formElements: 1, isMobile: 5, locale: 1, mapView: 0, searchConfiguration: 0, selectedLayerId: 1, showGuidingMsg: 5, submitNewReportsMessage: 1, _currentPage: 16, _editorLoading: 16, _translations: 16 };
+    this.properties = { customizeSubmit: 5, enableSearch: 5, enableSnapping: 5, floorLevel: 1, formElements: 1, isMobile: 5, mapView: 0, searchConfiguration: 0, selectedLayerId: 1, showGuidingMsg: 5, submitNewReportsMessage: 1, _currentPage: 16, _editorLoading: 16, _translations: 16 };
   }
   static {
     this.styles = E;
@@ -37,15 +37,15 @@ class S extends b {
   static {
     this.shadowRootOptions = L;
   }
+  /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */
+  willUpdate(e) {
+    e.has("mapView") && this.mapViewWatchHandler(), e.has("isMobile") && this.isMobileHandler(), e.has("_editorLoading") && (this.hasUpdated || this._editorLoading !== !1) && this._editorLoadingWatchHandler(this._editorLoading);
+  }
   //--------------------------------------------------------------------------
   //
   //  Watch handlers
   //
   //--------------------------------------------------------------------------
-  /** Fetch translations when the locale is updated */
-  async localeWatchHandler() {
-    this.el.lang = this.locale;
-  }
   /** Called each time the mapView prop is changed. */
   async mapViewWatchHandler() {
     this.mapView && await this.mapView.when(async () => {
@@ -123,8 +123,8 @@ class S extends b {
   /** Renders the component. */
   render() {
     const e = this._currentPage === "drawing" ? "" : "display-none", t = this._editorLoading ? "" : "display-none", s = this._editorLoading ? "display-none" : "", i = this.isMobile ? "show-map" : "display-none", a = this.showGuidingMsg && this._currentPage !== "templatePicker";
-    let l = this._translations.chooseCategoryMsg;
-    return this._currentPage === "drawing" ? l = this._translations.provideLocationMsg : this._currentPage === "featureForm" && (l = this._translations.provideDetailsMsg), c`${a && c`<calcite-notice class="notice-msg" icon=lightbulb kind=success open ${m(this._calciteNotice)}><div slot=message>${l}</div></calcite-notice>` || ""}<calcite-loader class=${u(t)} label scale=s></calcite-loader><div class=${u(s)} id=feature-form></div>${this.enableSearch && c`<div class=${`search-widget ${e} ${s}`} id=search-widget-ref ${m(this._searchDiv)}></div>` || ""}<div class=${`${i}`} ${m(this._mapViewContainer)}></div>`;
+    let n = this._translations.chooseCategoryMsg;
+    return this._currentPage === "drawing" ? n = this._translations.provideLocationMsg : this._currentPage === "featureForm" && (n = this._translations.provideDetailsMsg), c`${a && c`<calcite-notice class="notice-msg" icon=lightbulb kind=success open ${m(this._calciteNotice)}><div slot=message>${n}</div></calcite-notice>` || ""}<calcite-loader class=${u(t)} label scale=s></calcite-loader><div class=${u(s)} id=feature-form></div>${this.enableSearch && c`<div class=${`search-widget ${e} ${s}`} id=search-widget-ref ${m(this._searchDiv)}></div>` || ""}<div class=${u(i)} ${m(this._mapViewContainer)}></div>`;
   }
   //--------------------------------------------------------------------------
   //
@@ -142,7 +142,7 @@ class S extends b {
    * @protected
    */
   async initModules() {
-    const [e, t, s, i, a, l, o] = await g([
+    const [e, t, s, i, a, n, o] = await g([
       "esri/widgets/Editor",
       "esri/core/reactiveUtils",
       "esri/widgets/Search",
@@ -151,7 +151,7 @@ class S extends b {
       "esri/form/FormTemplate",
       "esri/views/MapView"
     ]);
-    this.Editor = e, this.reactiveUtils = t, this.Search = s, this.ExpressionInfo = i, this.FieldElement = a, this.FormTemplate = l, this.MapView = o;
+    this.Editor = e, this.reactiveUtils = t, this.Search = s, this.ExpressionInfo = i, this.FieldElement = a, this.FormTemplate = n, this.MapView = o;
   }
   /**
    * updates the map view (in case of mobile)
@@ -219,12 +219,12 @@ class S extends b {
         r === "ready" && this._editor?.viewModel?.activeWorkflow?.type !== "create-features" && (this.progressStatus.emit(50), this._editorLoading = !0);
       });
       a && this._editor.viewModel.addHandles(a);
-      const l = this.reactiveUtils?.watch(() => this._editor?.viewModel.featureFormViewModel?.state, (r) => {
+      const n = this.reactiveUtils?.watch(() => this._editor?.viewModel.featureFormViewModel?.state, (r) => {
         r === "ready" && this._editor?.viewModel.featureFormViewModel && (this._mapViewContainer.value?.classList?.replace("show-map", "hide-map"), this._editor.viewModel.featureFormViewModel.addHandles(this._editor.viewModel.featureFormViewModel.on("submit", this.submitted.bind(this))), setTimeout(() => {
           this._setFloorLevel(this.floorLevel);
         }, 50), this._currentPage = "featureForm", this.progressStatus.emit(100), this.drawComplete.emit());
       });
-      l && this._editor.viewModel.addHandles(l);
+      n && this._editor.viewModel.addHandles(n);
       const o = this.reactiveUtils?.watch(() => this._editor?.viewModel.state, (r) => {
         r === "creating-features" && this._editor?.viewModel.featureFormViewModel && this._editor.viewModel.featureFormViewModel.state === "disabled" && (this._mapViewContainer.value?.classList?.replace("hide-map", "show-map"), this._selectedLayer && !this._selectedLayer.isTable && (this._currentPage = "drawing"));
       });
@@ -327,7 +327,7 @@ class S extends b {
           name: "floor-info-test",
           title: "Floor Info",
           returnType: "string"
-        }), l = new this.FieldElement({
+        }), n = new this.FieldElement({
           label: s,
           editableExpression: "false",
           fieldName: s,
@@ -340,7 +340,7 @@ class S extends b {
         });
         this._updatedMapView?.map.editableLayers.forEach((o) => {
           const r = this.formElements.orgElements, h = this.formElements.orgExpressionInfos, d = [...r];
-          if (d.push(l), o.type === "feature" && this.FormTemplate) {
+          if (d.push(n), o.type === "feature" && this.FormTemplate) {
             const f = o, w = new this.FormTemplate({
               title: f?.formTemplate?.title,
               description: f?.formTemplate?.description,
@@ -367,7 +367,7 @@ class S extends b {
   /**
    * On creation of feature emit the event that the feature is created
    *
-   * @param evt feature submit event
+   * @param _evt feature submit event
    * @protected
    */
   async submitted(e) {
@@ -395,13 +395,9 @@ class S extends b {
    * @param delay The time, in milliseconds that the timer should wait before the promise is resolved
    * @protected
    */
-  timeout(e) {
+  async timeout(e) {
     return new Promise((t) => setTimeout(t, e));
   }
-  /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */
-  willUpdate(e) {
-    e.has("locale") && this.localeWatchHandler(), e.has("mapView") && this.mapViewWatchHandler(), e.has("isMobile") && this.isMobileHandler(), e.has("_editorLoading") && (this.hasUpdated || this._editorLoading !== !1) && this._editorLoadingWatchHandler(this._editorLoading);
-  }
 }
 _("create-feature", S);
 export {

package/dist/components/create-related-feature/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 CreateRelatedFeature extends LitElement {
     /**
@@ -11,8 +11,6 @@ export declare class CreateRelatedFeature extends LitElement {
     customizeSubmit?: boolean;
     /** When true the snapping options will be exposed */
     enableSnapping: boolean;
-    /** 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;
     /** __esri.Graphic: https://developers.arcgis.com/javascript/latest/api-reference/esri-Graphic.html */

package/dist/components/create-related-feature/customElement.js

@@ -1,12 +1,12 @@
 import { c as h } from "../../chunks/runtime.js";
 import { l as u } from "../../chunks/loadModules.js";
 import { u as m } from "../../chunks/useT9n.js";
-import { html as d } from "lit";
-import { LitElement as p, createEvent as l, noShadowRoot as f, safeClassMap as w } from "@arcgis/lumina";
+import { html as l } from "lit";
+import { LitElement as p, createEvent as d, noShadowRoot as f, safeClassMap as w } from "@arcgis/lumina";
 import { css as y } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250427 */
+v1.0.0-next.20250429 */
 const b = y`@layer{/**
  * @license
  * Copyright 2025 Esri
@@ -25,10 +25,10 @@ const b = y`@layer{/**
  */:host{display:block}.hide-editor-toolbar .esri-editor__panel-toolbar,.display-none{display:none!important}.esri-editor__panel-content{padding-block:10px!important}.notice-msg{padding:10px;width:calc(100% - 20px)}}`;
 class g extends p {
   constructor() {
-    super(...arguments), this.customizeSubmit = !1, this.enableSnapping = !1, this.locale = "", this.showGuidingMsg = !0, this._editorLoading = !1, this._translations = m({ name: "create-related-feature", blocking: !0 }), this._addingAttachment = !1, this._isSubmitBtnClicked = !1, this.success = l(), this.fail = l(), this.isActionPending = l(), this.formReady = l();
+    super(...arguments), this.customizeSubmit = !1, this.enableSnapping = !1, this.showGuidingMsg = !0, this._editorLoading = !1, this._translations = m({ name: "create-related-feature", blocking: !0 }), this._addingAttachment = !1, this._isSubmitBtnClicked = !1, this.success = d(), this.fail = d(), this.isActionPending = d(), this.formReady = d();
   }
   static {
-    this.properties = { customizeSubmit: 5, enableSnapping: 5, locale: 1, mapView: 0, selectedFeature: 0, showGuidingMsg: 5, table: 0, _editorLoading: 16, _translations: 16 };
+    this.properties = { customizeSubmit: 5, enableSnapping: 5, mapView: 0, selectedFeature: 0, showGuidingMsg: 5, table: 0, _editorLoading: 16, _translations: 16 };
   }
   static {
     this.styles = b;
@@ -38,17 +38,13 @@ class g extends p {
   }
   /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */
   willUpdate(e) {
-    e.has("locale") && this.localeWatchHandler(), e.has("mapView") && this.mapViewWatchHandler(), e.has("_editorLoading") && (this.hasUpdated || this._editorLoading !== !1) && this._editorLoadingWatchHandler(this._editorLoading);
+    e.has("mapView") && this.mapViewWatchHandler(), e.has("_editorLoading") && (this.hasUpdated || this._editorLoading !== !1) && this._editorLoadingWatchHandler(this._editorLoading);
   }
   //--------------------------------------------------------------------------
   //
   //  Watch handlers
   //
   //--------------------------------------------------------------------------
-  /** Fetch translations when the locale is updated */
-  async localeWatchHandler() {
-    this.el.lang = this.locale;
-  }
   /** Called each time the mapView prop is changed. */
   async mapViewWatchHandler() {
     await this.mapView?.when(async () => {
@@ -92,7 +88,7 @@ class g extends p {
   }
   render() {
     const e = this._editorLoading ? "" : "display-none";
-    return d`${this.showGuidingMsg && d`<calcite-notice class="notice-msg" icon=lightbulb kind=success open><div slot=message>${this._translations.provideDetailsMsg}</div></calcite-notice>` || ""}<calcite-loader class=${w(e)} label scale=s></calcite-loader>`;
+    return l`${this.showGuidingMsg && l`<calcite-notice class="notice-msg" icon=lightbulb kind=success open><div slot=message>${this._translations.provideDetailsMsg}</div></calcite-notice>` || ""}<calcite-loader class=${w(e)} label scale=s></calcite-loader>`;
   }
   /** Called once just after the component is fully loaded and the first render() occurs. */
   loaded() {
@@ -141,7 +137,7 @@ class g extends p {
     const e = this.selectedFeature?.layer, t = this.table;
     if (e?.relationships && t?.relationships && this._editor?.viewModel.featureFormViewModel && this.selectedFeature && t.templates) {
       const a = e.relationships[0], i = t.relationships.find((o) => e.layerId === o.relatedTableId), s = Number(this.selectedFeature.getObjectId());
-      if (!isNaN(s) && i) {
+      if (!Number.isNaN(s) && i) {
         const r = (await e.queryFeatures({
           objectIds: [s],
           outFields: [e.objectIdField, a.keyField]
@@ -188,7 +184,7 @@ class g extends p {
   /**
    * On creation of feature emit the event that the feature is created
    *
-   * @param evt feature submit event
+   * @param _evt feature submit event
    * @protected
    */
   async submitted(e) {
@@ -216,7 +212,7 @@ class g extends p {
    * @param delay The time, in milliseconds that the timer should wait before the promise is resolved
    * @protected
    */
-  timeout(e) {
+  async timeout(e) {
     return new Promise((t) => setTimeout(t, e));
   }
 }

package/dist/components/crowdsource-manager/customElement.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="../../index.d.ts" />
-import { AppLayout, ELayoutMode, IBasemapConfig, IMapChange, IMapInfo, ISearchConfiguration, theme } from '../../utils/interfaces';
+import { AppLayout, IBasemapConfig, IMapChange, IMapInfo, ISearchConfiguration, theme, ELayoutMode } from '../../utils/interfaces';
 import { LayerExpression } from '@arcgis/instant-apps-components';
 import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 import { MapCard } from '../map-card/customElement.js';
 import { LayerTable } from '../layer-table/customElement.js';
 
@@ -79,8 +79,6 @@ export declare class CrowdsourceManager extends LitElement {
     enableSnapping: boolean;
     /** boolean: when true the zoom widget will be available */
     enableZoom: boolean;
-    /** string: Locale to use for translation of stings in the UI */
-    locale: string;
     /** IMapInfo[]: array of map infos (name and id) */
     mapInfos: IMapInfo[];
     /** boolean: When true only editable layers that support the update capability will be available */

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

@@ -5,11 +5,11 @@ import { defineCustomElements as $ } from "@arcgis/instant-apps-components/loade
 import { u as C } from "../../chunks/useT9n.js";
 import { html as s, nothing as L } from "lit";
 import { createRef as h, ref as d } from "lit-html/directives/ref.js";
-import { LitElement as x, createEvent as p, noShadowRoot as I, safeStyleMap as M, safeClassMap as u } from "@arcgis/lumina";
+import { LitElement as x, createEvent as c, noShadowRoot as I, safeStyleMap as M, safeClassMap as u } from "@arcgis/lumina";
 import { css as S } 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 F = S`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -27,10 +27,10 @@ const F = S`@layer{/** @license
  */:host{display:block;--calcite-label-margin-bottom: 0px;--solutions-theme-foreground-color: var(--calcite-color-foreground-1)}.padding-1-2{padding:.5rem}.display-flex{display:flex}.width-full{width:100%}.width-1-2{position:relative;width:50%}.width-1-3{position:relative;width:33.33%}.width-2-3{position:relative;width:66.66%}.width-0{width:0}.height-full{height:100%}.height-1-2{position:relative;height:50%}.height-0{height:0}.toggle-node{width:51px;height:51px}.overflow-hidden{overflow:hidden}.flex-column{flex-direction:column}.border{border:1px solid var(--calcite-color-border-3)}.border-bottom{border-bottom:1px solid var(--calcite-color-border-3)}.border-right{border-right:2px solid var(--calcite-color-border-3)}.border-sides{border-left:1px solid var(--calcite-color-border-3);border-right:1px solid var(--calcite-color-border-3)}.position-relative{position:relative}.position-absolute{position:absolute}.position-sticky{position:sticky}.height-50{height:50%}.top-51{top:51px}.adjusted-height-50{height:calc(50% - 25px)}.adjusted-height-100{height:calc(100% - 50px)}.adjusted-height-100-51{height:calc(100% - 51px)}.display-none{display:none!important}.adjusted-height-50_25{height:calc(50% + 25px)}.position-absolute-53{position:absolute;top:53px}.display-grid{display:grid}.height-50-px{height:50px}.padding-inline-start-75{padding-inline-start:.75rem}.align-items-center{align-items:center}.esri-floor-filter__close-levels-button,.esri-floor-filter__level-button,.esri-floor-filter__browse-button{width:40px!important;height:40px!important}.position-absolute-50{position:absolute;inset:50px 0 0}.position-absolute-0{position:absolute;inset:0}.visibility-hidden{visibility:hidden;height:0px}.position-fixed{position:fixed}.border-width-0{border-width:0px}.border-bottom-width-0{border-bottom-width:0px}.floating-container{position:fixed;width:100px;height:10px;bottom:0;right:0;margin:100px 0}.floating-container .floating-button{box-shadow:0 10px 25px #5c5d5e99;-webkit-transform:translatey(5px);transform:translatey(5px);-webkit-transition:all .3s;transition:all .3s}.z-index-0{z-index:0!important}.z-index-1{z-index:1!important}.filter-content-space{--calcite-dialog-content-space: 0px}.background-dark{background:var(--calcite-color-background)}.filter-extent-container{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.filter-modal-buttons{display:flex;padding:12px;gap:10px}.filter-extent-message{align-items:center;display:flex;gap:5px}}`;
 class T extends x {
   constructor() {
-    super(), this.coverPageEnabled = !1, this.customInfoText = "", this.defaultCenter = "", this.defaultGlobalId = "", this.defaultLayer = "", this.defaultLevel = "", this.defaultOid = "", this.defaultWebmap = "", this.honorMapFieldSettings = !1, this.introductionWindowEnabled = !1, this.enableAutoRefresh = !1, this.enableBasemap = !0, this.enableColumnReorder = !0, this.enableCSV = !0, this.enableFloorFilter = !0, this.enableFullscreen = !0, this.enableHome = !0, this.enableLegend = !0, this.enableSearch = !0, this.enableShare = !1, this.enableSnapping = !0, this.enableZoom = !0, this.locale = "", this.mapInfos = [], this.onlyShowUpdatableLayers = !0, this.popupHeaderColor = "", this.popupHeaderHoverColor = "", this.popupHeaderHoverTextColor = "", this.popupHeaderTextColor = "", this.shareIncludeEmbed = !1, this.shareIncludeSocial = !1, this.showNewestFirst = !0, this.theme = "light", this.zoomAndScrollToSelected = !1, this._deleteDialogOpen = !1, this._enableCreateFeatures = !0, this._hideFooter = !1, this._hideTable = !1, this._isMobile = !1, this._isPortraitMobile = !1, this._translations = C({ name: "crowdsource-manager", blocking: !0 }), this._layoutMode = l.GRID, this._panelOpen = !0, this._numSelected = 0, this._filterOpen = !1, this._showInformationHeader = !0, this._layerIds = [], this._isLoading = !0, this._mapExtentFilterChecked = !1, this._defaultAppLayoutHonored = !1, this._defaultCenterHonored = !1, this._defaultLevelHonored = !1, this._deleteIds = [], this._layerTable = h(), this._shouldSetMapView = !1, this._layerExpressions = [], this._filterList = h(), this._mapCard = h(), this._isMapViewOnLoad = !1, this.showIntroductionWindow = p(), this.showCoverPage = p(), this.listenOn(window, "featureSelectionChange", this.featureSelectionChange), this.listenOn(window, "popupClosed", this.popupClosed), this.listenOn(window, "layoutChanged", this.layoutChanged), this.listenOn(window, "mapChanged", this.mapChanged), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "showDelete", this.showDelete), this.listenOn(window, "idsFound", this.idsFound), $(window);
+    super(), this.coverPageEnabled = !1, this.customInfoText = "", this.defaultCenter = "", this.defaultGlobalId = "", this.defaultLayer = "", this.defaultLevel = "", this.defaultOid = "", this.defaultWebmap = "", this.honorMapFieldSettings = !1, this.introductionWindowEnabled = !1, this.enableAutoRefresh = !1, this.enableBasemap = !0, this.enableColumnReorder = !0, this.enableCSV = !0, this.enableFloorFilter = !0, this.enableFullscreen = !0, this.enableHome = !0, this.enableLegend = !0, this.enableSearch = !0, this.enableShare = !1, this.enableSnapping = !0, this.enableZoom = !0, this.mapInfos = [], this.onlyShowUpdatableLayers = !0, this.popupHeaderColor = "", this.popupHeaderHoverColor = "", this.popupHeaderHoverTextColor = "", this.popupHeaderTextColor = "", this.shareIncludeEmbed = !1, this.shareIncludeSocial = !1, this.showNewestFirst = !0, this.theme = "light", this.zoomAndScrollToSelected = !1, this._deleteDialogOpen = !1, this._enableCreateFeatures = !0, this._hideFooter = !1, this._hideTable = !1, this._isMobile = !1, this._isPortraitMobile = !1, this._translations = C({ name: "crowdsource-manager", blocking: !0 }), this._layoutMode = l.GRID, this._panelOpen = !0, this._numSelected = 0, this._filterOpen = !1, this._showInformationHeader = !0, this._layerIds = [], this._isLoading = !0, this._mapExtentFilterChecked = !1, this._defaultAppLayoutHonored = !1, this._defaultCenterHonored = !1, this._defaultLevelHonored = !1, this._deleteIds = [], this._layerTable = h(), this._shouldSetMapView = !1, this._layerExpressions = [], this._filterList = h(), this._mapCard = h(), this._isMapViewOnLoad = !1, this.showIntroductionWindow = c(), this.showCoverPage = c(), this.listenOn(window, "featureSelectionChange", this.featureSelectionChange), this.listenOn(window, "popupClosed", this.popupClosed), this.listenOn(window, "layoutChanged", this.layoutChanged), this.listenOn(window, "mapChanged", this.mapChanged), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "showDelete", this.showDelete), this.listenOn(window, "idsFound", this.idsFound), $(window);
   }
   static {
-    this.properties = { appLayout: 1, appProxies: 1, basemapConfig: 0, coverPageEnabled: 5, customInfoText: 1, defaultAppLayout: 1, defaultCenter: 1, defaultGlobalId: 1, defaultLayer: 1, defaultLevel: 1, defaultOid: 1, defaultWebmap: 1, honorMapFieldSettings: 5, introductionWindowEnabled: 5, enableAutoRefresh: 5, enableBasemap: 5, enableColumnReorder: 5, enableCSV: 5, enableFloorFilter: 5, enableFullscreen: 5, enableHome: 5, enableLegend: 5, enableSearch: 5, enableShare: 5, enableSnapping: 5, enableZoom: 5, locale: 1, mapInfos: 0, onlyShowUpdatableLayers: 5, popupHeaderColor: 1, popupHeaderHoverColor: 1, popupHeaderHoverTextColor: 1, popupHeaderTextColor: 1, searchConfiguration: 0, shareIncludeEmbed: 5, shareIncludeSocial: 5, showNewestFirst: 5, theme: 1, zoomAndScrollToSelected: 5, zoomToScale: 9, _deleteDialogOpen: 16, _enableCreateFeatures: 16, _hideFooter: 16, _hideTable: 16, _isMobile: 16, _isPortraitMobile: 16, _translations: 16, _layer: 16, _layoutMode: 16, _mapInfo: 16, _mapView: 16, _panelOpen: 16, _numSelected: 16, _filterOpen: 16, _showInformationHeader: 16, _layerIds: 16, _isLoading: 16, _mapExtentFilterChecked: 16 };
+    this.properties = { appLayout: 1, appProxies: 1, basemapConfig: 0, coverPageEnabled: 5, customInfoText: 1, defaultAppLayout: 1, defaultCenter: 1, defaultGlobalId: 1, defaultLayer: 1, defaultLevel: 1, defaultOid: 1, defaultWebmap: 1, honorMapFieldSettings: 5, introductionWindowEnabled: 5, enableAutoRefresh: 5, enableBasemap: 5, enableColumnReorder: 5, enableCSV: 5, enableFloorFilter: 5, enableFullscreen: 5, enableHome: 5, enableLegend: 5, enableSearch: 5, enableShare: 5, enableSnapping: 5, enableZoom: 5, mapInfos: 0, onlyShowUpdatableLayers: 5, popupHeaderColor: 1, popupHeaderHoverColor: 1, popupHeaderHoverTextColor: 1, popupHeaderTextColor: 1, searchConfiguration: 0, shareIncludeEmbed: 5, shareIncludeSocial: 5, showNewestFirst: 5, theme: 1, zoomAndScrollToSelected: 5, zoomToScale: 9, _deleteDialogOpen: 16, _enableCreateFeatures: 16, _hideFooter: 16, _hideTable: 16, _isMobile: 16, _isPortraitMobile: 16, _translations: 16, _layer: 16, _layoutMode: 16, _mapInfo: 16, _mapView: 16, _panelOpen: 16, _numSelected: 16, _filterOpen: 16, _showInformationHeader: 16, _layerIds: 16, _isLoading: 16, _mapExtentFilterChecked: 16 };
   }
   static {
     this.styles = F;
@@ -40,7 +40,7 @@ class T extends x {
   }
   /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */
   willUpdate(e) {
-    e.has("appLayout") && this.appLayout && this.appLayoutWatchHandler(this.appLayout, e.get("appLayout")), e.has("enableZoom") && (this.hasUpdated || this.enableZoom !== !0) && this.enableZoomWatchHandler(), e.has("locale") && this.localeWatchHandler();
+    e.has("appLayout") && this.appLayout && this.appLayoutWatchHandler(this.appLayout, e.get("appLayout")), e.has("enableZoom") && (this.hasUpdated || this.enableZoom !== !0) && this.enableZoomWatchHandler();
   }
   //--------------------------------------------------------------------------
   //
@@ -55,10 +55,6 @@ class T extends x {
   enableZoomWatchHandler() {
     this._initMapZoom();
   }
-  /** Fetch translations when the locale is updated */
-  async localeWatchHandler() {
-    this.el.lang = this.locale;
-  }
   /** Listen for changes in feature selection and show or hide the map, popup, and table */
   async featureSelectionChange(e) {
     this._numSelected = e.detail?.length;
@@ -128,7 +124,7 @@ class T extends x {
    */
   _getFooter() {
     const e = this._numSelected > 0, t = this._layer?.editingEnabled && this._layer?.capabilities?.operations?.supportsDelete;
-    return this._isPortraitMobile && e && !this._hideFooter ? s`<div class=${"width-100"} slot=footer><div class="display-flex padding-1-2"><calcite-button appearance=solid id=solutions-show @click=${() => this.showHideMapPopupAndTable(!0)} width=full>${(this._translations.view || "").replace("{{n}}", this._numSelected.toString())}</calcite-button>${t ? s`<delete-button class="padding-inline-start-1 width-full" id=solutions-delete .ids=${this._layerTable.value?.selectedIds} .layer=${this._layer} .locale=${this.locale}></delete-button>` : void 0}</div></div>` : void 0;
+    return this._isPortraitMobile && e && !this._hideFooter ? s`<div class=${"width-100"} slot=footer><div class="display-flex padding-1-2"><calcite-button appearance=solid id=solutions-show @click=${() => this.showHideMapPopupAndTable(!0)} width=full>${this._translations.view.replace("{{n}}", this._numSelected.toString())}</calcite-button>${t ? s`<delete-button class="padding-inline-start-1 width-full" id=solutions-delete .ids=${this._layerTable.value?.selectedIds} .layer=${this._layer}></delete-button>` : void 0}</div></div>` : void 0;
   }
   /**
    * sets the active layout to render
@@ -252,7 +248,7 @@ class T extends x {
    */
   _getMapNode(e) {
     const t = this.appLayout === "mapView", i = this.appLayout === "tableView", a = t || i ? "position-absolute-0" : this._layoutMode === l.HORIZONTAL && (!this._isPortraitMobile || e) ? "" : "adjusted-height-50", o = this.defaultWebmap && this.defaultLayer;
-    return s`<div class=${`${a} overflow-hidden`} id=card-mapView><map-card .appLayout=${this.appLayout} .appProxies=${this.appProxies} .basemapConfig=${this.basemapConfig} class="width-full" .defaultLayerId=${o ? this.defaultLayer : ""} .defaultWebmapId=${this.defaultWebmap} .enableBasemap=${this.enableBasemap} .enableFloorFilter=${this.enableFloorFilter} .enableFullscreen=${this.enableFullscreen} .enableHome=${this.enableHome} .enableLegend=${this.enableLegend} .enableSearch=${this.enableSearch} .enableShare=${this.enableShare} enable-single-expand .hidden=${!this._isPortraitMobile && i} home-zoom-index=3 home-zoom-position=top-left home-zoom-tools-size=s .isMapLayout=${t} .isMobile=${this._isMobile} .locale=${this.locale} .mapInfo=${this._mapInfo} .mapInfos=${this.mapInfos?.filter((n) => n.visible !== !1)} map-widgets-index=0 map-widgets-position=top-right map-widgets-size=m @lyShowUpdatableLayers=${this.onlyShowUpdatableLayers} @toggleFilter=${this._toggleFilter} .selectedFeaturesIds=${this._layerTable.value?.selectedIds} .selectedLayer=${this._layer} .shareIncludeEmbed=${this.shareIncludeEmbed} .shareIncludeSocial=${this.shareIncludeSocial} stack-tools .theme=${this.theme} .toolOrder=${["legend", "search", "fullscreen", "basemap", "floorfilter"]} .zoomToScale=${this.zoomToScale} ${d(this._mapCard)}></map-card></div>`;
+    return s`<div class=${`${a} overflow-hidden`} id=card-mapView><map-card .appLayout=${this.appLayout} .appProxies=${this.appProxies} .basemapConfig=${this.basemapConfig} class="width-full" .defaultLayerId=${o ? this.defaultLayer : ""} .defaultWebmapId=${this.defaultWebmap} .enableBasemap=${this.enableBasemap} .enableFloorFilter=${this.enableFloorFilter} .enableFullscreen=${this.enableFullscreen} .enableHome=${this.enableHome} .enableLegend=${this.enableLegend} .enableSearch=${this.enableSearch} .enableShare=${this.enableShare} enable-single-expand .hidden=${!this._isPortraitMobile && i} home-zoom-index=3 home-zoom-position=top-left home-zoom-tools-size=s .isMapLayout=${t} .isMobile=${this._isMobile} .mapInfo=${this._mapInfo} .mapInfos=${this.mapInfos?.filter((n) => n.visible !== !1)} map-widgets-index=0 map-widgets-position=top-right map-widgets-size=m @lyShowUpdatableLayers=${this.onlyShowUpdatableLayers} @toggleFilter=${this._toggleFilter} .selectedFeaturesIds=${this._layerTable.value?.selectedIds} .selectedLayer=${this._layer} .shareIncludeEmbed=${this.shareIncludeEmbed} .shareIncludeSocial=${this.shareIncludeSocial} stack-tools .theme=${this.theme} .toolOrder=${["legend", "search", "fullscreen", "basemap", "floorfilter"]} .zoomToScale=${this.zoomToScale} ${d(this._mapCard)}></map-card></div>`;
   }
   /**
    * Get the expand node for the popup information
@@ -277,7 +273,7 @@ class T extends x {
    */
   _getCardNode() {
     const e = this.appLayout === "mapView", t = this.appLayout === "tableView", i = t && this.mapInfos?.length > 1 ? "adjusted-height-100-51" : e || t ? "height-full" : this._numSelected > 0 && !this._isMobile ? "height-50" : this._showInformationHeader ? this._isPortraitMobile ? "height-full" : "height-50" : "adjusted-height-50_25", a = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
-    return s`<div class=${`width-50 height-full ${a}`}><card-manager class=${`${i} width-full`} .customInfoText=${this.customInfoText} .enableCreateFeatures=${this._enableCreateFeatures && !this._isMobile} .enableEditGeometry=${this?._mapInfo?.enableEditGeometry} .enableSnapping=${this.enableSnapping} .isMobile=${this._isPortraitMobile} .layer=${this._layer} .locale=${this.locale} .mapView=${this?._mapView} @backFromCreateWorkFlow=${() => {
+    return s`<div class=${`width-50 height-full ${a}`}><card-manager class=${`${i} width-full`} .customInfoText=${this.customInfoText} .enableCreateFeatures=${this._enableCreateFeatures && !this._isMobile} .enableEditGeometry=${this?._mapInfo?.enableEditGeometry} .enableSnapping=${this.enableSnapping} .isMobile=${this._isPortraitMobile} .layer=${this._layer} .mapView=${this?._mapView} @backFromCreateWorkFlow=${() => {
       this._showInformationHeader = !0;
     }} @createWorkFlowStarted=${() => {
       this.appLayout = this._layer?.isTable ? "tableView" : "mapView", this._showInformationHeader = !1;
@@ -292,8 +288,8 @@ class T extends x {
    * @protected
    */
   _getTable(e, t, i) {
-    const a = this.appLayout === "mapView", o = this.appLayout === "tableView", n = i && this._isPortraitMobile ? "visibility-hidden" : a ? "display-none" : "", f = a ? "height-full width-full z-index-0" : "display-none", b = this._getTableSizeClass(e, t), m = e === l.HORIZONTAL ? "horizontal" : "vertical", _ = e === l.HORIZONTAL ? "header" : "panel-start", r = this.defaultWebmap && this.defaultLayer, c = this.defaultGlobalId ? this.defaultGlobalId?.indexOf(",") > -1 ? this.defaultGlobalId.split(",") : [this.defaultGlobalId] : void 0, g = this.defaultOid ? this.defaultOid?.indexOf(",") > -1 ? this.defaultOid.split(",").map((w) => parseInt(w, 10)) : [parseInt(this.defaultOid, 10)] : void 0;
-    return s`<calcite-shell class=${`${b} border-bottom`}>${this._isMobile ? void 0 : s`<calcite-action-bar class="border-sides" expand-disabled .layout=${m} slot=${_ ?? L}>${this.getActions(e, t)}</calcite-action-bar>`}<div class=${`width-full height-full position-relative z-index-0 ${n}`}><layer-table .appLayout=${this.appLayout} .defaultGlobalId=${r ? c : void 0} .defaultLayerId=${r ? this.defaultLayer : ""} .defaultOid=${r && !c ? g : void 0} .enableAutoRefresh=${this.enableAutoRefresh} .enableCSV=${this.enableCSV} .enableColumnReorder=${this.enableColumnReorder} .enableInlineEdit=${this?._mapInfo?.enableInlineEdit} .enableShare=${this.enableShare} .honorMapFieldSettings=${this.honorMapFieldSettings} .isMobile=${this._isPortraitMobile} .locale=${this.locale} .mapHidden=${o} .mapInfo=${this._mapInfo} .mapView=${this?._mapView} @lyShowUpdatableLayers=${this.onlyShowUpdatableLayers} @toggleFilter=${this._toggleFilter} .shareIncludeEmbed=${this.shareIncludeEmbed} .shareIncludeSocial=${this.shareIncludeSocial} .showNewestFirst=${this.showNewestFirst} .zoomAndScrollToSelected=${this.zoomAndScrollToSelected} .zoomToScale=${this.zoomToScale} ${d(this._layerTable)}></layer-table></div><div class=${u(f)} id=full-map-view></div></calcite-shell>`;
+    const a = this.appLayout === "mapView", o = this.appLayout === "tableView", n = i && this._isPortraitMobile ? "visibility-hidden" : a ? "display-none" : "", f = a ? "height-full width-full z-index-0" : "display-none", b = this._getTableSizeClass(e, t), m = e === l.HORIZONTAL ? "horizontal" : "vertical", _ = e === l.HORIZONTAL ? "header" : "panel-start", r = this.defaultWebmap && this.defaultLayer, p = this.defaultGlobalId ? this.defaultGlobalId?.indexOf(",") > -1 ? this.defaultGlobalId.split(",") : [this.defaultGlobalId] : void 0, g = this.defaultOid ? this.defaultOid?.indexOf(",") > -1 ? this.defaultOid.split(",").map((w) => Number.parseInt(w, 10)) : [Number.parseInt(this.defaultOid, 10)] : void 0;
+    return s`<calcite-shell class=${`${b} border-bottom`}>${this._isMobile ? void 0 : s`<calcite-action-bar class="border-sides" expand-disabled .layout=${m} slot=${_ ?? L}>${this.getActions(e, t)}</calcite-action-bar>`}<div class=${`width-full height-full position-relative z-index-0 ${n}`}><layer-table .appLayout=${this.appLayout} .defaultGlobalId=${r ? p : void 0} .defaultLayerId=${r ? this.defaultLayer : ""} .defaultOid=${r && !p ? g : void 0} .enableAutoRefresh=${this.enableAutoRefresh} .enableCSV=${this.enableCSV} .enableColumnReorder=${this.enableColumnReorder} .enableInlineEdit=${this?._mapInfo?.enableInlineEdit} .enableShare=${this.enableShare} .honorMapFieldSettings=${this.honorMapFieldSettings} .isMobile=${this._isPortraitMobile} .mapHidden=${o} .mapInfo=${this._mapInfo} .mapView=${this?._mapView} @lyShowUpdatableLayers=${this.onlyShowUpdatableLayers} @toggleFilter=${this._toggleFilter} .shareIncludeEmbed=${this.shareIncludeEmbed} .shareIncludeSocial=${this.shareIncludeSocial} .showNewestFirst=${this.showNewestFirst} .zoomAndScrollToSelected=${this.zoomAndScrollToSelected} .zoomToScale=${this.zoomToScale} ${d(this._layerTable)}></layer-table></div><div class=${u(f)} id=full-map-view></div></calcite-shell>`;
   }
   /**
    * Returns the Actions for table's node
@@ -318,7 +314,7 @@ class T extends x {
    * @protected
    */
   _deleteModal() {
-    return s`<delete-dialog id=deleteDialogId .ids=${this._deleteIds} .layer=${this._layer} .locale=${this.locale} @deleteDialogClose=${() => this._deleteDialogOpen = !1} .open=${this._deleteDialogOpen}></delete-dialog>`;
+    return s`<delete-dialog id=deleteDialogId .ids=${this._deleteIds} .layer=${this._layer} @deleteDialogClose=${() => this._deleteDialogOpen = !1} .open=${this._deleteDialogOpen}></delete-dialog>`;
   }
   /**
    * Shows the map extent filter
@@ -341,7 +337,7 @@ class T extends x {
    */
   _filterModal() {
     const e = this._layerExpressions?.length > 0;
-    return s`<calcite-dialog class="filter-content-space" .heading=${this._translations?.filter?.replace("{{title}}", this._layer?.title || "")} id=solutions-filter-dialog kind=brand modal @calciteDialogClose=${() => void this._closeFilter()} .open=${this._filterOpen} width=s>${!this._layer?.isTable && this._mapExtentFilter() || ""}${e && this._mapView && s`<instant-apps-filter-list close-btn .closeBtnOnClick=${() => void this._closeFilter()} combobox-overlay-positioning=fixed .layerExpressions=${this._layerExpressions} @filterListReset=${this._handleFilterListReset} @filterUpdate=${() => void this._updateFilter()} .view=${this._mapView} ${d(this._filterList)}></instant-apps-filter-list>` || ""}</calcite-dialog>`;
+    return s`<calcite-dialog class="filter-content-space" .heading=${this._translations.filter.replace("{{title}}", this._layer?.title || "")} id=solutions-filter-dialog kind=brand modal @calciteDialogClose=${() => void this._closeFilter()} .open=${this._filterOpen} width=s>${!this._layer?.isTable && this._mapExtentFilter() || ""}${e && this._mapView && s`<instant-apps-filter-list close-btn .closeBtnOnClick=${() => void this._closeFilter()} combobox-overlay-positioning=fixed .layerExpressions=${this._layerExpressions} @filterListReset=${this._handleFilterListReset} @filterUpdate=${() => void this._updateFilter()} .view=${this._mapView} ${d(this._filterList)}></instant-apps-filter-list>` || ""}</calcite-dialog>`;
   }
   /**
    * Update the filter state
@@ -458,7 +454,7 @@ class T extends x {
     const e = this._mapChange && this._getMapInfo(this._mapChange.id);
     if (e && this._mapChange) {
       this._mapInfo = e, this._enableCreateFeatures = this._mapInfo.enableCreateFeatures, this._mapView = this._mapChange.mapView, this._initMapZoom(), this._mapView.popupEnabled = !1;
-      const t = !this.defaultCenter || this._defaultCenterHonored ? void 0 : this.defaultCenter?.split(";").map((a) => parseFloat(a)), i = !this.defaultLevel || this._defaultLevelHonored ? void 0 : parseInt(this.defaultLevel, 10);
+      const t = !this.defaultCenter || this._defaultCenterHonored ? void 0 : this.defaultCenter?.split(";").map((a) => Number.parseFloat(a)), i = !this.defaultLevel || this._defaultLevelHonored ? void 0 : Number.parseInt(this.defaultLevel, 10);
       t && i && (await this._mapView.goTo({
         center: t,
         zoom: i

package/dist/components/crowdsource-reporter/customElement.d.ts

@@ -2,7 +2,7 @@
 /// <reference types="../../index.d.ts" />
 import { ILayerExpression, ILayerItemsHash, IMapChange, IMapClick, IMapInfo, IReportingOption, IReportingOptions, ISearchConfiguration, ISortingInfo, theme } 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';
 import { CreateRelatedFeature } from '../create-related-feature/customElement.js';
 import { LayerList } from '../layer-list/customElement.js';
 import { FeatureList } from '../feature-list/customElement.js';
@@ -46,8 +46,6 @@ export declare class CrowdsourceReporter extends LitElement {
     layerId: string;
     /** string: Id of the zoom level from URL params */
     level: string;
-    /** string: Locale to use for translation of stings in the UI */
-    locale: string;
     /** string: The text that will display at the top of the landing page */
     loginTitle: string;
     /** IMapInfo[]: array of map infos (name and id) */