@esri/solutions-components 0.10.25 → 0.10.27

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

@@ -1,8 +1,9 @@
 {
   "mapName": "맵 이름",
-  "more": "한_More_________빠",
-  "filters": "한_Filters_______________빠",
-  "zoom": "한_Zoom_________빠",
-  "refresh": "한_Refresh_______________빠",
-  "editMultiple": "한_Edit multiple______________빠"
+  "more": "더 보기",
+  "filters": "필터",
+  "zoom": "확대/축소",
+  "refresh": "새로고침",
+  "editMultiple": "다중 편집",
+  "clearSelection": "한_Clear selection________________빠"
 }

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

@@ -1,8 +1,9 @@
 {
   "mapName": "Žemėlapio pavadinimas",
-  "more": "Į_More_________š",
-  "filters": "Į_Filters_______________š",
-  "zoom": "Į_Zoom_________š",
-  "refresh": "Į_Refresh_______________š",
-  "editMultiple": "Į_Edit multiple______________š"
+  "more": "Daugiau",
+  "filters": "Filtrai",
+  "zoom": "Didinti",
+  "refresh": "Atnaujinti",
+  "editMultiple": "Redaguoti kelis",
+  "clearSelection": "Į_Clear selection________________š"
 }

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

@@ -1,8 +1,9 @@
 {
   "mapName": "Kartes nosaukums",
-  "more": "ķ_More_________ū",
-  "filters": "ķ_Filters_______________ū",
-  "zoom": "ķ_Zoom_________ū",
-  "refresh": "ķ_Refresh_______________ū",
-  "editMultiple": "ķ_Edit multiple______________ū"
+  "more": "Vairāk",
+  "filters": "Filtri",
+  "zoom": "Tālummaiņa",
+  "refresh": "Atsvaidzināt",
+  "editMultiple": "Rediģēt vairākus",
+  "clearSelection": "ķ_Clear selection________________ū"
 }

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

@@ -1,8 +1,9 @@
 {
   "mapName": "Kartnavn",
-  "more": "å_More_________ø",
-  "filters": "å_Filters_______________ø",
-  "zoom": "å_Zoom_________ø",
-  "refresh": "å_Refresh_______________ø",
-  "editMultiple": "å_Edit multiple______________ø"
+  "more": "Mer",
+  "filters": "Filtre",
+  "zoom": "Zoom",
+  "refresh": "Oppdater",
+  "editMultiple": "Rediger flere",
+  "clearSelection": "å_Clear selection________________ø"
 }

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

@@ -1,8 +1,9 @@
 {
   "mapName": "Naam kaart",
-  "more": "IJ_More_________ä",
-  "filters": "IJ_Filters_______________ä",
-  "zoom": "IJ_Zoom_________ä",
-  "refresh": "IJ_Refresh_______________ä",
-  "editMultiple": "IJ_Edit multiple______________ä"
+  "more": "Meer",
+  "filters": "Filters",
+  "zoom": "Zoomen",
+  "refresh": "Vernieuwen",
+  "editMultiple": "Meerdere bewerken",
+  "clearSelection": "IJ_Clear selection________________ä"
 }

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

@@ -1,8 +1,9 @@
 {
   "mapName": "Nazwa mapy",
-  "more": "ł_More_________ą",
-  "filters": "ł_Filters_______________ą",
-  "zoom": "ł_Zoom_________ą",
-  "refresh": "ł_Refresh_______________ą",
-  "editMultiple": "ł_Edit multiple______________ą"
+  "more": "Więcej",
+  "filters": "Filtry",
+  "zoom": "Powiększ",
+  "refresh": "Odśwież",
+  "editMultiple": "Edytuj wiele",
+  "clearSelection": "ł_Clear selection________________ą"
 }

package/dist/collection/assets/t9n/map-card/resources_pt-BR.json

@@ -1,8 +1,9 @@
 {
   "mapName": "Nome do Mapa",
-  "more": "ã_More_________Ç",
-  "filters": "ã_Filters_______________Ç",
-  "zoom": "ã_Zoom_________Ç",
-  "refresh": "ã_Refresh_______________Ç",
-  "editMultiple": "ã_Edit multiple______________Ç"
+  "more": "Mais",
+  "filters": "Filtros",
+  "zoom": "Zoom",
+  "refresh": "Atualizar",
+  "editMultiple": "Editar múltiplos",
+  "clearSelection": "ã_Clear selection________________Ç"
 }

package/dist/collection/assets/t9n/map-card/resources_pt-PT.json

@@ -1,8 +1,9 @@
 {
   "mapName": "Nome do Mapa",
-  "more": "ã_More_________Ç",
-  "filters": "ã_Filters_______________Ç",
-  "zoom": "ã_Zoom_________Ç",
-  "refresh": "ã_Refresh_______________Ç",
-  "editMultiple": "ã_Edit multiple______________Ç"
+  "more": "Mais",
+  "filters": "Filtros",
+  "zoom": "Zoom",
+  "refresh": "Atualizar",
+  "editMultiple": "Editar múltiplos",
+  "clearSelection": "ã_Clear selection________________Ç"
 }

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

@@ -1,8 +1,9 @@
 {
   "mapName": "Nume hartă",
-  "more": "Ă_More_________ș",
-  "filters": "Ă_Filters_______________ș",
-  "zoom": "Ă_Zoom_________ș",
-  "refresh": "Ă_Refresh_______________ș",
-  "editMultiple": "Ă_Edit multiple______________ș"
+  "more": "Mai mult",
+  "filters": "Filtre",
+  "zoom": "Zoom",
+  "refresh": "Reîmprospătare",
+  "editMultiple": "Editare multiplă",
+  "clearSelection": "Ă_Clear selection________________ș"
 }

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

@@ -1,8 +1,9 @@
 {
   "mapName": "Имя Карты",
-  "more": "Ж_More_________Я",
-  "filters": "Ж_Filters_______________Я",
-  "zoom": "Ж_Zoom_________Я",
-  "refresh": "Ж_Refresh_______________Я",
-  "editMultiple": "Ж_Edit multiple______________Я"
+  "more": "Больше",
+  "filters": "Фильтры",
+  "zoom": "Масштабировать",
+  "refresh": "Обновить",
+  "editMultiple": "Редактировать несколько",
+  "clearSelection": "Ж_Clear selection________________Я"
 }

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

@@ -1,8 +1,9 @@
 {
   "mapName": "Názov mapy",
-  "more": "ĺ_More_________ľ",
-  "filters": "ĺ_Filters_______________ľ",
-  "zoom": "ĺ_Zoom_________ľ",
-  "refresh": "ĺ_Refresh_______________ľ",
-  "editMultiple": "ĺ_Edit multiple______________ľ"
+  "more": "Viac",
+  "filters": "Filtre",
+  "zoom": "Priblížiť",
+  "refresh": "Obnoviť",
+  "editMultiple": "Editovať viacnásobne",
+  "clearSelection": "ĺ_Clear selection________________ľ"
 }

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

@@ -1,8 +1,9 @@
 {
   "mapName": "Ime karte",
-  "more": "Š_More_________č",
-  "filters": "Š_Filters_______________č",
-  "zoom": "Š_Zoom_________č",
-  "refresh": "Š_Refresh_______________č",
-  "editMultiple": "Š_Edit multiple______________č"
+  "more": "Več",
+  "filters": "Filtri",
+  "zoom": "Povečava",
+  "refresh": "Osveži",
+  "editMultiple": "Uredi več",
+  "clearSelection": "Š_Clear selection________________č"
 }

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

@@ -1,8 +1,9 @@
 {
   "mapName": "Naziv mape",
-  "more": "Č_More_________ž",
-  "filters": "Č_Filters_______________ž",
-  "zoom": "Č_Zoom_________ž",
-  "refresh": "Č_Refresh_______________ž",
-  "editMultiple": "Č_Edit multiple______________ž"
+  "more": "Više",
+  "filters": "Filteri",
+  "zoom": "Zumiranje",
+  "refresh": "Osveži",
+  "editMultiple": "Uredi višestruko",
+  "clearSelection": "Č_Clear selection________________ž"
 }

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

@@ -1,8 +1,9 @@
 {
   "mapName": "Kartnamn",
-  "more": "Å_More_________ö",
-  "filters": "Å_Filters_______________ö",
-  "zoom": "Å_Zoom_________ö",
-  "refresh": "Å_Refresh_______________ö",
-  "editMultiple": "Å_Edit multiple______________ö"
+  "more": "Mer",
+  "filters": "Filter",
+  "zoom": "Zooma",
+  "refresh": "Uppdatera",
+  "editMultiple": "Redigera flera",
+  "clearSelection": "Å_Clear selection________________ö"
 }

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

@@ -1,8 +1,9 @@
 {
   "mapName": "ชื่อแผนที่",
-  "more": "ก้_More_________ษฺ",
-  "filters": "ก้_Filters_______________ษฺ",
-  "zoom": "ก้_Zoom_________ษฺ",
-  "refresh": "ก้_Refresh_______________ษฺ",
-  "editMultiple": "ก้_Edit multiple______________ษฺ"
+  "more": "กว่า",
+  "filters": "ตัวกรอง",
+  "zoom": "ขยาย",
+  "refresh": "รีเฟรช",
+  "editMultiple": "แก้ไขหลายรายการ",
+  "clearSelection": "ก้_Clear selection________________ษฺ"
 }

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

@@ -1,8 +1,9 @@
 {
   "mapName": "Harita Adı",
-  "more": "ı_More_________İ",
-  "filters": "ı_Filters_______________İ",
-  "zoom": "ı_Zoom_________İ",
-  "refresh": "ı_Refresh_______________İ",
-  "editMultiple": "ı_Edit multiple______________İ"
+  "more": "Daha fazla",
+  "filters": "Filtreler",
+  "zoom": "Yakınlaştır",
+  "refresh": "Yenile",
+  "editMultiple": "Çoklu düzenle",
+  "clearSelection": "ı_Clear selection________________İ"
 }

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

@@ -1,8 +1,9 @@
 {
   "mapName": "Ім'я карти",
-  "more": "ґ_More_________Ї",
-  "filters": "ґ_Filters_______________Ї",
-  "zoom": "ґ_Zoom_________Ї",
-  "refresh": "ґ_Refresh_______________Ї",
-  "editMultiple": "ґ_Edit multiple______________Ї"
+  "more": "Більше",
+  "filters": "Фільтри",
+  "zoom": "Масштабування",
+  "refresh": "Оновити",
+  "editMultiple": "Редагувати декілька елементів",
+  "clearSelection": "ґ_Clear selection________________Ї"
 }

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

@@ -1,8 +1,9 @@
 {
   "mapName": "Tên Bản đồ",
-  "more": "Đ_More_________ớ",
-  "filters": "Đ_Filters_______________ớ",
-  "zoom": "Đ_Zoom_________ớ",
-  "refresh": "Đ_Refresh_______________ớ",
-  "editMultiple": "Đ_Edit multiple______________ớ"
+  "more": "Thêm",
+  "filters": "Bộ lọc",
+  "zoom": "Thu phóng",
+  "refresh": "Tải lại",
+  "editMultiple": "Chỉnh sửa nhiều mục",
+  "clearSelection": "Đ_Clear selection________________ớ"
 }

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

@@ -1,8 +1,9 @@
 {
   "mapName": "地图名称",
-  "more": "试_More_________验",
-  "filters": "试_Filters_______________验",
-  "zoom": "试_Zoom_________验",
-  "refresh": "试_Refresh_______________验",
-  "editMultiple": "试_Edit multiple______________验"
+  "more": "更多",
+  "filters": "过滤器",
+  "zoom": "缩放",
+  "refresh": "刷新",
+  "editMultiple": "编辑多个",
+  "clearSelection": "试_Clear selection________________验"
 }

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

@@ -1,8 +1,9 @@
 {
   "mapName": "地圖名稱",
-  "more": "試_More_________驗",
-  "filters": "試_Filters_______________驗",
-  "zoom": "試_Zoom_________驗",
-  "refresh": "試_Refresh_______________驗",
-  "editMultiple": "試_Edit multiple______________驗"
+  "more": "較多",
+  "filters": "篩選器",
+  "zoom": "縮放",
+  "refresh": "重新整理",
+  "editMultiple": "編輯多個",
+  "clearSelection": "試_Clear selection________________驗"
 }

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

@@ -1,8 +1,9 @@
 {
   "mapName": "地圖名稱",
-  "more": "試_More_________驗",
-  "filters": "試_Filters_______________驗",
-  "zoom": "試_Zoom_________驗",
-  "refresh": "試_Refresh_______________驗",
-  "editMultiple": "試_Edit multiple______________驗"
+  "more": "較多",
+  "filters": "篩選器",
+  "zoom": "縮放",
+  "refresh": "重新整理",
+  "editMultiple": "編輯多個",
+  "clearSelection": "試_Clear selection________________驗"
 }

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 {