@esri/solutions-components 0.10.24 → 0.10.26

package/dist/collection/assets/t9n/info-card/resources_ru.json

@@ -1,10 +1,10 @@
 {
-  "fetchingData": "Извлечение данных",
-  "edit": "Редактировать",
-  "enableEditing": "Возможность обновления должна быть включена для слоя.",
-  "editDisabled": "Редактирование отключено",
-  "next": "Следующий",
-  "back": "Назад",
-  "indexOfTotal": "{{index}} из {{total}}",
-  "delete": "Удалить"
+  "fetchingData": "Ж_Fetching data______________Я",
+  "edit": "Ж_Edit_________Я",
+  "enableEditing": "Ж_Update capability must be enabled on the layer_________________________Я.",
+  "editDisabled": "Ж_Editing Disabled_________________Я",
+  "next": "Ж_Next_________Я",
+  "back": "Ж_Back_________Я",
+  "indexOfTotal": "Ж_{{index}} of {{total}}_______________________Я",
+  "delete": "Ж_Delete_____________Я"
 }

package/dist/collection/assets/t9n/info-card/resources_sk.json

@@ -1,10 +1,10 @@
 {
-  "fetchingData": "Získavanie dát",
-  "edit": "Editovať",
-  "enableEditing": "Pre vrstvu musí byť povolená editácia.",
-  "editDisabled": "Editácia deaktivovaná",
-  "next": "Ďalej",
-  "back": "Späť",
-  "indexOfTotal": "{{index}} z {{total}}",
-  "delete": "Zmazať"
+  "fetchingData": "ĺ_Fetching data______________ľ",
+  "edit": "ĺ_Edit_________ľ",
+  "enableEditing": "ĺ_Update capability must be enabled on the layer_________________________ľ.",
+  "editDisabled": "ĺ_Editing Disabled_________________ľ",
+  "next": "ĺ_Next_________ľ",
+  "back": "ĺ_Back_________ľ",
+  "indexOfTotal": "ĺ_{{index}} of {{total}}_______________________ľ",
+  "delete": "ĺ_Delete_____________ľ"
 }

package/dist/collection/assets/t9n/info-card/resources_sl.json

@@ -1,10 +1,10 @@
 {
-  "fetchingData": "Pridobivanje podatkov",
-  "edit": "Uredi",
-  "enableEditing": "Zmožnost posodabljanja mora biti omogočena na sloju.",
-  "editDisabled": "Urejanje onemogočenega",
-  "next": "Naprej",
-  "back": "Nazaj",
-  "indexOfTotal": "{{index}} od {{total}}",
-  "delete": "Izbriši"
+  "fetchingData": "Š_Fetching data______________č",
+  "edit": "Š_Edit_________č",
+  "enableEditing": "Š_Update capability must be enabled on the layer_________________________č.",
+  "editDisabled": "Š_Editing Disabled_________________č",
+  "next": "Š_Next_________č",
+  "back": "Š_Back_________č",
+  "indexOfTotal": "Š_{{index}} of {{total}}_______________________č",
+  "delete": "Š_Delete_____________č"
 }

package/dist/collection/assets/t9n/info-card/resources_sr.json

@@ -1,10 +1,10 @@
 {
-  "fetchingData": "Preuzimanje podataka",
-  "edit": "Izmeni",
-  "enableEditing": "Mogućnost ažuriranja mora da bude omogućena na sloju.",
-  "editDisabled": "Uređivanje je onemogućeno",
-  "next": "Sledeće",
-  "back": "Nazad",
-  "indexOfTotal": "{{index}} od {{total}}",
-  "delete": "Izbriši"
+  "fetchingData": "Č_Fetching data______________ž",
+  "edit": "Č_Edit_________ž",
+  "enableEditing": "Č_Update capability must be enabled on the layer_________________________ž.",
+  "editDisabled": "Č_Editing Disabled_________________ž",
+  "next": "Č_Next_________ž",
+  "back": "Č_Back_________ž",
+  "indexOfTotal": "Č_{{index}} of {{total}}_______________________ž",
+  "delete": "Č_Delete_____________ž"
 }

package/dist/collection/assets/t9n/info-card/resources_sv.json

@@ -1,10 +1,10 @@
 {
-  "fetchingData": "Hämtar data",
-  "edit": "Redigera",
-  "enableEditing": "Uppdateringsfunktionen måste vara aktiverad på lagret.",
-  "editDisabled": "Redigering inaktiverat",
-  "next": "Nästa",
-  "back": "Bakåt",
-  "indexOfTotal": "{{index}} av {{total}}",
-  "delete": "Ta bort"
+  "fetchingData": "Å_Fetching data______________ö",
+  "edit": "Å_Edit_________ö",
+  "enableEditing": "Å_Update capability must be enabled on the layer_________________________ö.",
+  "editDisabled": "Å_Editing Disabled_________________ö",
+  "next": "Å_Next_________ö",
+  "back": "Å_Back_________ö",
+  "indexOfTotal": "Å_{{index}} of {{total}}_______________________ö",
+  "delete": "Å_Delete_____________ö"
 }

package/dist/collection/assets/t9n/info-card/resources_th.json

@@ -1,10 +1,10 @@
 {
-  "fetchingData": "กำลังดึงข้อมูล",
-  "edit": "แก้ไข",
-  "enableEditing": "ต้องเปิดใช้งานการอัปเดตความสามารถบนชั้นข้อมูล",
-  "editDisabled": "การแก้ไขถูกปิดใช้งาน",
-  "next": "ถัดไป",
-  "back": "กลับ",
-  "indexOfTotal": "{{index}} จาก {{total}}",
-  "delete": "ลบ"
+  "fetchingData": "ก้_Fetching data______________ษฺ",
+  "edit": "ก้_Edit_________ษฺ",
+  "enableEditing": "ก้_Update capability must be enabled on the layer_________________________ษฺ.",
+  "editDisabled": "ก้_Editing Disabled_________________ษฺ",
+  "next": "ก้_Next_________ษฺ",
+  "back": "ก้_Back_________ษฺ",
+  "indexOfTotal": "ก้_{{index}} of {{total}}_______________________ษฺ",
+  "delete": "ก้_Delete_____________ษฺ"
 }

package/dist/collection/assets/t9n/info-card/resources_tr.json

@@ -1,10 +1,10 @@
 {
-  "fetchingData": "Veriler getiriliyor",
-  "edit": "Düzenle",
-  "enableEditing": "Katmanda güncelleme yeteneği etkinleştirilmelidir.",
-  "editDisabled": "Düzenleme Devre Dışı Bırakıldı",
-  "next": "İleri",
-  "back": "Geri",
-  "indexOfTotal": "{{index}} / {{total}}",
-  "delete": "Sil"
+  "fetchingData": "ı_Fetching data______________İ",
+  "edit": "ı_Edit_________İ",
+  "enableEditing": "ı_Update capability must be enabled on the layer_________________________İ.",
+  "editDisabled": "ı_Editing Disabled_________________İ",
+  "next": "ı_Next_________İ",
+  "back": "ı_Back_________İ",
+  "indexOfTotal": "ı_{{index}} of {{total}}_______________________İ",
+  "delete": "ı_Delete_____________İ"
 }

package/dist/collection/assets/t9n/info-card/resources_uk.json

@@ -1,10 +1,10 @@
 {
-  "fetchingData": "Отримання даних",
-  "edit": "Редагування",
-  "enableEditing": "У шарі має бути увімкнено функцію оновлення.",
-  "editDisabled": "Редагування вимкнено",
-  "next": "Далі",
-  "back": "Назад",
-  "indexOfTotal": "{{index}} з {{total}}",
-  "delete": "Видалити"
+  "fetchingData": "ґ_Fetching data______________Ї",
+  "edit": "ґ_Edit_________Ї",
+  "enableEditing": "ґ_Update capability must be enabled on the layer_________________________Ї.",
+  "editDisabled": "ґ_Editing Disabled_________________Ї",
+  "next": "ґ_Next_________Ї",
+  "back": "ґ_Back_________Ї",
+  "indexOfTotal": "ґ_{{index}} of {{total}}_______________________Ї",
+  "delete": "ґ_Delete_____________Ї"
 }

package/dist/collection/assets/t9n/info-card/resources_vi.json

@@ -1,10 +1,10 @@
 {
-  "fetchingData": "Đang tìm nạp dữ liệu",
-  "edit": "Chỉnh sửa",
-  "enableEditing": "Chức năng cập nhật phải được bật trên lớp.",
-  "editDisabled": "Đã tắt Chỉnh sửa",
-  "next": "Tiếp",
-  "back": "Quay lại",
-  "indexOfTotal": "{{index}} / {{total}}",
-  "delete": "Xóa"
+  "fetchingData": "Đ_Fetching data______________ớ",
+  "edit": "Đ_Edit_________ớ",
+  "enableEditing": "Đ_Update capability must be enabled on the layer_________________________ớ.",
+  "editDisabled": "Đ_Editing Disabled_________________ớ",
+  "next": "Đ_Next_________ớ",
+  "back": "Đ_Back_________ớ",
+  "indexOfTotal": "Đ_{{index}} of {{total}}_______________________ớ",
+  "delete": "Đ_Delete_____________ớ"
 }

package/dist/collection/assets/t9n/info-card/resources_zh-CN.json

@@ -1,10 +1,10 @@
 {
-  "fetchingData": "正在获取数据",
-  "edit": "编辑",
-  "enableEditing": "必须在图层上启用更新功能。",
-  "editDisabled": "已禁用编辑",
-  "next": "下一步",
-  "back": "返回",
-  "indexOfTotal": "{{index}}/{{total}}",
-  "delete": "删除"
+  "fetchingData": "试_Fetching data______________验",
+  "edit": "试_Edit_________验",
+  "enableEditing": "试_Update capability must be enabled on the layer_________________________验.",
+  "editDisabled": "试_Editing Disabled_________________验",
+  "next": "试_Next_________验",
+  "back": "试_Back_________验",
+  "indexOfTotal": "试_{{index}} of {{total}}_______________________验",
+  "delete": "试_Delete_____________验"
 }

package/dist/collection/assets/t9n/info-card/resources_zh-HK.json

@@ -1,10 +1,10 @@
 {
-  "fetchingData": "正在擷取資料",
-  "edit": "編輯",
-  "enableEditing": "必須在圖層上啟用更新功能。",
-  "editDisabled": "已停用編輯",
-  "next": "下一步",
-  "back": "上一步",
-  "indexOfTotal": "{{index}}/{{total}}",
-  "delete": "刪除"
+  "fetchingData": "試_Fetching data______________驗",
+  "edit": "試_Edit_________驗",
+  "enableEditing": "試_Update capability must be enabled on the layer_________________________驗.",
+  "editDisabled": "試_Editing Disabled_________________驗",
+  "next": "試_Next_________驗",
+  "back": "試_Back_________驗",
+  "indexOfTotal": "試_{{index}} of {{total}}_______________________驗",
+  "delete": "試_Delete_____________驗"
 }

package/dist/collection/assets/t9n/info-card/resources_zh-TW.json

@@ -1,10 +1,10 @@
 {
-  "fetchingData": "正在擷取資料",
-  "edit": "編輯",
-  "enableEditing": "必須在圖層上啟用更新功能。",
-  "editDisabled": "已停用編輯",
-  "next": "下一步",
-  "back": "上一步",
-  "indexOfTotal": "{{index}}/{{total}}",
-  "delete": "刪除"
+  "fetchingData": "試_Fetching data______________驗",
+  "edit": "試_Edit_________驗",
+  "enableEditing": "試_Update capability must be enabled on the layer_________________________驗.",
+  "editDisabled": "試_Editing Disabled_________________驗",
+  "next": "試_Next_________驗",
+  "back": "試_Back_________驗",
+  "indexOfTotal": "試_{{index}} of {{total}}_______________________驗",
+  "delete": "試_Delete_____________驗"
 }

package/dist/collection/assets/t9n/layer-table/resources.json

@@ -1,5 +1,6 @@
 {
   "clearSelection": "Clear selection",
+  "delete": "Delete",
   "exportCSV": "Export to CSV",
   "filter": "Filter: {{title}}",
   "filters": "Filters",

package/dist/collection/assets/t9n/layer-table/resources_en.json

@@ -1,5 +1,6 @@
 {
   "clearSelection": "Clear selection",
+  "delete": "Delete",
   "exportCSV": "Export to CSV",
   "filter": "Filter: {{title}}",
   "filters": "Filters",

package/dist/collection/assets/t9n/map-card/resources.json

@@ -4,5 +4,6 @@
   "filters": "Filters",
   "zoom": "Zoom",
   "refresh": "Refresh",
-  "editMultiple": "Edit multiple"
+  "editMultiple": "Edit multiple",
+  "clearSelection": "Clear selection"
 }

package/dist/collection/assets/t9n/map-card/resources_en.json

@@ -4,5 +4,6 @@
   "filters": "Filters",
   "zoom": "Zoom",
   "refresh": "Refresh",
-  "editMultiple": "Edit multiple"
+  "editMultiple": "Edit multiple",
+  "clearSelection": "Clear selection"
 }

package/dist/collection/collection-manifest.json

@@ -180,6 +180,7 @@
     {
       "name": "@esri/instant-apps-components",
       "tags": [
+        "instant-apps-app-guide",
         "instant-apps-ckeditor-wrapper",
         "instant-apps-control-panel",
         "instant-apps-create",

package/dist/collection/components/card-manager/card-manager.js

@@ -32,6 +32,7 @@ export class CardManager {
         this.zoomAndScrollToSelected = undefined;
         this.selectedFeaturesIds = undefined;
         this.enableCreateFeatures = true;
+        this.selectingFeatureFromMap = undefined;
         this._cardLoading = false;
         this._graphics = undefined;
         this._showCreateFeatureComponent = false;
@@ -129,8 +130,9 @@ export class CardManager {
         const messageClass = this._graphics?.length > 0 || this._showCreateFeatureComponent ? "display-none" : "";
         const isTable = this.layer?.isTable;
         const heading = isTable ? this._translations.createRecord : this._translations.createFeature;
+        const guideMsg = this.customInfoText || this.selectingFeatureFromMap ? this._translations.selectFeaturesFromMapToStart : this._translations.selectFeaturesToStart;
         const showCreateFeatureOrRecordBtn = this.enableCreateFeatures && this.layer?.capabilities?.operations?.supportsAdd;
-        return (h(Host, { key: '6089a5003e4ee08df4da7ecbcf8e6a3c8628f8bf' }, h("div", { key: '60dc1c21c650cce5165f56a0e040feba3652ae10', class: "overflow-auto height-full" }, h("calcite-shell", { key: '530a3173010e32fe062dc313ed3805833228f0fd', class: "position-relative " + featuresClass }, h("div", { key: 'af2350dac50f8ecc576cdeb528b350557057ff8d', class: "position-static z-index-500" }, h("info-card", { key: '626b34ec1ed2fc7e52f0ee2f9ae4520d1bcceb08', enableEditGeometry: this.enableEditGeometry, graphics: this._graphics, isLoading: this._cardLoading, isMobile: this.isMobile, mapView: this.mapView }))), h("calcite-shell", { key: '642531296a90d92068592eef75bc4632438a4cbc', class: "position-relative " + messageClass }, h("calcite-flow-item", { key: 'b15e856439afdf9f08df9ff22f4e7dd7fee74273' }, h("calcite-panel", { key: '9305e17349e3b653565d1c183e118bdc3b791e23' }, h("div", { key: '25cf89836b8d20c6728842c5372e2c17dda967e6', class: "padding-1" }, h("calcite-notice", { key: '8df4a9c3e037f1b9f6131371d36a23e845db7ee2', icon: "table", open: true }, h("div", { key: '5c613ab8e9b9c25fc9f824e1007c3c4fa48b15b5', slot: "message" }, this.customInfoText || this._translations.selectFeaturesToStart))), showCreateFeatureOrRecordBtn && h("calcite-button", { key: 'ba88fcd64b3cf2ae1fc36da58581974473d4e0b3', disabled: !this.layer, onClick: () => this._createFeatureBtnClicked(), slot: "footer", width: "full" }, isTable ? this._translations.createRecord : this._translations.createFeature)))), h("calcite-shell", { key: '5e64963bf756e397c819a4c60112191031d9113f', class: "position-relative " + createFeatureClass }, h("calcite-flow-item", { key: '7d93240bffd381e2ed1e6dc10126b30cb1a143f9' }, h("calcite-panel", { key: '6ae7f4917394521b3226e38e07ac8eaf8c29b58e', heading: heading }, h("calcite-action", { key: '60cfdea79ad19ba0b62a9fb2ef3a6495c41b1f53', class: "back-button hydrated", icon: "chevron-left", onClick: this._backFromCreateFeature.bind(this), scale: "s", slot: "header-actions-start", text: "back" }), this.getEditorComponent(), this._showSubmitBtn && h("calcite-button", { key: 'ab10ab259363cee6b872f7e6619518125141759e', appearance: "solid", class: "footer-top-button footer-button", onClick: () => void this._createFeature.submit(), slot: "footer", width: "full" }, this._translations.create)))))));
+        return (h(Host, { key: '7bcc2cfc05bfb95ef444b2036c0fd709f816bfe8' }, h("div", { key: '088e91d3084a43cab7da6e2985784a9675f30bfb', class: "overflow-auto height-full" }, h("calcite-shell", { key: '4ce541bdadc42cc2625756af104e144e61ca0593', class: "position-relative " + featuresClass }, h("div", { key: 'f3fd57ce5a0122df70d36a72e7d8c7ace4ffed0c', class: "position-static z-index-500" }, h("info-card", { key: 'ed1f8e88937d905928e97f1149acdc42fc557d7c', enableEditGeometry: this.enableEditGeometry, graphics: this._graphics, isLoading: this._cardLoading, isMobile: this.isMobile, mapView: this.mapView }))), h("calcite-shell", { key: '21cd22e9d40954324ab68ae0f44305541a78faa4', class: "position-relative " + messageClass }, h("calcite-flow-item", { key: '2206f7bf57133e6249e84eed06363485dc540e89' }, h("calcite-panel", { key: 'a6a43c3eefcc1b03006dc14f39c9ba692620cf51' }, h("div", { key: 'f58c54e68a59e09ce8d51b010876e6f0261d920a', class: "padding-1" }, h("calcite-notice", { key: '5e57dcae6e804c3954a693d972a47171e07419a5', icon: this.selectingFeatureFromMap ? "map" : "table", iconFlipRtl: true, open: true }, h("div", { key: '9391598f800576d7f8dd2ca5778d8a9d493df5cc', slot: "message" }, guideMsg))), !this.isMobile && showCreateFeatureOrRecordBtn && h("calcite-button", { key: 'f30040df430858472437acef88f216040e4f3a4f', disabled: !this.layer, onClick: () => this._createFeatureBtnClicked(), slot: "footer", width: "full" }, isTable ? this._translations.createRecord : this._translations.createFeature)))), h("calcite-shell", { key: '6d14a7483427aa478f53e4ee54664ef2aae999fb', class: "position-relative " + createFeatureClass }, h("calcite-flow-item", { key: 'cace557395071006fcf0fc723f1808cad19f1099' }, h("calcite-panel", { key: '3eaa505ebf1d552775970c4f5b7dfc8f321c3f93', heading: heading }, h("calcite-action", { key: '68a09bb37ea2b6d827de48b13e1a41c74f5c34c6', class: "back-button hydrated", icon: "chevron-left", onClick: this._backFromCreateFeature.bind(this), scale: "s", slot: "header-actions-start", text: "" }), this.getEditorComponent(), this._showSubmitBtn && h("calcite-button", { key: '3e326f1e523fe3245365a4dad69372b52a969ae3', appearance: "solid", class: "footer-top-button footer-button", onClick: () => void this._createFeature.submit(), slot: "footer", width: "full" }, this._translations.create)))))));
     }
     /**
    * Returns the editor component for adding feature
@@ -141,7 +143,7 @@ export class CardManager {
                 setTimeout(() => {
                     this._isFeatureCreated = false;
                 }, 2000);
-            }, onSuccess: this._featureCreated.bind(this), ref: el => this._createFeature = el, selectedLayerId: this.layer?.id })));
+            }, onSuccess: this._featureCreated.bind(this), ref: el => this._createFeature = el, selectedLayerId: this.layer?.id, showGuidingMsgWhileDrawing: false })));
     }
     //--------------------------------------------------------------------------
     //
@@ -150,7 +152,7 @@ export class CardManager {
     //--------------------------------------------------------------------------
     /**
      * Gets the Feature using its ids
-     *
+     * @param ids list of ids that are currently selected
      * @returns Promise when complete
      * @protected
      */
@@ -358,6 +360,23 @@ export class CardManager {
                 "attribute": "enable-create-features",
                 "reflect": false,
                 "defaultValue": "true"
+            },
+            "selectingFeatureFromMap": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "boolean: When select feature from map message will shown"
+                },
+                "attribute": "selecting-feature-from-map",
+                "reflect": false
             }
         };
     }

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

@@ -33,8 +33,9 @@ export class CreateFeature {
         this.formElements = undefined;
         this.enableSearch = false;
         this.showGuidingMsg = true;
+        this.showGuidingMsgWhileDrawing = true;
         this._editorLoading = false;
-        this._showSearchWidget = undefined;
+        this._currentPage = "templatePicker";
         this._translations = undefined;
     }
     //--------------------------------------------------------------------------
@@ -121,10 +122,6 @@ export class CreateFeature {
      * __esri.FeatureLayer: selected feature layer;
      */
     _selectedLayer;
-    /**
-     * boolean: flag to maintain if user is on template picker page
-     */
-    _isTemplatePickerPage = true;
     //--------------------------------------------------------------------------
     //
     //  Watch handlers
@@ -252,18 +249,20 @@ export class CreateFeature {
      * Renders the component.
      */
     render() {
-        const showSearchWidget = this._showSearchWidget ? '' : 'display-none';
+        const showSearchWidget = this._currentPage === 'drawing' ? "" : "display-none";
         const loaderClass = this._editorLoading ? "" : "display-none";
         const featureFormClass = this._editorLoading ? "display-none" : "";
         const mobileMapClass = this.isMobile ? "show-map" : "display-none";
-        let guidingMsg = this._translations.provideDetailsMsg;
-        if (this._isTemplatePickerPage) {
-            guidingMsg = this._translations.chooseCategoryMsg;
-        }
-        else if (this._showSearchWidget) {
+        // hide guiding msg for drawing page when showGuidingMsgWhileDrawing is false
+        const showGuidingMsg = this.showGuidingMsg && (this.showGuidingMsgWhileDrawing || this._currentPage !== "drawing");
+        let guidingMsg = this._translations.chooseCategoryMsg;
+        if (this._currentPage === 'drawing') {
             guidingMsg = this._translations.provideLocationMsg;
         }
-        return (h(Fragment, { key: '133234456f7ed2e79da7fa78f2e7dce9b760ffe0' }, this.showGuidingMsg && h("calcite-notice", { key: 'ba137886151c619694596fab63a737ba8172d6b2', class: "notice-msg", icon: "lightbulb", kind: "success", open: true }, h("div", { key: '8cda13ee2dfc2a29b0296bad845ac630e6f9c809', slot: "message" }, guidingMsg)), h("calcite-loader", { key: 'ea62147a93ace75c6ba2c5d139c726c9ae39da2b', class: loaderClass, label: "", scale: "s" }), h("div", { key: '746486adf9ab6776644d9c653faee7fe14c7d0c0', class: featureFormClass, id: "feature-form" }), this.enableSearch && h("div", { key: 'c9935155a8f48dc5ae517f75e83a60bddd860bfe', class: `search-widget ${showSearchWidget} ${featureFormClass}`, id: "search-widget-ref" }), h("div", { key: '8743be66d70b08247f5209665ffafb808f78c5c2', class: `${mobileMapClass}`, ref: (el) => { this._mapViewContainer = el; } })));
+        else if (this._currentPage === 'featureForm') {
+            guidingMsg = this._translations.provideDetailsMsg;
+        }
+        return (h(Fragment, { key: '204a51ffceb754c202bcf93fda18560e6101ca65' }, showGuidingMsg && h("calcite-notice", { key: '329daebd157ea330d746508dcf2198fa1d56f852', class: "notice-msg", icon: "lightbulb", kind: "success", open: true }, h("div", { key: '995898cf5e0ea57d41571429758baf6c459097af', slot: "message" }, guidingMsg)), h("calcite-loader", { key: '59bc1bce0936df76a432d75a5a4613d89203571c', class: loaderClass, label: "", scale: "s" }), h("div", { key: '814e3e6c63dc1880f235d2ffc5aa8ca9e22eb51e', class: featureFormClass, id: "feature-form" }), this.enableSearch && h("div", { key: '22146ca4dd94f57dddf80a04b4aeaa92fc0d3b81', class: `search-widget ${showSearchWidget} ${featureFormClass}`, id: "search-widget-ref" }), h("div", { key: '8863876b3393fdcd4d2cdf254289f80d9fd16ef1', class: `${mobileMapClass}`, ref: (el) => { this._mapViewContainer = el; } })));
     }
     //--------------------------------------------------------------------------
     //
@@ -400,8 +399,7 @@ export class CreateFeature {
                 this._mapViewContainer?.classList?.replace("show-map", "hide-map");
                 this._editor.viewModel.featureFormViewModel.on('submit', this.submitted.bind(this));
                 void this._setFloorLevel(this.floorLevel);
-                this._isTemplatePickerPage = false;
-                this._showSearchWidget = false;
+                this._currentPage = 'featureForm';
                 this.progressStatus.emit(1);
                 this.drawComplete.emit();
             }
@@ -410,10 +408,11 @@ export class CreateFeature {
         //Add handle to watch editor viewmodel state and then show the search widget
         const createFeatureHandle = this.reactiveUtils.watch(() => this._editor.viewModel.state, (state) => {
             if (state === 'creating-features') {
-                this._mapViewContainer?.classList?.replace("hide-map", "show-map");
-                this._isTemplatePickerPage = false;
-                if (this._selectedLayer && !this._selectedLayer.isTable) {
-                    this._showSearchWidget = true;
+                if (this._editor.viewModel.featureFormViewModel.state === 'disabled') {
+                    this._mapViewContainer?.classList?.replace("hide-map", "show-map");
+                    if (this._selectedLayer && !this._selectedLayer.isTable) {
+                        this._currentPage = 'drawing';
+                    }
                 }
             }
         });
@@ -839,13 +838,31 @@ export class CreateFeature {
                 "attribute": "show-guiding-msg",
                 "reflect": false,
                 "defaultValue": "true"
+            },
+            "showGuidingMsgWhileDrawing": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "boolean: When false the notice message at drawing page will be hidden"
+                },
+                "attribute": "show-guiding-msg-while-drawing",
+                "reflect": false,
+                "defaultValue": "true"
             }
         };
     }
     static get states() {
         return {
             "_editorLoading": {},
-            "_showSearchWidget": {},
+            "_currentPage": {},
             "_translations": {}
         };
     }

package/dist/collection/components/crowdsource-manager/crowdsource-manager.css

@@ -85,6 +85,10 @@
   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);
@@ -98,8 +102,8 @@
   position: absolute;
 }
 
-.height-51 {
-  height: 51%;
+.height-50 {
+  height: 50%;
 }
 
 .top-51 {
@@ -114,8 +118,8 @@
   height: calc(100% - 50px);
 }
 
-.adjusted-height-100-50 {
-  height: calc(100% - 50px);
+.adjusted-height-100-51 {
+  height: calc(100% - 51px);
 }
 
 .display-none {