@esri/solutions-components 0.10.30 → 0.10.32

package/dist/collection/components/solution-configuration/solution-configuration.js

@@ -86,11 +86,11 @@ export class SolutionConfiguration {
         const solutionData = state.getStoreInfo("solutionData");
         this._solutionVariables = JSON.stringify(utils.getSolutionVariables(solutionData.templates, this._translations));
         this._organizationVariables = JSON.stringify(utils.getOrganizationVariables(this._translations));
-        return (h(Host, { key: '3cd0a819e0e9857e8fbe83dfc6b7eda19bfc2a25' }, !this._solutionIsLoaded
+        return (h(Host, { key: '123945bd615832395c715d069c553338945c3445' }, !this._solutionIsLoaded
             ? h("calcite-loader", { label: '' })
-            : null, h("div", { key: '95af40b9cc0dd1e34d4511767d6d14c2f64951fb', class: "configuration-container" }, h("div", { key: '34c498b31759d90dafe8408b203de9a2e27f786e', class: "configuration" }, h("calcite-tabs", { key: '2cc1e9b5e7091cd648dad834a212c739189cc42b', class: "config-tabs" }, h("calcite-tab-nav", { key: 'fec327dbda929ad4bda7b1af7331284729500d58', slot: "tab-nav" }, h("calcite-tab-title", { key: '77baa00b1da96cf9742f041ed2e69cddfe315edc' }, this._translations.definitionTab), hasServices ?
+            : null, h("div", { key: 'b70e7008ad0f2fde0a284c2e1e7d13fafc4d3184', class: "configuration-container" }, h("div", { key: '566193f4c5df2ad19206b3d458d0c298adca7e3b', class: "configuration" }, h("calcite-tabs", { key: '34e2642b46dba26d67730feb2b5382ea02556b42', class: "config-tabs" }, h("calcite-tab-nav", { key: '144f120e92e3f45e35ddc53a5bef7aef786eca5c', slot: "tab-nav" }, h("calcite-tab-title", { key: '32c5c21f04e68b83fb8add008f9aa409c2c18fc6' }, this._translations.definitionTab), hasServices ?
             h("calcite-tab-title", null, this._translations.spatialReferenceTab) :
-            null), h("calcite-tab", { key: '9dc437eca3891c4dd538578a9ef66800b68c8c24', class: "config-tab", selected: true }, h("div", { key: 'a1ae99605854b3b03a3abfead510763696b97709', class: "config-solution" }, h("div", { key: '01c7e8cc20c2f033b9ff1fa51730e43caa357046', class: this._treeOpen ? "config-inventory" : "config-inventory-hide" }, h("solution-contents", { id: "configInventory", key: `${this.solutionItemId}-contents`, ref: (el) => (this._solutionContentsComponent = el) })), h("calcite-button", { key: '249525fcdd1d06bba4ae069dea6a1b1c7488bea3', appearance: "transparent", class: "collapse-btn", "icon-start": this._treeOpen ? "chevrons-left" : "chevrons-right", id: "collapse-vars", onClick: () => this._toggleTree(), scale: "s", title: this._treeOpen ? this._translations.collapse : this._translations.expand }), h("div", { key: '6d8d9766015e80a5961bd1f169ea49eec6bab57a', class: "config-item" }, h("solution-item", { authentication: this.authentication, "item-id": this._currentEditItemId, key: `${this.solutionItemId}-item`, "organization-variables": this._organizationVariables, "solution-item-id": this.solutionItemId, "solution-variables": this._solutionVariables })))), hasServices
+            null), h("calcite-tab", { key: '44392d41f2a367c3ab3b605ecc952d2873cdbade', class: "config-tab", selected: true }, h("div", { key: '50a37338ee55b0d04e0cfcf18e02180bdfb2a2da', class: "config-solution" }, h("div", { key: '30a6e2d0cc31f7fbe0d1521e906e8f6ec5274f2e', class: this._treeOpen ? "config-inventory" : "config-inventory-hide" }, h("solution-contents", { id: "configInventory", key: `${this.solutionItemId}-contents`, ref: (el) => (this._solutionContentsComponent = el) })), h("calcite-button", { key: 'a5e869d60079a9f68b024628ea7148886e79108e', appearance: "transparent", class: "collapse-btn", "icon-start": this._treeOpen ? "chevrons-left" : "chevrons-right", id: "collapse-vars", onClick: () => this._toggleTree(), scale: "s", title: this._treeOpen ? this._translations.collapse : this._translations.expand }), h("div", { key: '23eea28391e9fa3e382b67554fa842c828f504f2', class: "config-item" }, h("solution-item", { authentication: this.authentication, "item-id": this._currentEditItemId, key: `${this.solutionItemId}-item`, "organization-variables": this._organizationVariables, "solution-item-id": this.solutionItemId, "solution-variables": this._solutionVariables })))), hasServices
             ? h("calcite-tab", { class: "config-tab" }, h("div", { class: "config-solution" }, h("solution-spatial-ref", { enableDefault: !!spatialReferenceInfo.default, enabled: spatialReferenceInfo?.enabled, featureServices: state.getStoreInfo("featureServices").map(fs => fs.name), id: "configure-solution-spatial-ref", key: `${this.solutionItemId}-spatial-ref` })))
             : null)))));
     }

package/dist/collection/components/solution-contents/solution-contents.js

@@ -48,7 +48,7 @@ export class SolutionContents {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '4d54202857a91624ad35b9e1c3f75f63d8c5a8da' }, h("calcite-tree", { key: '4c9401d3d8791c5f082e05942d0f9e70ccb8f20e' }, this.renderHierarchy(this.templateHierarchy))));
+        return (h(Host, { key: '57abf81bd42447fabf9df9f134a486f8d7101910' }, h("calcite-tree", { key: '5b2faefbd53a2666634a1cc05ea8027e1228f354' }, this.renderHierarchy(this.templateHierarchy))));
     }
     renderHierarchy(objs) {
         return objs.map((obj) => {

package/dist/collection/components/solution-item/solution-item.js

@@ -56,7 +56,7 @@ export class SolutionItem {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '859f90c3755a9fca4752d9ef49118e5dd537da89' }, h("div", { key: '9cf45be1e7cdebc8445ecd086c3392458fef7653', class: "configuration-container" }, h("div", { key: '64753e8039ef3378ca9b41bb2e6208ac374a2cf2', class: "configuration" }, this._showGroupTabs(this.itemType === "Group"), this._showItemTabs(this.itemType !== "Group")))));
+        return (h(Host, { key: 'da363c927e5c577660ad3c67fd1f234dd6529175' }, h("div", { key: '4f9df338aaebb6a333927d50dbee68e9fb9eaceb', class: "configuration-container" }, h("div", { key: '5156b06e31218c3ec059230ba1f4079607aa168e', class: "configuration" }, this._showGroupTabs(this.itemType === "Group"), this._showItemTabs(this.itemType !== "Group")))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/solution-item-accordion/solution-item-accordion.js

@@ -119,7 +119,7 @@ export class SolutionItemAccordion {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '6fcdd61177775d0757ad91c57f579638f35ed01a' }, this._getAccordion()));
+        return (h(Host, { key: 'c9fea75fb3cd0558366bb086eccb28c4e2b7b07d' }, this._getAccordion()));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/solution-item-details/solution-item-details.js

@@ -67,7 +67,7 @@ export class SolutionItemDetails {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '658d13bff98393b9c3f36d7ebce990551d80d9c7' }, h("div", { key: '285e6ac2a525212ca5dc381812995cce1561d51c', class: "parent-container" }, h("div", { key: '9209a77477f51f45a83aff4feeb409932b6c36cf', class: "inputBottomSeparation" }, h("calcite-input", { key: 'ca8669910c7b718c6c5e1e0cfa2f96c8760ad22e', id: "item-title", value: this.itemDetails.title })), h("div", { key: '0816438c6db5c93b81890f5a2a7816f676bb096f', class: "inputBottomSeparation" }, h("input", { key: '149c8b1f9b34dfe2a0723a86b9ca4653f98d3d4f', accept: ".jpg,.gif,.png,image/jpg,image/gif,image/png", class: "display-none", onChange: (event) => (this._updateThumbnail(event)), ref: (el) => (this.browseForThumbnail = el), type: "file" }), h("button", { key: 'c8b8d3d08a72d563349d5e6eebf1cacc6329834e', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, h("svg", { key: '9d699466d0e963c3c60be848792351dc9817e400', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, h("path", { key: '8c74ec6c185dc730f1283a5899c378ae552831e1', d: "M14.792 2.666l-1.414-1.413a.965.965 0 0 0-1.385-.03l-1.444 1.444-8.763 8.72L.03 15.481a.371.371 0 0 0 .488.488l4.096-1.756 8.763-8.72-.001-.001.002.002 1.443-1.444a.965.965 0 0 0-.03-1.385zM1.569 14.431l.554-1.293.74.739zm2.338-.924l-1.414-1.414 7.963-7.92 1.414 1.415zm8.67-8.626l-1.413-1.414 1.29-1.29a.306.306 0 0 1 .433 0l.981.98a.306.306 0 0 1 0 .433z" })), this._translations.editThumbnail), h("div", { key: '4426295925509550d83c5974a8b691d4696b4b63', class: "flex" }, h("div", { key: 'abc4a93cb9d7f3d7e0e9a8e4f0e573a2761ba263', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, h("img", { key: 'ff37875b0f7234038b45d4dc110d1db8610f76d8', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), h("div", { key: '377149593a7b4e4d9914fefa85627de993d965df', class: "snippet-count-container" }, h("calcite-input", { key: 'b23923938627db11be6bb9c63e1710ab54f65539', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), h("label", { key: '66d01cc032dc370c11be61e1a852c5df63b97f2a', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), h("calcite-label", { key: 'c462d3a178e90da7da9ed649fc1e2e1d6e18ca28' }, this._translations.description, h("label", { key: 'ffdef106ec07bbac32e3ee81b3174611db8c4e07', id: "item-description-label" }, h("calcite-input", { key: '72b4ac51c4f98ace79de4d1521debdc55ed796e9', id: "item-description", type: "textarea", value: this.itemDetails.description }))), h("calcite-label", { key: 'aac5e579f54edb668fa445702282b754dcf2ed6c' }, this._translations.tags, h("label", { key: 'ed4581c14f2d3f1c8a2e1845550fcdeb26204a23', id: "item-tags-label" }, h("calcite-input", { key: 'd9c846a82898fa15db4c775e28eb5080ef7ed4d0', id: "item-tags", value: (this.itemDetails.tags && Array.isArray(this.itemDetails.tags) ? this.itemDetails.tags : [this.itemDetails.tags]).join(",") }))), this.itemType !== "Group" ? h("calcite-label", null, this._translations.credits, h("label", { id: "item-credits-label" }, h("calcite-input", { id: "item-credits", value: this.itemDetails.accessInformation }))) : null, this.itemType !== "Group" ? h("calcite-label", null, h("label", { id: "item-terms-label" }, this._translations.termsOfUse, h("calcite-input", { id: "item-terms", type: "textarea", value: this.itemDetails.licenseInfo }))) : null)));
+        return (h(Host, { key: '84bfa00fcedb54a43856c92e8446305d15d1a54a' }, h("div", { key: 'bceaddf6dcc35e5a22cad12e661c17f716fd165e', class: "parent-container" }, h("div", { key: '17834a249ffbbbd3ee54617fa2f2224816dd59b1', class: "inputBottomSeparation" }, h("calcite-input", { key: '372ceefe695e7c54a4ad35cf5b496202037fd57c', id: "item-title", value: this.itemDetails.title })), h("div", { key: 'fc356bd1e3bb965b7555dcea9fccfce44ca96a31', class: "inputBottomSeparation" }, h("input", { key: '11dc51158e385025d139372682b33d2093956a50', accept: ".jpg,.gif,.png,image/jpg,image/gif,image/png", class: "display-none", onChange: (event) => (this._updateThumbnail(event)), ref: (el) => (this.browseForThumbnail = el), type: "file" }), h("button", { key: 'abc5c96ec20adb16026fd6a7c3eb41871512d360', class: "font-size--3 btn-link inline-block trailer-quarter", onClick: () => this._getThumbnail() }, h("svg", { key: '35ce23e7fe17e7f45110e028ddb0c31e033f6f34', class: "icon-inline icon-inline--on-left", height: "16", viewBox: "0 0 16 16", width: "16" }, h("path", { key: '0bab7e61e1261db38a1a62dd085f63de5993a640', d: "M14.792 2.666l-1.414-1.413a.965.965 0 0 0-1.385-.03l-1.444 1.444-8.763 8.72L.03 15.481a.371.371 0 0 0 .488.488l4.096-1.756 8.763-8.72-.001-.001.002.002 1.443-1.444a.965.965 0 0 0-.03-1.385zM1.569 14.431l.554-1.293.74.739zm2.338-.924l-1.414-1.414 7.963-7.92 1.414 1.415zm8.67-8.626l-1.413-1.414 1.29-1.29a.306.306 0 0 1 .433 0l.981.98a.306.306 0 0 1 0 .433z" })), this._translations.editThumbnail), h("div", { key: '4dff94a716f70a350168ae123f0afb41f360fb3b', class: "flex" }, h("div", { key: 'bda8e51d80a72f221eb02ea915609b1e2175a56f', class: "img-container", ref: (el) => (this.thumbnailContainer = el) }, h("img", { key: '3b606e141fae758b24d6114d7433cfdec9570ba9', class: "scale-down", height: "133", id: "item-thumbnail", ref: (el) => (this.thumbnail = el), width: "200" })), h("div", { key: '3f5c6fd680a45c754e2b798566776363e94bf307', class: "snippet-count-container" }, h("calcite-input", { key: '3d35c224c6d8b34483712e392aeca8a87e0d0810', id: "item-snippet", maxLength: 250, type: "textarea", value: this.itemDetails.snippet }), h("label", { key: '1aecd6515a83c523c991d5ccd9516ff14384a13a', class: "font-size--3", id: "item-snippet-count", ref: (el) => (this.itemSnippetCount = el) })))), h("calcite-label", { key: '3052a4847edc5afd336a763e8e6933694aad9d6d' }, this._translations.description, h("label", { key: '595de020ea7e1e5b61296f7c9b17f1a02a0741e0', id: "item-description-label" }, h("calcite-input", { key: '135cb36c76f6462aa470f9b7680ebefa6be60018', id: "item-description", type: "textarea", value: this.itemDetails.description }))), h("calcite-label", { key: '8f51b5f1d2607e040b6a94920d2f581b3595838f' }, this._translations.tags, h("label", { key: '21b84a7bcb9d5b8b56e7b6ccee0b49e940e1faf3', id: "item-tags-label" }, h("calcite-input", { key: '8f3b14471019c703944e531abca80b01751b04e1', id: "item-tags", value: (this.itemDetails.tags && Array.isArray(this.itemDetails.tags) ? this.itemDetails.tags : [this.itemDetails.tags]).join(",") }))), this.itemType !== "Group" ? h("calcite-label", null, this._translations.credits, h("label", { id: "item-credits-label" }, h("calcite-input", { id: "item-credits", value: this.itemDetails.accessInformation }))) : null, this.itemType !== "Group" ? h("calcite-label", null, h("label", { id: "item-terms-label" }, this._translations.termsOfUse, h("calcite-input", { id: "item-terms", type: "textarea", value: this.itemDetails.licenseInfo }))) : null)));
     }
     componentDidRender() {
         this._loadThumb();

package/dist/collection/components/solution-item-icon/solution-item-icon.js

@@ -40,7 +40,7 @@ export class SolutionItemIcon {
      * Renders the component.
      */
     render() {
-        return h("div", { key: '6c6d17d183b0c044f1de98eb6cbe4e3df3926da7', title: this.type }, h("img", { key: 'a38786da6f7e8bc4935ada9f9ae534c0633b7969', class: "item-type-icon item-type-icon-margin", height: "16", src: this._getIconUrl(this.type, this.typeKeywords), width: "16" }));
+        return h("div", { key: '79a661148dd8e3bd73229b642b8253c525e3d747', title: this.type }, h("img", { key: 'e0b21dbd11b8edc4abfdb9af39b40c774b830753', class: "item-type-icon item-type-icon-margin", height: "16", src: this._getIconUrl(this.type, this.typeKeywords), width: "16" }));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/solution-item-sharing/solution-item-sharing.js

@@ -52,7 +52,7 @@ export class SolutionItemSharing {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'b79c768f4ba29331fd70ffc8dd55ae0fa77b0aa8' }, h("div", { key: '9b0a681fc53110cebda0246eb19157631dc8bac8', class: "container-border" }, h("calcite-label", { key: '68f56772d51805babdec5b51a9845ec4d54a6bb8' }, this._translations.groupInfo), this._renderItems(this.sharing))));
+        return (h(Host, { key: '6a9facacd8961a53dd4e49082def5573732d49bf' }, h("div", { key: '6eaf512253573a4db25ec64ebe1439228df4845d', class: "container-border" }, h("calcite-label", { key: 'db5680d010759bdb28b774293b8ae1522c9d8052' }, this._translations.groupInfo), this._renderItems(this.sharing))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/solution-organization-variables/solution-organization-variables.js

@@ -50,7 +50,7 @@ export class SolutionOrganizationVariables {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'f576bc6c4e1ef9c2c0879896f3b364584c9f4597' }, h("div", { key: '22d459e61c3ead17b9ef3ce5a2c6baeddc79c80e' }, h("h4", { key: '8e65f908893fbeda320f3910de3e48776a13816a', class: "org-var-header" }, this._translations.orgVariables)), h("div", { key: '02c6a5f124a4b729dca668afe1693e0d510b11c5', class: "container-border" }, h("calcite-tree", { key: '8b3fc867daa01b80908f9099923099211f807953', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
+        return (h(Host, { key: '99ef09d7f851a57d42c7f7ad5cd6e303b9508d17' }, h("div", { key: '7217187249febdbbf3899d96cdbb2a45474343b7' }, h("h4", { key: 'd5d01648936de6726d7422f81f58ad998574ea87', class: "org-var-header" }, this._translations.orgVariables)), h("div", { key: '22d6f7fb4b0d8f570dbcf9dcac08dce7e2f6383e', class: "container-border" }, h("calcite-tree", { key: '5f21f4fc4b378da1b144dbeb1e19df2f43bcee61', id: "variable-label" }, this._renderHierarchy(this._organizationVariables)))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/solution-resource-item/solution-resource-item.js

@@ -61,7 +61,7 @@ export class SolutionResourceItem {
      */
     render() {
         const hasValidResources = this._hasValidResources();
-        return (h(Host, { key: '5047514bc715a5a67ecacf629d303d81482c0b5e' }, h("div", { key: '22a903832d45858fbec839fce90527671a457257', class: "resource-item" }, h("div", { key: 'fea759db7edf7ca84d353060ee6b59aa101bc61b', class: "margin-bottom-1" }, h("calcite-button", { key: 'c76c2d60a856896255554324ba0239ecde2d49eb', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), h("calcite-button", { key: '4feb64a2b7cc3490c1e0f90ee6dd36a842a8ae0d', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), h("div", { key: '76c64955841cdc671e1df9b3552fe62e67bfc7f5', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
+        return (h(Host, { key: 'eb76345d460620ea6229c1ac94eaf5dec9943c1e' }, h("div", { key: '8dfb91c0ca0d4201940e29bcb809002da1cd9d76', class: "resource-item" }, h("div", { key: 'a6ec9664d267c25eada0432e6825369fdc82676f', class: "margin-bottom-1" }, h("calcite-button", { key: 'd84827e9dbe4ad68544430c007b28c5e9929e076', appearance: "solid", class: "resource-button", color: "blue", onClick: () => this._addNewResource() }, this._translations.addResource), h("calcite-button", { key: 'd88b2928ca6994054f899823701327ece50a937b', appearance: "solid", color: "blue", disabled: !hasValidResources, onClick: () => this._downloadAll() }, this._translations.downloadAll)), h("div", { key: '445c0c3e2deb3b546f4c84186a148e8888477d13', class: "resources-container", style: { display: hasValidResources ? "inherit" : "none" } }, this._renderResourceList()))));
     }
     _removedResources = {};
     //--------------------------------------------------------------------------

package/dist/collection/components/solution-spatial-ref/solution-spatial-ref.js

@@ -61,7 +61,7 @@ export class SolutionSpatialRef {
     }
     render() {
         this._updateUIFromStore();
-        return (h(Host, { key: '6fe5caeb551c70db11066a785e5fdfc9c7054367' }, h("label", { key: '243b8365253ffe65e78041a7baf72ba56311a7a6', class: "switch-label" }, h("calcite-switch", { key: '63e7b111bb0373b1cca852573a25184acc1bdd98', checked: this.enabled, class: "spatial-ref-switch", onCalciteSwitchChange: (event) => this.enabled = event.target.checked, scale: "m" }), this._translations.enableSpatialReference), h("br", { key: '5cafc5b9c37946be7ac0453a9815f55e3dbfbfbb' }), h("div", { key: '353597031dcef6f1ab9b4aeb1593167be6ea69e2', class: "spatial-ref-component", id: "spatialRefDefn" }, this._renderFeatureServicesList(this.featureServices)), h("label", { key: '0bce6624d4658301d4e1d7b3e7b85da4deb0b328', class: "switch-label spatial-ref-component" }, h("calcite-switch", { key: '9376c1fe7b563f155ee3006b3663ce0a526c2715', checked: this.enableDefault, class: "spatial-ref-switch", disabled: !this.enabled, onCalciteSwitchChange: (event) => this.enableDefault = event.target.checked, scale: "m" }), this._translations.enableDefaultSpatialReference)));
+        return (h(Host, { key: 'ca1dd62000a2fdbd82a00830fc3ac94b47db73f7' }, h("label", { key: 'fa1ca79af87525ce25a6acf0a5b6a093429f5b77', class: "switch-label" }, h("calcite-switch", { key: '8dbcdbc8f417dfe1a05578fc9bbf3417ae93abfb', checked: this.enabled, class: "spatial-ref-switch", onCalciteSwitchChange: (event) => this.enabled = event.target.checked, scale: "m" }), this._translations.enableSpatialReference), h("br", { key: 'd3c2296bf3568e7b5b167fe0516184ae0c2d26f1' }), h("div", { key: 'fee9eac900cae65363658fa769347c3db0783007', class: "spatial-ref-component", id: "spatialRefDefn" }, this._renderFeatureServicesList(this.featureServices)), h("label", { key: '317e1422cdcb2147a961f2edfbcedb30c4246f6d', class: "switch-label spatial-ref-component" }, h("calcite-switch", { key: '6f0b7eb7216d0a663e5f2d436b7523b2d2301841', checked: this.enableDefault, class: "spatial-ref-switch", disabled: !this.enabled, onCalciteSwitchChange: (event) => this.enableDefault = event.target.checked, scale: "m" }), this._translations.enableDefaultSpatialReference)));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/solution-template-data/solution-template-data.js

@@ -77,7 +77,7 @@ export class SolutionTemplateData {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '0f8453b6c096fbac6e90f3e8f7efff3041201ca0' }, h("div", { key: 'e0638b863e6d445c3baf608bd3e52904a78bf670', class: "solution-data-container" }, h("calcite-shell", { key: 'fa3b1e80f768e489133c700f4e729ad2ebde88ef', class: "light var-container", dir: "ltr" }, h("calcite-panel", { key: '6fe1596637fce085f18d3a98362088320a72d248', class: "json-editor" }, h("div", { key: 'edcb77ca9a7dcc6c6c4018fd4571c690cd82f7b1', class: "solution-data-child-container calcite-match-height" }, h("json-editor", { key: 'ea3a8b5d1b7ad20a60456daf107af678a68027a1', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), h("calcite-shell-panel", { key: '34b4c47647738d5a07eac01b4162d7a599c2cc16', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, h("div", { key: 'e1609bd8e25b2af8989e4018ac4facaffe830897', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, h("calcite-button", { key: '87576dba22c378c609710215954d6ea8e016c06c', appearance: "transparent", class: "collapse-btn", "icon-start": this.varsOpen ? "chevrons-right" : "chevrons-left", id: "collapse-vars", onClick: () => this._toggleVars(), scale: "s", title: this.varsOpen ? this._translations.collapse : this._translations.expand }), h("div", { key: '279c775502f8cdbb5c01971b7c763cf5bd88de28', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, h("solution-organization-variables", { key: 'cd357642cb12ec25fe90ca011c90b80f37889d80', value: this.organizationVariables })), h("div", { key: '1adf2eb87308f4b85bc1fec11c80682b5e9dc131', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, h("solution-variables", { key: 'a836a844cbcf6e9bbbae9e9d2eadead6570ce8f2', value: this.solutionVariables }))))))));
+        return (h(Host, { key: '78d31b01a7b3aac5e3b63ec59fa0225e662c3532' }, h("div", { key: '84ad00f60d5ad98fc14fad50b2db93844e54a842', class: "solution-data-container" }, h("calcite-shell", { key: '0e56c32e9ba92e9e536ce16f30db4e59d1c71094', class: "light var-container", dir: "ltr" }, h("calcite-panel", { key: 'ab251fe749493d11b61359f3f018fa87917d83c6', class: "json-editor" }, h("div", { key: '94be603b8c03bccbcc31293839d633ffa0ca5b15', class: "solution-data-child-container calcite-match-height" }, h("json-editor", { key: '76a5a31ae0dc54d59a300e0d6cc6b543e994d322', class: "solution-data-editor-container", instanceid: this.itemId + "|" + this.instanceid, value: this.value }))), h("calcite-shell-panel", { key: '5405b6aa574c721965bbdd4aabf90981f82c7da7', "height-scale": "l", position: "end", slot: "contextual-panel", "width-scale": "xs" }, h("div", { key: 'e7b57aa1f91e479a7538b5bb60fff9ff096bc9c9', class: this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed" }, h("calcite-button", { key: 'ddd017fee5c66d79cd2c6239b847aacef9e04070', appearance: "transparent", class: "collapse-btn", "icon-start": this.varsOpen ? "chevrons-right" : "chevrons-left", id: "collapse-vars", onClick: () => this._toggleVars(), scale: "s", title: this.varsOpen ? this._translations.collapse : this._translations.expand }), h("div", { key: 'a45aec86952e3172c76153b01a54076d97050de9', class: this.varsOpen ? "org-vars" : "org-vars display-none", id: "orgVars" }, h("solution-organization-variables", { key: 'e138b7ec4c256c916ef52cef6d17f0d9a839d506', value: this.organizationVariables })), h("div", { key: '9444585d82bc85f2cf535ecc8921b2d3f67b398d', class: this.varsOpen ? "sol-vars" : "sol-vars display-none", id: "solVars" }, h("solution-variables", { key: '030de51ff885c3ddf549fc4898c31ec23bb0d303', value: this.solutionVariables }))))))));
     }
     _initializing = false;
     //--------------------------------------------------------------------------

package/dist/collection/components/solution-variables/solution-variables.js

@@ -50,7 +50,7 @@ export class SolutionVariables {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'bb418465a19b2fa0a8f5e216ba853d7427a78fdf' }, h("div", { key: 'f628616eb2ef38cd657052666e53dfe72cb3f221' }, h("h4", { key: '97348278cfa8ecd968deb135c1fc9fe44971e7d2', class: "org-var-header" }, this._translations.solVariables)), h("div", { key: '91d5822a5358f95d37654d8a9eda66c3fe8f3318', class: "container-border" }, h("calcite-tree", { key: '7982f1e945f1d939ae52867764a438d67ed6a154', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
+        return (h(Host, { key: '5d3ed27bced41fb6bf6c393ddde152fb0056d25b' }, h("div", { key: 'cb05d3c237719abd539b21b38968a41364c1880e' }, h("h4", { key: '367eb15af209dfed31b43f705fb6de05e25bb374', class: "org-var-header" }, this._translations.solVariables)), h("div", { key: '10142202269a9f2eaa82c0b50a1980d9f3051208', class: "container-border" }, h("calcite-tree", { key: 'd89353a7fe357851a697df036ae7795154254759', id: "variable-label" }, this._renderHierarchy(this._solutionVariables)))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/spatial-ref/spatial-ref.js

@@ -70,7 +70,7 @@ export class SpatialRef {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '03d381d5ad6c69f6c2d38d297580e3b1d651f733' }, h("div", { key: 'd36702bce1953d05f5954ab1522242033ae9baed' }, h("calcite-input", { key: '584b54ef1114d6792b2817ee23dda5e2cdc7687e', disabled: this.disabled, id: "calcite-sr-search", onKeyUp: (evt) => this._searchInputKeyDown(evt), placeholder: this._translations.spatialReferencePlaceholder }), h("calcite-tree", { key: 'a151d8dbe443302ac6e6bad414642c6eb504ce4b', id: "calcite-sr-tree", slot: "children" }, this._getTreeContent()))));
+        return (h(Host, { key: 'f723d08854c429ea7eb3e9c5588089a5dd614440' }, h("div", { key: '5f91149d48e5df3f01479bec291d97c569ffd5d7' }, h("calcite-input", { key: 'fa6cd1622e62b9c830999afc0940adddabbcc2c2', disabled: this.disabled, id: "calcite-sr-search", onKeyUp: (evt) => this._searchInputKeyDown(evt), placeholder: this._translations.spatialReferencePlaceholder }), h("calcite-tree", { key: '02e651be4895c57ddb0fbf319c5a41b5dc39472c', id: "calcite-sr-tree", slot: "children" }, this._getTreeContent()))));
     }
     _lastHighlightedSref;
     //--------------------------------------------------------------------------

package/dist/components/card-manager2.js

@@ -184,7 +184,6 @@ const CardManager = /*@__PURE__*/ proxyCustomElement(class CardManager extends H
      */
     async _backFromCreateFeature() {
         if (this._createFeature) {
-            await this._createFeature.close();
             this._showCreateFeatureComponent = false;
             this.backFromCreateWorkFlow.emit();
         }
@@ -195,7 +194,6 @@ const CardManager = /*@__PURE__*/ proxyCustomElement(class CardManager extends H
      * @protected
      */
     _featureCreated() {
-        void this._createFeature.close();
         this._showCreateFeatureComponent = false;
         this._showSubmitBtn = false;
         this._isFeatureCreated = true;

package/dist/components/create-feature2.js

@@ -11,7 +11,7 @@ import { d as defineCustomElement$3 } from './icon.js';
 import { d as defineCustomElement$2 } from './loader.js';
 import { d as defineCustomElement$1 } from './notice.js';
 
-const createFeatureCss = ":host{display:block}.esri-editor__panel-toolbar{display:none !important}.esri-editor__panel-content{padding-block:0px !important}.esri-editor .esri-item-list__group__header{display:none !important}.esri-editor__panel-content__section .esri-widget__heading{display:none !important}.esri-editor .esri-item-list__filter-container--sticky{padding-block:0px !important;padding-inline:10px !important}.search-widget{width:92% !important;margin:5px 14px 20px 14px}.display-none{display:none !important}.hide-map{height:1%;visibility:hidden}.show-map{padding:10px !important;position:absolute;bottom:0;width:calc(100% - 22px);height:50%}.notice-msg{padding:10px;width:calc(100% - 20px)}.esri-editor__panel-content{padding-block:10px !important}";
+const createFeatureCss = ":host{display:block}.esri-editor__panel-toolbar{display:none !important}.esri-editor__panel-content{padding-block:0px !important}.esri-editor .esri-item-list__group__header{display:none !important}.esri-editor__panel-content__section .esri-widget__heading{display:none !important}.esri-editor .esri-item-list__filter-container--sticky{padding-block:0px !important;padding-inline:10px !important}.search-widget{width:92% !important;margin:5px 14px 20px 14px}.display-none{display:none !important}.hide-map{height:1%;visibility:hidden}.show-map{padding:10px !important;position:absolute;bottom:0;width:calc(100% - 22px)}.notice-msg{padding:10px;width:calc(100% - 20px)}.esri-editor__panel-content{padding-block:10px !important}@media only screen and (max-width: 600px){.esri-editor__panel-content{padding-block:0 !important;min-height:0 !important}}";
 const CreateFeatureStyle0 = createFeatureCss;
 
 const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature extends HTMLElement {
@@ -117,6 +117,14 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
      * __esri.FeatureLayer: selected feature layer;
      */
     _selectedLayer;
+    /**
+     * HTMLDivElement: refrence for search div element
+     */
+    _searchDiv;
+    /**
+     * HTMLCalciteNoticeElement: calcite notice refrence element
+     */
+    _calciteNotice;
     //--------------------------------------------------------------------------
     //
     //  Watch handlers
@@ -164,15 +172,6 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
     //  Methods (public)
     //
     //--------------------------------------------------------------------------
-    /**
-     * Destroy the Editor widget instance
-     * @returns Promise that resolves when the operation is complete
-     */
-    async close() {
-        if (this._editor) {
-            this._editor.destroy();
-        }
-    }
     /**
      * Submit the created feature
      * @returns Promise that resolves when the operation is complete
@@ -240,6 +239,26 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
     async componentDidLoad() {
         await this.init();
     }
+    /**
+     * Called after each render
+     * Used to adjust the map top in case of mobile
+     */
+    componentDidRender() {
+        // update the map top according to space occupied by notice msg and search
+        if (this.isMobile) {
+            // get the height of notice, search and add 80px(editor msg) height to adjust the map top
+            const top = this._calciteNotice.offsetHeight + this._searchDiv.offsetHeight + 80;
+            this._mapViewContainer.style.top = `${top}px`;
+        }
+    }
+    /**
+     * StencilJS: Called every time the component is disconnected from the DOM,
+     */
+    disconnectedCallback() {
+        if (this._editor) {
+            this._editor.destroy();
+        }
+    }
     /**
      * Renders the component.
      */
@@ -257,7 +276,8 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
         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; } })));
+        return (h(Fragment, { key: '89634bf5707ea8390416d3087bfbe4e747bafcd7' }, showGuidingMsg && h("calcite-notice", { key: '4269224c2904f29060081f6cb8f383f1cf8d741d', class: "notice-msg", icon: "lightbulb", kind: "success", open: true, ref: el => this._calciteNotice = el }, h("div", { key: 'ecc3cca85c81d1cb7ab7cdc89b99e31afcb55f76', slot: "message" }, guidingMsg)), h("calcite-loader", { key: '34e492c0c469b39d4cfbcda17c4ba196ccb39eb8', class: loaderClass, label: "", scale: "s" }), h("div", { key: 'b2073ef4b6124b54038de34798cdf83337626023', class: featureFormClass, id: "feature-form" }), this.enableSearch &&
+            h("div", { key: 'cd13e98b6a40d5d89d271b5785f797e9bfc19900', class: `search-widget ${showSearchWidget} ${featureFormClass}`, id: "search-widget-ref", ref: el => this._searchDiv = el }), h("div", { key: '2575b2d20f7713b05a2024e77452af93eb64e147', class: `${mobileMapClass}`, ref: (el) => { this._mapViewContainer = el; } })));
     }
     //--------------------------------------------------------------------------
     //
@@ -305,7 +325,8 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
         this._mapViewContainer.classList.add('hide-map');
         await new this.MapView({
             map: this.mapView.map,
-            container: this._mapViewContainer
+            container: this._mapViewContainer,
+            zoom: this.mapView.zoom
         }).when((view) => {
             // update the mapView and load all widgets
             this._updatedMapView = view;
@@ -678,7 +699,6 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
         "_editorLoading": [32],
         "_currentPage": [32],
         "_translations": [32],
-        "close": [64],
         "submit": [64],
         "refresh": [64]
     }, undefined, {

package/dist/components/create-related-feature2.js

@@ -90,14 +90,6 @@ const CreateRelatedFeature = /*@__PURE__*/ proxyCustomElement(class CreateRelate
     //  Methods (public)
     //
     //--------------------------------------------------------------------------
-    /**
-     * Destroy the Editor widget instance
-     */
-    async close() {
-        if (this._editor) {
-            this._editor.destroy();
-        }
-    }
     /**
      * Submit the comment
      */
@@ -164,7 +156,7 @@ const CreateRelatedFeature = /*@__PURE__*/ proxyCustomElement(class CreateRelate
     }
     render() {
         const loaderClass = this._editorLoading ? "" : "display-none";
-        return (h(Fragment, { key: '707536f66fc4de711e3f519a8869507bf2d6f566' }, this.showGuidingMsg && h("calcite-notice", { key: 'c3fb5a706d250b6db7dac9ab20b949a81eeb0c5f', class: "notice-msg", icon: "lightbulb", kind: "success", open: true }, h("div", { key: 'a9aa0a8137a256240c5e8d0c77dc364b31b5b2a1', slot: "message" }, this._translations.provideDetailsMsg)), h("calcite-loader", { key: '4e1295a1a867da2c9f1fe4428bdc115bd8643f75', class: loaderClass, label: "", scale: "s" })));
+        return (h(Fragment, { key: '641b4f6f51bce04b6263a1d7dc72a31839df970d' }, this.showGuidingMsg && h("calcite-notice", { key: '1a6e577bcc0632a7bc69dd411a692062a7ad176e', class: "notice-msg", icon: "lightbulb", kind: "success", open: true }, h("div", { key: '55c5836314fcca69a259be3a36e34c527edcabf3', slot: "message" }, this._translations.provideDetailsMsg)), h("calcite-loader", { key: '18c5603a4a75c67a160a71caa15e94790f66d60b', class: loaderClass, label: "", scale: "s" })));
     }
     /**
      * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
@@ -172,6 +164,14 @@ const CreateRelatedFeature = /*@__PURE__*/ proxyCustomElement(class CreateRelate
     async componentDidLoad() {
         await this.init();
     }
+    /**
+     * StencilJS: Called every time the component is disconnected from the DOM,
+     */
+    disconnectedCallback() {
+        if (this._editor) {
+            this._editor.destroy();
+        }
+    }
     /**
      * Display editor widget to create the new feature
      * @protected
@@ -355,7 +355,6 @@ const CreateRelatedFeature = /*@__PURE__*/ proxyCustomElement(class CreateRelate
         "showGuidingMsg": [4, "show-guiding-msg"],
         "_editorLoading": [32],
         "_translations": [32],
-        "close": [64],
         "submit": [64]
     }, undefined, {
         "mapView": ["mapViewWatchHandler"],

package/dist/components/crowdsource-reporter.js

@@ -101,7 +101,6 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
         this._filterActive = false;
         this._flowItems = [];
         this._hasValidLayers = false;
-        this._loadingFeatureDetails = undefined;
         this._mapInfo = undefined;
         this._reportSubmitted = false;
         this._selectedLayerName = undefined;
@@ -254,6 +253,10 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
      * FilterInitState: filter's init state
      */
     _filterInitState;
+    /**
+     * string: Previous selected layer id
+     */
+    _prevSelectedLayerId;
     //--------------------------------------------------------------------------
     //
     //  Watch handlers
@@ -354,7 +357,7 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
      */
     render() {
         const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
-        return (h(Host, { key: '198fe34894f73b66ac15c4f75b05e3159586a392' }, this._reportSubmitted && h("calcite-alert", { key: '2c07a26c0fce4f5b66a2245850f7fca6e7cc2333', "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: 'f3269fd5bc315913f25795fc4dda47d83de7166f', slot: "message" }, this.reportSubmittedMessage ? this.reportSubmittedMessage : this._translations.submitMsg)), this._featureCreationFailedErrorMsg && h("calcite-alert", { key: '974254aa4eec7166ce23c9513633174b26d45a4d', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._featureCreationFailedErrorMsg = ""; }, open: true, placement: "top" }, h("div", { key: 'f0e27267cb6bdc626340185ff3af5c8527c5755c', slot: "title" }, this._translations.error), h("div", { key: 'ce443229655784ecc106ef4f90375a0d2ba14679', slot: "message" }, this._featureCreationFailedErrorMsg)), this._commentSubmitted && h("calcite-alert", { key: '8094e9db5856630b6dbbd4f37de35afc8fc0cab9', "auto-close": true, class: 'report-submitted ' + themeClass, icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._commentSubmitted = false; }, open: true, placement: "top" }, h("div", { key: '9fea022654934c6b58064f71e6c7cb59e4429732', slot: "message" }, this.commentSubmittedMessage || this._translations.commentSubmittedMsg)), this._addingCommentFailed && h("calcite-alert", { key: '21cd17c9a43553c40427759070ec5f7d86bcb471', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._addingCommentFailed = false; }, open: true, placement: "top" }, h("div", { key: '82ca845385e34740ab2af082a5338a851ad0c006', slot: "title" }, this._translations.error), h("div", { key: '9dd641fe9e78e83387a266df51b8f709409bd332', slot: "message" }, this._translations.addingCommentFailedMsg)), h("div", { key: '1977a4e41c0f222385585f0a0a6c19a99432846b' }, h("calcite-shell", { key: '67d0771f744f5ba427cef2b453dee3470d2fe5bc', "content-behind": true }, this._getReporter()))));
+        return (h(Host, { key: 'bb2f79258038360e5c0b894ce5a21dcdd41d0ce4' }, this._reportSubmitted && h("calcite-alert", { key: 'aa244cd93326c8817b851d2465c7b9c453117ad2', "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: '25d6d6bd01ee8dc260bce41ea6c43eafa609292e', slot: "message" }, this.reportSubmittedMessage ? this.reportSubmittedMessage : this._translations.submitMsg)), this._featureCreationFailedErrorMsg && h("calcite-alert", { key: '06851f2f8cabebd0e953c31bdddfdeac363a4e6e', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._featureCreationFailedErrorMsg = ""; }, open: true, placement: "top" }, h("div", { key: 'f0d73a00a8150a78c48cc09e8901ad7dcb438e90', slot: "title" }, this._translations.error), h("div", { key: '0747a85bbf4936a28dd85a9ea0e8b416f70ee7cf', slot: "message" }, this._featureCreationFailedErrorMsg)), this._commentSubmitted && h("calcite-alert", { key: '55017090c066ad4e12023315bde39e8c7fa67091', "auto-close": true, class: 'report-submitted ' + themeClass, icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._commentSubmitted = false; }, open: true, placement: "top" }, h("div", { key: 'cb63168c1fe507b7b93ac4f58d5283ad0d09b34b', slot: "message" }, this.commentSubmittedMessage || this._translations.commentSubmittedMsg)), this._addingCommentFailed && h("calcite-alert", { key: '36b551428b32c7d93f4d04639504bfe326bbc9c8', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._addingCommentFailed = false; }, open: true, placement: "top" }, h("div", { key: '2e9865c5611f4960bb622f75f386a489abcbb484', slot: "title" }, this._translations.error), h("div", { key: 'ebdf339d63369e18b1c68867cdffb9bd40f52766', slot: "message" }, this._translations.addingCommentFailedMsg)), h("div", { key: 'a08980aead377e11697e96e77aa514ed66dc9613' }, h("calcite-shell", { key: '6d96e769ece33073870f2b8f1a7ef6a44006c3f0', "content-behind": true }, this._getReporter()))));
     }
     //--------------------------------------------------------------------------
     //
@@ -487,18 +490,29 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
         this._filterActive = false;
         this._filterUrlParams = null;
         this._filterInitState = null;
-        void this._featureList.refresh();
+        if (this._featureList) {
+            await this._featureList.refresh();
+        }
+        if (this._layerList) {
+            await this._layerList.refresh();
+        }
     }
     /**
      * Check if the layers definitionExpression has been modified and update the feature list depending on the applied filters
      * @protected
      */
-    _handleFilterUpdate() {
+    async _handleFilterUpdate() {
+        this._showLoadingIndicator = true;
         //if filter are applied the url params will be generated
         //set the filter active state based on the length of applied filters
         this._filterActive = this._filterList.urlParams.getAll('filter').length > 0;
         this._filterUrlParams = this._filterList.urlParams.getAll('filter');
-        void this._featureList.refresh();
+        this._filterInitState = await this._filterList.getFilterInitState();
+        await this._featureList.refresh();
+        if (this._layerList) {
+            await this._layerList.refresh();
+        }
+        this._showLoadingIndicator = false;
     }
     /**
      * Get the feature layer list
@@ -565,7 +579,6 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
      */
     backFromCreateFeaturePanel() {
         if (this._createFeature) {
-            void this._createFeature.close();
             void this.updateNonVisibleLayersOnMap(false);
         }
         //on back form will be closed, so update the form state
@@ -586,7 +599,6 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
      */
     backFromCreateRelatedFeaturePanel() {
         if (this._createRelatedFeature) {
-            void this._createRelatedFeature.close();
             this._showSubmitCancelButton = false;
         }
         //on back form will be closed, so update the form state
@@ -643,9 +655,6 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
      * @protected
      */
     async navigateToHomePage() {
-        if (this._createFeature) {
-            void this._createFeature.close();
-        }
         if (this._layerList) {
             void this._layerList.refresh();
         }
@@ -667,6 +676,10 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
         if (evt.detail.layerId && evt.detail.layerName) {
             await this.setSelectedLayer(evt.detail.layerId, evt.detail.layerName);
         }
+        // reset the applied filter when switching to another layer
+        if (this._selectedLayerId !== this._prevSelectedLayerId && this._filterActive) {
+            await this.resetFilter();
+        }
         void this.updateNonVisibleLayersOnMap(true);
         // get the form template elements to pass in create-feature to create a LEVELID field in feature-form
         this._getFormElements();
@@ -726,27 +739,33 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
             await this.loadFeatureFromURLParams();
         }
     }
-    /**On click of layer list item show feature list
+    /**
+     * On click of layer list item show feature list
      * @param evt Event which has details of selected layerId and layerName
      * @protected
      */
-    displayFeaturesList(evt) {
+    async displayFeaturesList(evt) {
         this._updatedSorting = {
             field: '',
             order: 'desc'
         };
-        this._filterActive = false;
         this._updatedSortOption = "sortNewest";
-        void this.setSelectedLayer(evt.detail.layerId, evt.detail.layerName);
+        await this.setSelectedLayer(evt.detail.layerId, evt.detail.layerName);
         this._flowItems = [...this._flowItems, "feature-list"];
+        // reset the applied filter when switching to another layer
+        if (this._selectedLayerId !== this._prevSelectedLayerId && this._filterActive) {
+            await this.resetFilter();
+        }
+        this._prevSelectedLayerId = this._selectedLayerId;
     }
     /**
-     * On back from filter panel get the filter's init state
+     * Reset's the applied filter
      * @protected
      */
-    async backFromFilterPanel() {
-        this._filterInitState = await this._filterList.getFilterInitState();
-        this.backFromSelectedPanel();
+    async resetFilter() {
+        const prevLayer = await getLayerOrTable(this.mapView, this._prevSelectedLayerId);
+        prevLayer.definitionExpression = this._filterInitState.initDefExpressions[this._prevSelectedLayerId];
+        void this._handleFilterListReset();
     }
     /**
      * On back from selected panel navigate to the previous panel
@@ -807,10 +826,14 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
      */
     async getRelatedTable() {
         const selectedLayer = this._currentFeature.layer;
-        const allRelatedTableIds = selectedLayer.relationships.map(a => a.relatedTableId);
         const allTables = await getAllTables(this.mapView);
-        const relatedTables = allTables.filter((table) => selectedLayer.url === table.url && allRelatedTableIds.includes(table.layerId));
-        this._relatedTable = relatedTables[0];
+        selectedLayer.relationships.some((relationship) => {
+            const relatedTables = allTables.filter((table) => selectedLayer.url === table.url && table.layerId === relationship.relatedTableId);
+            if (relatedTables && relatedTables.length > 0) {
+                this._relatedTable = relatedTables[0];
+                return true;
+            }
+        });
     }
     /**
      * Show loading indicator while updating the feature details component
@@ -868,7 +891,7 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
      */
     getFilterPanel() {
         const currentLayersExpressions = this.layerExpressions ? this.layerExpressions.filter((exp) => exp.id === this._selectedLayerId) : [];
-        return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._translations?.filterLayerTitle?.replace("{{title}}", this._selectedLayerName), loading: this._showLoadingIndicator, onCalciteFlowItemBack: this.backFromFilterPanel.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), h("div", { class: "width-full", slot: "footer" }, h("div", { class: "width-full", slot: "footer" }, h("calcite-button", { appearance: "solid", class: "footer-top-button footer-button", onClick: () => { void this._filterList?.forceReset(); }, width: "full" }, this._translations.resetFilter), h("calcite-button", { appearance: "outline", class: "footer-button", onClick: this.backFromFilterPanel.bind(this), width: "full" }, this._translations.close))), h("calcite-panel", { "full-height": true }, h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtnOnClick: () => undefined, comboboxOverlayPositioning: "fixed", layerExpressions: currentLayersExpressions, onFilterListReset: () => this._handleFilterListReset(), onFilterUpdate: () => this._handleFilterUpdate(), ref: (el) => this._filterList = el, resetBtn: false, resetFiltersOnDisconnect: false, view: this.mapView, zoomBtn: false }))));
+        return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._translations?.filterLayerTitle?.replace("{{title}}", this._selectedLayerName), loading: this._showLoadingIndicator, onCalciteFlowItemBack: this.backFromSelectedPanel.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), h("div", { class: "width-full", slot: "footer" }, h("div", { class: "width-full", slot: "footer" }, h("calcite-button", { appearance: "solid", class: "footer-top-button footer-button", disabled: !this._filterActive, onClick: () => { void this._filterList?.forceReset(); }, width: "full" }, this._translations.resetFilter), h("calcite-button", { appearance: "outline", class: "footer-button", onClick: this.backFromSelectedPanel.bind(this), width: "full" }, this._translations.close))), h("calcite-panel", { "full-height": true }, h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtnOnClick: () => undefined, comboboxOverlayPositioning: "fixed", layerExpressions: currentLayersExpressions, onFilterListReset: () => this._handleFilterListReset(), onFilterUpdate: () => this._handleFilterUpdate(), ref: (el) => this._filterList = el, resetBtn: false, resetFiltersOnDisconnect: false, view: this.mapView, zoomBtn: false }))));
     }
     /**
      * Returns the calcite-flow item for feature details
@@ -1289,7 +1312,6 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
         "_filterActive": [32],
         "_flowItems": [32],
         "_hasValidLayers": [32],
-        "_loadingFeatureDetails": [32],
         "_mapInfo": [32],
         "_reportSubmitted": [32],
         "_selectedLayerName": [32],

package/dist/components/feature-details2.js

@@ -246,14 +246,12 @@ const FeatureDetails = /*@__PURE__*/ proxyCustomElement(class FeatureDetails ext
             const allTables = await getAllTables(this.mapView);
             let relatedTable = null;
             let validRelationshipId = null;
-            allTables.some((table) => {
-                if (selectedLayer.url === table.url) {
-                    const relationship = selectedLayer.relationships.filter(a => table.layerId === a.relatedTableId);
-                    if (relationship?.length) {
-                        relatedTable = table;
-                        validRelationshipId = relationship[0].id;
-                        return true;
-                    }
+            selectedLayer.relationships.some((relationship) => {
+                const relatedTables = allTables.filter((table) => selectedLayer.url === table.url && table.layerId === relationship.relatedTableId);
+                if (relatedTables && relatedTables.length > 0) {
+                    relatedTable = relatedTables[0];
+                    validRelationshipId = relationship.id;
+                    return true;
                 }
             });
             this.relatedTableId = relatedTable?.id ?? '';