@esri/solutions-components 0.11.19 → 0.11.20

package/dist/components/create-feature2.js

@@ -21,19 +21,20 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
         this.editingAttachment = createEvent(this, "editingAttachment", 7);
         this.progressStatus = createEvent(this, "progressStatus", 7);
         this.modeChanged = createEvent(this, "modeChanged", 7);
-        this.mapView = undefined;
-        this.selectedLayerId = undefined;
         this.customizeSubmit = false;
-        this.locale = undefined;
-        this.searchConfiguration = undefined;
-        this.isMobile = undefined;
+        this.enableSearch = false;
         this.floorLevel = undefined;
         this.formElements = undefined;
-        this.enableSearch = false;
+        this.isMobile = undefined;
+        this.locale = undefined;
+        this.mapView = undefined;
+        this.searchConfiguration = undefined;
+        this.selectedLayerId = undefined;
         this.showGuidingMsg = true;
         this.showGuidingMsgWhileDrawing = true;
-        this._editorLoading = false;
+        this.submitNewReportsMessage = undefined;
         this._currentPage = "templatePicker";
+        this._editorLoading = false;
         this._translations = undefined;
     }
     get el() { return this; }
@@ -52,6 +53,11 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
      * The ExpressionInfo constructor
      */
     ExpressionInfo;
+    /**
+     * https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html
+     * The Feature layer instance
+     */
+    FeatureLayer;
     /**
      * esri/form/elements/FieldElement: https://developers.arcgis.com/javascript/latest/api-reference/esri-form-elements-FieldElement.html
      * The FieldElement constructor
@@ -61,68 +67,63 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
      * esri/form/FormTemplate: https://developers.arcgis.com/javascript/latest/api-reference/esri-form-FormTemplate.html
      */
     FormTemplate;
-    /**
-     * esri/widgets/Editor: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Editor.html
-     * The Editor instance
-     */
-    _editor;
-    /**
-     * https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html
-     * The Feature layer instance
-     */
-    FeatureLayer;
     /**
      * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
      * The MapView instance
      */
     MapView;
-    /**
-     * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
-     * Updated map view instance
-     */
-    _updatedMapView;
     /**
      * esri/widgets/Search: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html
      * The Search instance
      */
     Search;
-    /**
-     * "esri/widgets/Search": https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html
-     * The Search instance
-     */
-    _search;
-    /**
-     * esri/core/reactiveUtils: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-reactiveUtils.html
-     */
-    reactiveUtils;
     /**
      * boolean: Flag to maintain the add attachment
      */
     _addingAttachment;
+    /**
+     * HTMLCalciteNoticeElement: calcite notice refrence element
+     */
+    _calciteNotice;
     /**
      * HTMLDivElement: The node the editor will be added to
      */
     _container;
     /**
-     * HTMLDivElement: The node for the map view
+     * esri/widgets/Editor: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Editor.html
+     * The Editor instance
      */
-    _mapViewContainer;
+    _editor;
     /**
      * boolean: Flag to maintain form submission using submit button
      */
     _isSubmitBtnClicked = false;
     /**
-     * __esri.FeatureLayer: selected feature layer;
+     * HTMLDivElement: The node for the map view
      */
-    _selectedLayer;
+    _mapViewContainer;
+    /**
+     * esri/core/reactiveUtils: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-reactiveUtils.html
+     */
+    reactiveUtils;
+    /**
+     * "esri/widgets/Search": https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html
+     * The Search instance
+     */
+    _search;
     /**
      * HTMLDivElement: refrence for search div element
      */
     _searchDiv;
     /**
-     * HTMLCalciteNoticeElement: calcite notice refrence element
+     * __esri.FeatureLayer: selected feature layer;
      */
-    _calciteNotice;
+    _selectedLayer;
+    /**
+     * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+     * Updated map view instance
+     */
+    _updatedMapView;
     //--------------------------------------------------------------------------
     //
     //  Watch handlers
@@ -282,8 +283,8 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
         else if (this._currentPage === 'featureForm') {
             guidingMsg = this._translations.provideDetailsMsg;
         }
-        return (h(Fragment, { key: '829e66e8b4818b2566d514ae85eddc50968075f8' }, showGuidingMsg && h("calcite-notice", { key: '0347181f26f5d87d38f8be185e0b43ffbbc34208', class: "notice-msg", icon: "lightbulb", kind: "success", open: true, ref: el => this._calciteNotice = el }, h("div", { key: 'e5dd776ead66c26184a5aad747e82d97612d961a', slot: "message" }, guidingMsg)), h("calcite-loader", { key: '7989ecdbb4b635d38a1d63bf879d7e95b3f9a9be', class: loaderClass, label: "", scale: "s" }), h("div", { key: '6f6184af21e8a0595e5c51c132e657e7660caa01', class: featureFormClass, id: "feature-form" }), this.enableSearch &&
-            h("div", { key: '2068ca424a9355a28c9957104a4f6973b11c1b8f', class: `search-widget ${showSearchWidget} ${featureFormClass}`, id: "search-widget-ref", ref: el => this._searchDiv = el }), h("div", { key: 'a899d52788e6cfa67fe77abbbe0eeb6383b40d0a', class: `${mobileMapClass}`, ref: (el) => { this._mapViewContainer = el; } })));
+        return (h(Fragment, { key: 'cb3462a70e0097e9b4ac9dac3f910fce6d30f8b5' }, showGuidingMsg && h("calcite-notice", { key: 'ddd908ac4b31f60d07de064ec1decae06b3d93bd', class: "notice-msg", icon: "lightbulb", kind: "success", open: true, ref: el => this._calciteNotice = el }, h("div", { key: '3cee10085fa29190d88d3d03d35f726d1b51651b', slot: "message" }, guidingMsg)), h("calcite-loader", { key: 'cf714d63a011712fa03c148c17a8811356e14859', class: loaderClass, label: "", scale: "s" }), h("div", { key: 'e20cb740a1d22795b397af191a26339d709aba0d', class: featureFormClass, id: "feature-form" }), this.enableSearch &&
+            h("div", { key: 'd2b439d3845b69527fdea2414c7b22078b0af4ea', class: `search-widget ${showSearchWidget} ${featureFormClass}`, id: "search-widget-ref", ref: el => this._searchDiv = el }), h("div", { key: '1f4e39aaaa93f4e2102767c04c5ad256e4f129e2', class: `${mobileMapClass}`, ref: (el) => { this._mapViewContainer = el; } })));
     }
     //--------------------------------------------------------------------------
     //
@@ -694,19 +695,20 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
     }; }
     static get style() { return CreateFeatureStyle0; }
 }, [0, "create-feature", {
-        "mapView": [16],
-        "selectedLayerId": [1, "selected-layer-id"],
         "customizeSubmit": [4, "customize-submit"],
-        "locale": [1],
-        "searchConfiguration": [16],
-        "isMobile": [4, "is-mobile"],
+        "enableSearch": [4, "enable-search"],
         "floorLevel": [1, "floor-level"],
         "formElements": [8, "form-elements"],
-        "enableSearch": [4, "enable-search"],
+        "isMobile": [4, "is-mobile"],
+        "locale": [1],
+        "mapView": [16],
+        "searchConfiguration": [16],
+        "selectedLayerId": [1, "selected-layer-id"],
         "showGuidingMsg": [4, "show-guiding-msg"],
         "showGuidingMsgWhileDrawing": [4, "show-guiding-msg-while-drawing"],
-        "_editorLoading": [32],
+        "submitNewReportsMessage": [1, "submit-new-reports-message"],
         "_currentPage": [32],
+        "_editorLoading": [32],
         "_translations": [32],
         "submit": [64],
         "refresh": [64]

package/dist/components/crowdsource-manager.js

@@ -160,8 +160,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
      */
     appLayoutWatchHandler(newAppLayout, oldAppLayout) {
         if (newAppLayout !== oldAppLayout) {
-            // eslint-disable-next-line @typescript-eslint/no-floating-promises
-            this._layerTable.validateTableUpdate(newAppLayout === 'splitView');
+            void this._layerTable?.validateTableUpdate(newAppLayout === 'splitView');
             this._setActiveLayout(newAppLayout);
             // update the layer if table selected while switching to map view
             if (this.appLayout === "mapView" && this._layer?.isTable) {
@@ -284,7 +283,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
     render() {
         // only avoid border when we have a header color that is not white
         const borderClass = this.popupHeaderColor && this.popupHeaderColor !== "#FFFFFF" ? "border-width-0" : "";
-        return (h(Host, { key: 'ae34199751802f20ad97e947a54a123e86c6449c' }, h("calcite-shell", { key: 'cec5041ec6e1683e38a714694a3a6d097f268ec8', class: "position-relative" }, h("calcite-panel", { key: 'feca859563d97e7b536aff264a64480c769ee1c0', class: `width-full height-full ${borderClass}`, loading: this._isLoading }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter()), this._filterModal(), this._deleteModal()));
+        return (h(Host, { key: '4ec349cf53a543077a3b938d5dad2e767f533181' }, h("calcite-shell", { key: '08c56e11ff814419aeb7295bba240b0e96856cae', class: "position-relative" }, h("calcite-panel", { key: 'aac7ff804b7e98f3b5d1b11dbc5ee8e18c9467ca', class: `width-full height-full ${borderClass}`, loading: this._isLoading }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter()), this._filterModal(), this._deleteModal()));
     }
     /**
      * Called after each render

package/dist/components/crowdsource-reporter.js

@@ -59,6 +59,7 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
         this.showUserImageInCommentsList = false;
         this.showFeatureSymbol = false;
         this.showMyReportsOnly = false;
+        this.submitNewReportsMessage = undefined;
         this.theme = "light";
         this.zoomToScale = undefined;
         this.floorLevel = undefined;
@@ -377,7 +378,7 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
      */
     render() {
         const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
-        return (h(Host, { key: '03d613fe8f275852672fb546ceb4449fb82580c0' }, this._reportSubmitted && h("calcite-alert", { key: '969a66978549d6993b1e4fce87bbd2387858cdf8', "auto-close": true, class: themeClass + " report-submitted-msg", icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._reportSubmitted = false; }, open: true, placement: "top" }, h("div", { key: '60ae42443e09a97d97a46bba07b1ea010b382348', slot: "message" }, this.reportSubmittedMessage ? this.reportSubmittedMessage : this._translations.submitMsg)), this._featureCreationFailedErrorMsg && h("calcite-alert", { key: 'bf6c346cf976a4b84da3553230239665c712e2b6', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._featureCreationFailedErrorMsg = ""; }, open: true, placement: "top" }, h("div", { key: '1f9560e18d802a15bcb3e8ea9f05837a4a6fb8aa', slot: "title" }, this._translations.error), h("div", { key: '1f5ef09cbf94996eeb5783211ed1542a5cf53e93', slot: "message" }, this._featureCreationFailedErrorMsg)), this._commentSubmitted && h("calcite-alert", { key: '15538e8faabbec476d7586dcc4152b422404c23f', "auto-close": true, class: 'report-submitted ' + themeClass, icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._commentSubmitted = false; }, open: true, placement: "top" }, h("div", { key: '925a9a243a79dfb66554a9a51f24396ca2b71c98', slot: "message" }, this.commentSubmittedMessage || this._translations.commentSubmittedMsg)), this._addingCommentFailed && h("calcite-alert", { key: '62c63d3b1c51bdc7879e815e2b2f4d3c4d039c4c', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._addingCommentFailed = false; }, open: true, placement: "top" }, h("div", { key: '971f07331a8689b859f2cedc96ba3589a3ad3e16', slot: "title" }, this._translations.error), h("div", { key: '1627f1ab5c4a4aceb7bdb70471aed6b8ca6d67b8', slot: "message" }, this._translations.addingCommentFailedMsg)), h("div", { key: 'b3257ba523357b4444ce7da7d13a86f6b71185d9' }, h("calcite-shell", { key: '35fc5a814528bb0acc22919839719bb4349e9ae4', "content-behind": true }, this._getReporter()))));
+        return (h(Host, { key: 'b97883be773d948b75e6df1be453cde018a0dba1' }, this._reportSubmitted && h("calcite-alert", { key: '5fd17c13a0d4dc3c7fed1bb253e9196b83c20e1d', "auto-close": true, class: themeClass + " report-submitted-msg", icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._reportSubmitted = false; }, open: true, placement: "top" }, h("div", { key: '5c7a00cb3eaaaeb3a0501324c10b407746ecca46', slot: "message" }, this.reportSubmittedMessage ? this.reportSubmittedMessage : this._translations.submitMsg)), this._featureCreationFailedErrorMsg && h("calcite-alert", { key: 'd83c690d60c2e6f12a5ec356c5ae67185edc6a1e', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._featureCreationFailedErrorMsg = ""; }, open: true, placement: "top" }, h("div", { key: '9cbac1cf8698f1f918004764e4e43c25af766e4a', slot: "title" }, this._translations.error), h("div", { key: 'b4dbe07b4af7ab6c543596c6a3374b785fac4c7e', slot: "message" }, this._featureCreationFailedErrorMsg)), this._commentSubmitted && h("calcite-alert", { key: 'cde843955c6538ea857a0a187c995062efd777e7', "auto-close": true, class: 'report-submitted ' + themeClass, icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._commentSubmitted = false; }, open: true, placement: "top" }, h("div", { key: '86e3d820aa0d4362c07470bd60d8f0efd0614bc2', slot: "message" }, this.commentSubmittedMessage || this._translations.commentSubmittedMsg)), this._addingCommentFailed && h("calcite-alert", { key: 'a0bdeec1bb3a33f3bfa938c0a1f4e631c6a76399', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._addingCommentFailed = false; }, open: true, placement: "top" }, h("div", { key: 'b161d8e42a078d961ec4e42888d26f4314e9d5a4', slot: "title" }, this._translations.error), h("div", { key: 'cf3908f91448dfbb7cf6ec78b413eaa3327372be', slot: "message" }, this._translations.addingCommentFailedMsg)), h("div", { key: '42e2c8abaf43d6a587729229347efb2836827b98' }, h("calcite-shell", { key: '9e3174a699c37be8f20f4609f52c94ecb95d599f', "content-behind": true }, this._getReporter()))));
     }
     //--------------------------------------------------------------------------
     //
@@ -531,7 +532,7 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
      * @protected
      */
     getFeatureCreateFlowItem() {
-        return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, onCalciteFlowItemBack: this.backFromCreateFeaturePanel.bind(this), selected: this._flowItems[this._flowItems.length - 1] === "feature-create" }, this._showSubmitCancelButton && h("div", { class: "width-full", slot: "footer" }, h("calcite-button", { appearance: "solid", class: "footer-top-button footer-button", onClick: this.onCreateFeatureSubmitButtonClick.bind(this), width: "full" }, this._translations.submit), h("calcite-button", { appearance: "outline", class: "footer-button", onClick: this.backFromCreateFeaturePanel.bind(this), width: "full" }, this._translations.cancel)), h("calcite-panel", { "full-height": true, "full-width": true }, h("div", { class: "progress-bar" }, h("calcite-progress", { type: "determinate", value: this._updatedProgressBarStatus })), h("create-feature", { customizeSubmit: true, enableSearch: true, floorLevel: this.floorLevel, formElements: this._formElements.find(elm => elm.id === this._selectedLayerId), isMobile: this.isMobile, locale: this.locale, mapView: this.mapView, onDrawComplete: this.onFormReady.bind(this), onEditingAttachment: this.showSubmitCancelButton.bind(this), onFail: this.createFeatureFailed.bind(this), onModeChanged: this.backFromCreateFeaturePanel.bind(this), onProgressStatus: this.updatedProgressStatus.bind(this), onSuccess: this.onReportSubmitted.bind(this), ref: el => this._createFeature = el, searchConfiguration: this.searchConfiguration, selectedLayerId: this._selectedLayerId }))));
+        return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, onCalciteFlowItemBack: this.backFromCreateFeaturePanel.bind(this), selected: this._flowItems[this._flowItems.length - 1] === "feature-create" }, this._showSubmitCancelButton && h("div", { class: "width-full", slot: "footer" }, h("calcite-button", { appearance: "solid", class: "footer-top-button footer-button", onClick: this.onCreateFeatureSubmitButtonClick.bind(this), width: "full" }, this._translations.submit), h("calcite-button", { appearance: "outline", class: "footer-button", onClick: this.backFromCreateFeaturePanel.bind(this), width: "full" }, this._translations.cancel)), h("calcite-panel", { "full-height": true, "full-width": true }, h("div", { class: "progress-bar" }, h("calcite-progress", { type: "determinate", value: this._updatedProgressBarStatus })), h("create-feature", { customizeSubmit: true, enableSearch: true, floorLevel: this.floorLevel, formElements: this._formElements.find(elm => elm.id === this._selectedLayerId), isMobile: this.isMobile, locale: this.locale, mapView: this.mapView, onDrawComplete: this.onFormReady.bind(this), onEditingAttachment: this.showSubmitCancelButton.bind(this), onFail: this.createFeatureFailed.bind(this), onModeChanged: this.backFromCreateFeaturePanel.bind(this), onProgressStatus: this.updatedProgressStatus.bind(this), onSuccess: this.onReportSubmitted.bind(this), ref: el => this._createFeature = el, searchConfiguration: this.searchConfiguration, selectedLayerId: this._selectedLayerId, submitNewReportsMessage: this.submitNewReportsMessage }))));
     }
     /**
      * Update the progress bar status when editor panel changes
@@ -1403,6 +1404,7 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
         "showUserImageInCommentsList": [4, "show-user-image-in-comments-list"],
         "showFeatureSymbol": [4, "show-feature-symbol"],
         "showMyReportsOnly": [4, "show-my-reports-only"],
+        "submitNewReportsMessage": [1, "submit-new-reports-message"],
         "theme": [1],
         "zoomToScale": [2, "zoom-to-scale"],
         "floorLevel": [1, "floor-level"],

package/dist/components/map-draw-tools2.js

@@ -262,6 +262,7 @@ const MapDrawTools = /*@__PURE__*/ proxyCustomElement(class MapDrawTools extends
             ...sketchOptions,
             container: this._sketchElement,
             creationMode: "single",
+            toolbarKind: "docked",
             visibleElements: {
                 duplicateButton: false,
                 selectionTools: {
@@ -271,7 +272,7 @@ const MapDrawTools = /*@__PURE__*/ proxyCustomElement(class MapDrawTools extends
                     circle: false
                 },
                 undoRedoMenu: false,
-                settingsMenu: this.drawMode === EDrawMode.SKETCH
+                settingsMenu: this.drawMode === EDrawMode.SKETCH,
             }
         });
         this._sketchViewModel = new this.SketchViewModel({

package/dist/esm/{asyncToGenerator-e51717ed.js → asyncToGenerator-96b2368d.js}

@@ -4,7 +4,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { g as getDefaultExportFromCjs } from './_commonjsHelpers-089957fe.js';
-import { _ as _typeof } from './typeof-a3e780e1.js';
+import { _ as _typeof } from './typeof-ef2a007d.js';
 
 var defineProperty = {exports: {}};
 

package/dist/esm/basemap-gallery_7.entry.js

@@ -4,8 +4,8 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, g as getElement, h, H as Host, c as createEvent } from './index-df5db8e9.js';
-import { l as loadModules, g as getLocaleComponentStrings } from './locale-15e42305.js';
-import './esri-loader-d10d860d.js';
+import { l as loadModules, g as getLocaleComponentStrings } from './locale-7874c756.js';
+import './esri-loader-c6842c6b.js';
 import './_commonjsHelpers-089957fe.js';
 
 const basemapGalleryCss = ":host{display:block}";

package/dist/esm/buffer-tools_2.entry.js

@@ -4,10 +4,10 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-df5db8e9.js';
-import { l as loadModules, g as getLocaleComponentStrings } from './locale-15e42305.js';
+import { l as loadModules, g as getLocaleComponentStrings } from './locale-7874c756.js';
 import { f as EDrawMode } from './interfaces-659e3836.js';
 import { s as state } from './publicNotificationStore-9ec5e22a.js';
-import './esri-loader-d10d860d.js';
+import './esri-loader-c6842c6b.js';
 import './_commonjsHelpers-089957fe.js';
 import './index-c247b62b.js';
 
@@ -552,6 +552,7 @@ const MapDrawTools = class {
             ...sketchOptions,
             container: this._sketchElement,
             creationMode: "single",
+            toolbarKind: "docked",
             visibleElements: {
                 duplicateButton: false,
                 selectionTools: {
@@ -561,7 +562,7 @@ const MapDrawTools = class {
                     circle: false
                 },
                 undoRedoMenu: false,
-                settingsMenu: this.drawMode === EDrawMode.SKETCH
+                settingsMenu: this.drawMode === EDrawMode.SKETCH,
             }
         });
         this._sketchViewModel = new this.SketchViewModel({

package/dist/esm/card-manager_3.entry.js

@@ -4,13 +4,13 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-df5db8e9.js';
-import { g as getLocaleComponentStrings, l as loadModules } from './locale-15e42305.js';
+import { g as getLocaleComponentStrings, l as loadModules } from './locale-7874c756.js';
 import { g as getLayerOrTable, q as queryFeaturesByID, e as goToSelection, f as queryFeaturesByGlobalID, c as getFeatureLayerView } from './mapViewUtils-9da9be1c.js';
-import { d as downloadCSV } from './downloadUtils-d04d4095.js';
-import './esri-loader-d10d860d.js';
+import { d as downloadCSV } from './downloadUtils-078cd709.js';
+import './esri-loader-c6842c6b.js';
 import './_commonjsHelpers-089957fe.js';
 import './interfaces-659e3836.js';
-import './typeof-a3e780e1.js';
+import './typeof-ef2a007d.js';
 import './index-d88c3eb6.js';
 import './solution-resource-30a29505.js';
 import './restHelpersGet-a7fda344.js';

package/dist/esm/consent-manager.entry.js

@@ -4,12 +4,12 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, c as createEvent, g as getElement, h as h$1, H as Host } from './index-df5db8e9.js';
-import { g as getLocaleComponentStrings } from './locale-15e42305.js';
+import { g as getLocaleComponentStrings } from './locale-7874c756.js';
 import { g as getDefaultExportFromCjs, c as commonjsGlobal } from './_commonjsHelpers-089957fe.js';
-import { d as defineProperty, _ as _asyncToGenerator$1, a as _defineProperty$2 } from './asyncToGenerator-e51717ed.js';
-import { _ as _typeof$1, t as t$2 } from './typeof-a3e780e1.js';
+import { d as defineProperty, _ as _asyncToGenerator$1, a as _defineProperty$2 } from './asyncToGenerator-96b2368d.js';
+import { _ as _typeof$1, t as t$2 } from './typeof-ef2a007d.js';
 import { r as request, _ as __assign, g as getPortalUrl, u as updateItem } from './update-ad0b88fa.js';
-import './esri-loader-d10d860d.js';
+import './esri-loader-c6842c6b.js';
 
 function shouldDisableTracking(options = {}) {
     const { disabled, portal } = options;

package/dist/esm/create-feature_4.entry.js

@@ -4,14 +4,14 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, c as createEvent, g as getElement, h, F as Fragment, H as Host } from './index-df5db8e9.js';
-import { l as loadModules, g as getLocaleComponentStrings } from './locale-15e42305.js';
+import { l as loadModules, g as getLocaleComponentStrings } from './locale-7874c756.js';
 import { a as getAllLayers, g as getLayerOrTable } from './mapViewUtils-9da9be1c.js';
-import { P as PopupUtils } from './popupUtils-b71abb01.js';
-import './esri-loader-d10d860d.js';
+import { P as PopupUtils } from './popupUtils-6a965512.js';
+import './esri-loader-c6842c6b.js';
 import './_commonjsHelpers-089957fe.js';
 import './interfaces-659e3836.js';
-import './downloadUtils-d04d4095.js';
-import './typeof-a3e780e1.js';
+import './downloadUtils-078cd709.js';
+import './typeof-ef2a007d.js';
 import './index-d88c3eb6.js';
 import './solution-resource-30a29505.js';
 import './restHelpersGet-a7fda344.js';
@@ -29,19 +29,20 @@ const CreateFeature = class {
         this.editingAttachment = createEvent(this, "editingAttachment", 7);
         this.progressStatus = createEvent(this, "progressStatus", 7);
         this.modeChanged = createEvent(this, "modeChanged", 7);
-        this.mapView = undefined;
-        this.selectedLayerId = undefined;
         this.customizeSubmit = false;
-        this.locale = undefined;
-        this.searchConfiguration = undefined;
-        this.isMobile = undefined;
+        this.enableSearch = false;
         this.floorLevel = undefined;
         this.formElements = undefined;
-        this.enableSearch = false;
+        this.isMobile = undefined;
+        this.locale = undefined;
+        this.mapView = undefined;
+        this.searchConfiguration = undefined;
+        this.selectedLayerId = undefined;
         this.showGuidingMsg = true;
         this.showGuidingMsgWhileDrawing = true;
-        this._editorLoading = false;
+        this.submitNewReportsMessage = undefined;
         this._currentPage = "templatePicker";
+        this._editorLoading = false;
         this._translations = undefined;
     }
     get el() { return getElement(this); }
@@ -60,6 +61,11 @@ const CreateFeature = class {
      * The ExpressionInfo constructor
      */
     ExpressionInfo;
+    /**
+     * https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html
+     * The Feature layer instance
+     */
+    FeatureLayer;
     /**
      * esri/form/elements/FieldElement: https://developers.arcgis.com/javascript/latest/api-reference/esri-form-elements-FieldElement.html
      * The FieldElement constructor
@@ -69,68 +75,63 @@ const CreateFeature = class {
      * esri/form/FormTemplate: https://developers.arcgis.com/javascript/latest/api-reference/esri-form-FormTemplate.html
      */
     FormTemplate;
-    /**
-     * esri/widgets/Editor: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Editor.html
-     * The Editor instance
-     */
-    _editor;
-    /**
-     * https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html
-     * The Feature layer instance
-     */
-    FeatureLayer;
     /**
      * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
      * The MapView instance
      */
     MapView;
-    /**
-     * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
-     * Updated map view instance
-     */
-    _updatedMapView;
     /**
      * esri/widgets/Search: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html
      * The Search instance
      */
     Search;
-    /**
-     * "esri/widgets/Search": https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html
-     * The Search instance
-     */
-    _search;
-    /**
-     * esri/core/reactiveUtils: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-reactiveUtils.html
-     */
-    reactiveUtils;
     /**
      * boolean: Flag to maintain the add attachment
      */
     _addingAttachment;
+    /**
+     * HTMLCalciteNoticeElement: calcite notice refrence element
+     */
+    _calciteNotice;
     /**
      * HTMLDivElement: The node the editor will be added to
      */
     _container;
     /**
-     * HTMLDivElement: The node for the map view
+     * esri/widgets/Editor: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Editor.html
+     * The Editor instance
      */
-    _mapViewContainer;
+    _editor;
     /**
      * boolean: Flag to maintain form submission using submit button
      */
     _isSubmitBtnClicked = false;
     /**
-     * __esri.FeatureLayer: selected feature layer;
+     * HTMLDivElement: The node for the map view
      */
-    _selectedLayer;
+    _mapViewContainer;
+    /**
+     * esri/core/reactiveUtils: https://developers.arcgis.com/javascript/latest/api-reference/esri-core-reactiveUtils.html
+     */
+    reactiveUtils;
+    /**
+     * "esri/widgets/Search": https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html
+     * The Search instance
+     */
+    _search;
     /**
      * HTMLDivElement: refrence for search div element
      */
     _searchDiv;
     /**
-     * HTMLCalciteNoticeElement: calcite notice refrence element
+     * __esri.FeatureLayer: selected feature layer;
      */
-    _calciteNotice;
+    _selectedLayer;
+    /**
+     * esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html
+     * Updated map view instance
+     */
+    _updatedMapView;
     //--------------------------------------------------------------------------
     //
     //  Watch handlers
@@ -290,8 +291,8 @@ const CreateFeature = class {
         else if (this._currentPage === 'featureForm') {
             guidingMsg = this._translations.provideDetailsMsg;
         }
-        return (h(Fragment, { key: '829e66e8b4818b2566d514ae85eddc50968075f8' }, showGuidingMsg && h("calcite-notice", { key: '0347181f26f5d87d38f8be185e0b43ffbbc34208', class: "notice-msg", icon: "lightbulb", kind: "success", open: true, ref: el => this._calciteNotice = el }, h("div", { key: 'e5dd776ead66c26184a5aad747e82d97612d961a', slot: "message" }, guidingMsg)), h("calcite-loader", { key: '7989ecdbb4b635d38a1d63bf879d7e95b3f9a9be', class: loaderClass, label: "", scale: "s" }), h("div", { key: '6f6184af21e8a0595e5c51c132e657e7660caa01', class: featureFormClass, id: "feature-form" }), this.enableSearch &&
-            h("div", { key: '2068ca424a9355a28c9957104a4f6973b11c1b8f', class: `search-widget ${showSearchWidget} ${featureFormClass}`, id: "search-widget-ref", ref: el => this._searchDiv = el }), h("div", { key: 'a899d52788e6cfa67fe77abbbe0eeb6383b40d0a', class: `${mobileMapClass}`, ref: (el) => { this._mapViewContainer = el; } })));
+        return (h(Fragment, { key: 'cb3462a70e0097e9b4ac9dac3f910fce6d30f8b5' }, showGuidingMsg && h("calcite-notice", { key: 'ddd908ac4b31f60d07de064ec1decae06b3d93bd', class: "notice-msg", icon: "lightbulb", kind: "success", open: true, ref: el => this._calciteNotice = el }, h("div", { key: '3cee10085fa29190d88d3d03d35f726d1b51651b', slot: "message" }, guidingMsg)), h("calcite-loader", { key: 'cf714d63a011712fa03c148c17a8811356e14859', class: loaderClass, label: "", scale: "s" }), h("div", { key: 'e20cb740a1d22795b397af191a26339d709aba0d', class: featureFormClass, id: "feature-form" }), this.enableSearch &&
+            h("div", { key: 'd2b439d3845b69527fdea2414c7b22078b0af4ea', class: `search-widget ${showSearchWidget} ${featureFormClass}`, id: "search-widget-ref", ref: el => this._searchDiv = el }), h("div", { key: '1f4e39aaaa93f4e2102767c04c5ad256e4f129e2', class: `${mobileMapClass}`, ref: (el) => { this._mapViewContainer = el; } })));
     }
     //--------------------------------------------------------------------------
     //

package/dist/esm/create-related-feature_3.entry.js

@@ -4,9 +4,9 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, c as createEvent, g as getElement, h, F as Fragment } from './index-df5db8e9.js';
-import { l as loadModules, g as getLocaleComponentStrings, f as formatNumber } from './locale-15e42305.js';
+import { l as loadModules, g as getLocaleComponentStrings, f as formatNumber } from './locale-7874c756.js';
 import { b as getAllTables, d as getMapLayerHash, a as getAllLayers, c as getFeatureLayerView } from './mapViewUtils-9da9be1c.js';
-import './esri-loader-d10d860d.js';
+import './esri-loader-c6842c6b.js';
 import './_commonjsHelpers-089957fe.js';
 import './interfaces-659e3836.js';
 

package/dist/esm/crowdsource-manager.entry.js

@@ -4,10 +4,10 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, c as createEvent, g as getElement, h, H as Host, F as Fragment } from './index-df5db8e9.js';
-import { g as getLocaleComponentStrings } from './locale-15e42305.js';
+import { g as getLocaleComponentStrings } from './locale-7874c756.js';
 import { E as ELayoutMode } from './interfaces-659e3836.js';
 import { g as getLayerOrTable } from './mapViewUtils-9da9be1c.js';
-import './esri-loader-d10d860d.js';
+import './esri-loader-c6842c6b.js';
 import './_commonjsHelpers-089957fe.js';
 
 const crowdsourceManagerCss = ":host{display:block;--calcite-label-margin-bottom:0px;--solutions-theme-foreground-color:var(--calcite-color-foreground-1)}.padding-1-2{padding:0.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:0.75rem}.align-items-center{align-items:center}.esri-floor-filter__close-levels-button{width:40px !important;height:40px !important}.esri-floor-filter__level-button{width:40px !important;height:40px !important}.esri-floor-filter__browse-button{width:40px !important;height:40px !important}.position-absolute-50{position:absolute;top:50px;bottom:0px;left:0px;right:0px}.position-absolute-0{position:absolute;top:0px;bottom:0px;left:0px;right:0px}.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 0px}.floating-container .floating-button{box-shadow:0 10px 25px rgb(92 93 94 / 60%);transform:translatey(5px);transition:all 0.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}";
@@ -143,8 +143,7 @@ const CrowdsourceManager = class {
      */
     appLayoutWatchHandler(newAppLayout, oldAppLayout) {
         if (newAppLayout !== oldAppLayout) {
-            // eslint-disable-next-line @typescript-eslint/no-floating-promises
-            this._layerTable.validateTableUpdate(newAppLayout === 'splitView');
+            void this._layerTable?.validateTableUpdate(newAppLayout === 'splitView');
             this._setActiveLayout(newAppLayout);
             // update the layer if table selected while switching to map view
             if (this.appLayout === "mapView" && this._layer?.isTable) {
@@ -267,7 +266,7 @@ const CrowdsourceManager = class {
     render() {
         // only avoid border when we have a header color that is not white
         const borderClass = this.popupHeaderColor && this.popupHeaderColor !== "#FFFFFF" ? "border-width-0" : "";
-        return (h(Host, { key: 'ae34199751802f20ad97e947a54a123e86c6449c' }, h("calcite-shell", { key: 'cec5041ec6e1683e38a714694a3a6d097f268ec8', class: "position-relative" }, h("calcite-panel", { key: 'feca859563d97e7b536aff264a64480c769ee1c0', class: `width-full height-full ${borderClass}`, loading: this._isLoading }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter()), this._filterModal(), this._deleteModal()));
+        return (h(Host, { key: '4ec349cf53a543077a3b938d5dad2e767f533181' }, h("calcite-shell", { key: '08c56e11ff814419aeb7295bba240b0e96856cae', class: "position-relative" }, h("calcite-panel", { key: 'aac7ff804b7e98f3b5d1b11dbc5ee8e18c9467ca', class: `width-full height-full ${borderClass}`, loading: this._isLoading }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter()), this._filterModal(), this._deleteModal()));
     }
     /**
      * Called after each render

package/dist/esm/crowdsource-reporter.entry.js

@@ -4,9 +4,9 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, c as createEvent, g as getElement, h, H as Host, F as Fragment } from './index-df5db8e9.js';
-import { l as loadModules, g as getLocaleComponentStrings } from './locale-15e42305.js';
+import { l as loadModules, g as getLocaleComponentStrings } from './locale-7874c756.js';
 import { g as getLayerOrTable, a as getAllLayers, b as getAllTables, c as getFeatureLayerView, h as highlightFeatures, d as getMapLayerHash, q as queryFeaturesByID } from './mapViewUtils-9da9be1c.js';
-import './esri-loader-d10d860d.js';
+import './esri-loader-c6842c6b.js';
 import './_commonjsHelpers-089957fe.js';
 import './interfaces-659e3836.js';
 
@@ -48,6 +48,7 @@ const CrowdsourceReporter = class {
         this.showUserImageInCommentsList = false;
         this.showFeatureSymbol = false;
         this.showMyReportsOnly = false;
+        this.submitNewReportsMessage = undefined;
         this.theme = "light";
         this.zoomToScale = undefined;
         this.floorLevel = undefined;
@@ -366,7 +367,7 @@ const CrowdsourceReporter = class {
      */
     render() {
         const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
-        return (h(Host, { key: '03d613fe8f275852672fb546ceb4449fb82580c0' }, this._reportSubmitted && h("calcite-alert", { key: '969a66978549d6993b1e4fce87bbd2387858cdf8', "auto-close": true, class: themeClass + " report-submitted-msg", icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._reportSubmitted = false; }, open: true, placement: "top" }, h("div", { key: '60ae42443e09a97d97a46bba07b1ea010b382348', slot: "message" }, this.reportSubmittedMessage ? this.reportSubmittedMessage : this._translations.submitMsg)), this._featureCreationFailedErrorMsg && h("calcite-alert", { key: 'bf6c346cf976a4b84da3553230239665c712e2b6', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._featureCreationFailedErrorMsg = ""; }, open: true, placement: "top" }, h("div", { key: '1f9560e18d802a15bcb3e8ea9f05837a4a6fb8aa', slot: "title" }, this._translations.error), h("div", { key: '1f5ef09cbf94996eeb5783211ed1542a5cf53e93', slot: "message" }, this._featureCreationFailedErrorMsg)), this._commentSubmitted && h("calcite-alert", { key: '15538e8faabbec476d7586dcc4152b422404c23f', "auto-close": true, class: 'report-submitted ' + themeClass, icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._commentSubmitted = false; }, open: true, placement: "top" }, h("div", { key: '925a9a243a79dfb66554a9a51f24396ca2b71c98', slot: "message" }, this.commentSubmittedMessage || this._translations.commentSubmittedMsg)), this._addingCommentFailed && h("calcite-alert", { key: '62c63d3b1c51bdc7879e815e2b2f4d3c4d039c4c', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._addingCommentFailed = false; }, open: true, placement: "top" }, h("div", { key: '971f07331a8689b859f2cedc96ba3589a3ad3e16', slot: "title" }, this._translations.error), h("div", { key: '1627f1ab5c4a4aceb7bdb70471aed6b8ca6d67b8', slot: "message" }, this._translations.addingCommentFailedMsg)), h("div", { key: 'b3257ba523357b4444ce7da7d13a86f6b71185d9' }, h("calcite-shell", { key: '35fc5a814528bb0acc22919839719bb4349e9ae4', "content-behind": true }, this._getReporter()))));
+        return (h(Host, { key: 'b97883be773d948b75e6df1be453cde018a0dba1' }, this._reportSubmitted && h("calcite-alert", { key: '5fd17c13a0d4dc3c7fed1bb253e9196b83c20e1d', "auto-close": true, class: themeClass + " report-submitted-msg", icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._reportSubmitted = false; }, open: true, placement: "top" }, h("div", { key: '5c7a00cb3eaaaeb3a0501324c10b407746ecca46', slot: "message" }, this.reportSubmittedMessage ? this.reportSubmittedMessage : this._translations.submitMsg)), this._featureCreationFailedErrorMsg && h("calcite-alert", { key: 'd83c690d60c2e6f12a5ec356c5ae67185edc6a1e', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._featureCreationFailedErrorMsg = ""; }, open: true, placement: "top" }, h("div", { key: '9cbac1cf8698f1f918004764e4e43c25af766e4a', slot: "title" }, this._translations.error), h("div", { key: 'b4dbe07b4af7ab6c543596c6a3374b785fac4c7e', slot: "message" }, this._featureCreationFailedErrorMsg)), this._commentSubmitted && h("calcite-alert", { key: 'cde843955c6538ea857a0a187c995062efd777e7', "auto-close": true, class: 'report-submitted ' + themeClass, icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._commentSubmitted = false; }, open: true, placement: "top" }, h("div", { key: '86e3d820aa0d4362c07470bd60d8f0efd0614bc2', slot: "message" }, this.commentSubmittedMessage || this._translations.commentSubmittedMsg)), this._addingCommentFailed && h("calcite-alert", { key: 'a0bdeec1bb3a33f3bfa938c0a1f4e631c6a76399', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._addingCommentFailed = false; }, open: true, placement: "top" }, h("div", { key: 'b161d8e42a078d961ec4e42888d26f4314e9d5a4', slot: "title" }, this._translations.error), h("div", { key: 'cf3908f91448dfbb7cf6ec78b413eaa3327372be', slot: "message" }, this._translations.addingCommentFailedMsg)), h("div", { key: '42e2c8abaf43d6a587729229347efb2836827b98' }, h("calcite-shell", { key: '9e3174a699c37be8f20f4609f52c94ecb95d599f', "content-behind": true }, this._getReporter()))));
     }
     //--------------------------------------------------------------------------
     //
@@ -520,7 +521,7 @@ const CrowdsourceReporter = class {
      * @protected
      */
     getFeatureCreateFlowItem() {
-        return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, onCalciteFlowItemBack: this.backFromCreateFeaturePanel.bind(this), selected: this._flowItems[this._flowItems.length - 1] === "feature-create" }, this._showSubmitCancelButton && h("div", { class: "width-full", slot: "footer" }, h("calcite-button", { appearance: "solid", class: "footer-top-button footer-button", onClick: this.onCreateFeatureSubmitButtonClick.bind(this), width: "full" }, this._translations.submit), h("calcite-button", { appearance: "outline", class: "footer-button", onClick: this.backFromCreateFeaturePanel.bind(this), width: "full" }, this._translations.cancel)), h("calcite-panel", { "full-height": true, "full-width": true }, h("div", { class: "progress-bar" }, h("calcite-progress", { type: "determinate", value: this._updatedProgressBarStatus })), h("create-feature", { customizeSubmit: true, enableSearch: true, floorLevel: this.floorLevel, formElements: this._formElements.find(elm => elm.id === this._selectedLayerId), isMobile: this.isMobile, locale: this.locale, mapView: this.mapView, onDrawComplete: this.onFormReady.bind(this), onEditingAttachment: this.showSubmitCancelButton.bind(this), onFail: this.createFeatureFailed.bind(this), onModeChanged: this.backFromCreateFeaturePanel.bind(this), onProgressStatus: this.updatedProgressStatus.bind(this), onSuccess: this.onReportSubmitted.bind(this), ref: el => this._createFeature = el, searchConfiguration: this.searchConfiguration, selectedLayerId: this._selectedLayerId }))));
+        return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._selectedLayerName, onCalciteFlowItemBack: this.backFromCreateFeaturePanel.bind(this), selected: this._flowItems[this._flowItems.length - 1] === "feature-create" }, this._showSubmitCancelButton && h("div", { class: "width-full", slot: "footer" }, h("calcite-button", { appearance: "solid", class: "footer-top-button footer-button", onClick: this.onCreateFeatureSubmitButtonClick.bind(this), width: "full" }, this._translations.submit), h("calcite-button", { appearance: "outline", class: "footer-button", onClick: this.backFromCreateFeaturePanel.bind(this), width: "full" }, this._translations.cancel)), h("calcite-panel", { "full-height": true, "full-width": true }, h("div", { class: "progress-bar" }, h("calcite-progress", { type: "determinate", value: this._updatedProgressBarStatus })), h("create-feature", { customizeSubmit: true, enableSearch: true, floorLevel: this.floorLevel, formElements: this._formElements.find(elm => elm.id === this._selectedLayerId), isMobile: this.isMobile, locale: this.locale, mapView: this.mapView, onDrawComplete: this.onFormReady.bind(this), onEditingAttachment: this.showSubmitCancelButton.bind(this), onFail: this.createFeatureFailed.bind(this), onModeChanged: this.backFromCreateFeaturePanel.bind(this), onProgressStatus: this.updatedProgressStatus.bind(this), onSuccess: this.onReportSubmitted.bind(this), ref: el => this._createFeature = el, searchConfiguration: this.searchConfiguration, selectedLayerId: this._selectedLayerId, submitNewReportsMessage: this.submitNewReportsMessage }))));
     }
     /**
      * Update the progress bar status when editor panel changes