@esri/solutions-components 0.10.20 → 0.10.22

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

@@ -24,7 +24,7 @@ import { ELayoutMode } from "../../utils/interfaces";
 import { getLayerOrTable } from "../../utils/mapViewUtils";
 export class CrowdsourceManager {
     constructor() {
-        this.appLayout = 'splitView';
+        this.appLayout = undefined;
         this.appProxies = undefined;
         this.basemapConfig = undefined;
         this.coverPageEnabled = undefined;
@@ -47,6 +47,7 @@ export class CrowdsourceManager {
         this.enableSearch = true;
         this.enableShare = false;
         this.enableZoom = true;
+        this.hideMapOnLoad = false;
         this.mapInfos = [];
         this.onlyShowUpdatableLayers = true;
         this.popupHeaderColor = undefined;
@@ -135,6 +136,12 @@ export class CrowdsourceManager {
     enableZoomWatchHandler() {
         this._initMapZoom();
     }
+    /**
+     * When true and no appLayout is defined the map will be hidden on load
+     */
+    hideMapOnLoadWatchHandler() {
+        console.warn("hideMapOnLoad will be removed. Please use appLayout to control layout options.");
+    }
     //--------------------------------------------------------------------------
     //
     //  Methods (public)
@@ -213,7 +220,7 @@ export class CrowdsourceManager {
     render() {
         // only avoid border when we have a header color that is not white
         const borderClass = this.popupHeaderColor && this.popupHeaderColor !== "#FFFFFF" ? "border-width-0" : "";
-        return (h(Host, { key: '113737d5d1c315a85d7fd72f2f79aa1ad4acd03d' }, h("calcite-shell", { key: 'b5e9653ecc35019333ed8a7d7f91c7b4c4930fcc', class: "position-relative" }, h("calcite-panel", { key: '45cd232c8ea8706315e9fc15bb35f99698c33467', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter()), this._filterModal()));
+        return (h(Host, { key: '28614b892c93b83de202a681a756027472d092c2' }, h("calcite-shell", { key: '8f9c57fa9d1c1c88dbac9706376aad6bbd425691', class: "position-relative" }, h("calcite-panel", { key: '3c156df89f396425c2711a39968017cc23910a55', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter()), this._filterModal()));
     }
     /**
      * Called after each render
@@ -232,6 +239,12 @@ export class CrowdsourceManager {
      */
     async componentDidLoad() {
         this._resizeObserver.observe(this.el);
+        if (this.hideMapOnLoad && !this.appLayout) {
+            this.appLayout = 'tableView';
+        }
+        else if (!this.appLayout) {
+            this.appLayout = 'splitView';
+        }
         this._isMapViewOnLoad = this.appLayout === 'mapView';
         this._setActiveLayout(this.appLayout);
     }
@@ -706,8 +719,7 @@ export class CrowdsourceManager {
                     "text": "AppLayout: The type of layout the application should use.\r\nValid values: \"mapView\" or \"tableView\" or \"splitView\""
                 },
                 "attribute": "app-layout",
-                "reflect": false,
-                "defaultValue": "'splitView'"
+                "reflect": false
             },
             "appProxies": {
                 "type": "any",
@@ -1105,6 +1117,24 @@ export class CrowdsourceManager {
                 "reflect": false,
                 "defaultValue": "true"
             },
+            "hideMapOnLoad": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "boolean: when true the map will be hidden on load"
+                },
+                "attribute": "hide-map-on-load",
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "mapInfos": {
                 "type": "unknown",
                 "mutable": false,
@@ -1402,6 +1432,9 @@ export class CrowdsourceManager {
         return [{
                 "propName": "enableZoom",
                 "methodName": "enableZoomWatchHandler"
+            }, {
+                "propName": "hideMapOnLoad",
+                "methodName": "hideMapOnLoadWatchHandler"
             }];
     }
     static get listeners() {

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

@@ -75,6 +75,8 @@ export class EditCard {
     _editor;
     /**
      * esri/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html
+     * OR
+     * esri/layers/support/SubtypeSublayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-SubtypeSublayer.html
      */
     _layer;
     /**
@@ -179,7 +181,9 @@ export class EditCard {
             if (this._layerEditHandle) {
                 this._layerEditHandle.remove();
             }
-            this._layerEditHandle = this._layer.on("edits", () => {
+            // #896 Editing on sybtype group layer is failing in Manager
+            const layer = this._layer.type === "subtype-sublayer" ? this._layer.parent : this._layer;
+            this._layerEditHandle = layer.on("edits", () => {
                 this.editsComplete.emit();
             });
         }
@@ -194,7 +198,7 @@ export class EditCard {
             !this.graphics[0].layer.editingEnabled : true;
         const tableNodeClass = this._editorLoading ? "display-none" : "position-absolute";
         const loadingClass = this._editorLoading ? "" : "display-none";
-        return (h(Host, { key: '1520951922ca98ee92ccc8f7119d7fa3666eddfa' }, h("div", { key: 'd436d1660fd46bba90dd5dadc6962c619b99143e', class: "position-absolute" }, editDisabled ? (h("calcite-notice", { kind: "warning", open: true, slot: "content-top", width: "full" }, h("div", { slot: "message" }, this._translations.enableEditing))) : undefined, h("div", { key: 'cff16539fd7b4a85234e0d15d2170470d95d0ad9', class: "position-absolute" }, h("div", { key: '0b96a2d27a5df344da9192a01d5c42496e057cd1', class: tableNodeClass, id: "feature-form", ref: (el) => this._editContainer = el }), h("calcite-loader", { key: '49cadf3456d1f3289abde18c35b726471ac551cd', class: loadingClass, label: "", scale: "s" })))));
+        return (h(Host, { key: '16dd78822ee6d7c4e2da97c4b7ec7c0678b51e68' }, h("div", { key: '8aba2b86c7bf8e7dfbf7567b156e02b23b728f4e', class: "position-absolute" }, editDisabled ? (h("calcite-notice", { kind: "warning", open: true, slot: "content-top", width: "full" }, h("div", { slot: "message" }, this._translations.enableEditing))) : undefined, h("div", { key: '8230d44ec05ff207681e6333b7f08c80748c4f3d', class: "position-absolute" }, h("div", { key: '71792b5737c43a024ebc677ae168d74569349585', class: tableNodeClass, id: "feature-form", ref: (el) => this._editContainer = el }), h("calcite-loader", { key: '47176534c25769af8ae107c3864901c4294b4359', class: loadingClass, label: "", scale: "s" })))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/map-select-tools/map-select-tools.js

@@ -69,6 +69,10 @@ export class MapSelectTools {
     //  Properties (protected)
     //
     //--------------------------------------------------------------------------
+    /**
+     * esri/request: https://developers.arcgis.com/javascript/latest/api-reference/esri-request.html
+     */
+    _esriRequest;
     /**
      * esri/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html
      */
@@ -298,7 +302,7 @@ export class MapSelectTools {
     render() {
         const mapToolsClass = this.enableSketchTools ? "" : "display-none";
         const mapToolsContainerClass = this.enableSketchTools ? "padding-top-1" : "";
-        return (h(Host, { key: 'd9b4042323733785938a45be76688099b8a81b23' }, this._getMapLayerPicker(), h("div", { key: 'd468cd2df9971c02909fd0bc9603603bb213164f', class: "border-bottom" }), h("div", { key: '8cecea0a4387371c3af1ea76bbafd1cf7f205d77', class: "padding-top-sides-1" }, h("div", { key: 'd5364d20f014611ca73bbe1bc5b638aaa8e38738', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: '2c1f16ce050e934e8dbd25a0ef430d8590438ce5', class: mapToolsContainerClass }, h("map-draw-tools", { key: '256ee8262662c1c54cee34bdc084e7555e3985c6', active: true, class: mapToolsClass, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, mapView: this.mapView, onSketchGraphicsChange: (evt) => void this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this.enableSearchDistance ? this._getBufferOptions() : undefined, this.enableLayerFeatures ? this._getUseLayerFeaturesOptions() : undefined, this._getNumSelected()), h("div", { key: '92859f6a60356d7ddc0b5530a06e181d67f3274b', class: "border-bottom" }), this._getNameInput()));
+        return (h(Host, { key: '6753158d00a33dd5dfbb1f22cc27388baf4c0b5e' }, this._getMapLayerPicker(), h("div", { key: '082c6be48d3dfbe2e39be2c462959c7772a91d40', class: "border-bottom" }), h("div", { key: '0e8133a809b05bef34c2f19adeff43c1e57cc002', class: "padding-top-sides-1" }, h("div", { key: '4434b5b4d073f3ba9a7e44b82078b9b81733025b', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: '6f01e27e06ea365de6ff98df3f9edd973d87117c', class: mapToolsContainerClass }, h("map-draw-tools", { key: '24ffe562d080955f2aacfd080c0baa1997f8eaab', active: true, class: mapToolsClass, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, mapView: this.mapView, onSketchGraphicsChange: (evt) => void this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this.enableSearchDistance ? this._getBufferOptions() : undefined, this.enableLayerFeatures ? this._getUseLayerFeaturesOptions() : undefined, this._getNumSelected()), h("div", { key: '4c7cf401b5bcc7e4adef34e140d22676fce8ebbc', class: "border-bottom" }), this._getNameInput()));
     }
     /**
      * Renders the buffer tools component.
@@ -365,13 +369,15 @@ export class MapSelectTools {
      * @protected
      */
     async _initModules() {
-        const [GraphicsLayer, Graphic, Search, geometryEngine, FeatureLayer] = await loadModules([
+        const [esriRequest, GraphicsLayer, Graphic, Search, geometryEngine, FeatureLayer] = await loadModules([
+            "esri/request",
             "esri/layers/GraphicsLayer",
             "esri/Graphic",
             "esri/widgets/Search",
             "esri/geometry/geometryEngine",
             "esri/layers/FeatureLayer"
         ]);
+        this._esriRequest = esriRequest;
         this.GraphicsLayer = GraphicsLayer;
         this.Graphic = Graphic;
         this.Search = Search;
@@ -448,25 +454,7 @@ export class MapSelectTools {
                 void this._clearResults(false, clearLabel);
             });
             this._searchWidget.on("select-result", (searchResults) => {
-                if (searchResults.result) {
-                    this._searchResult = searchResults.result;
-                    const resultFeature = searchResults.result.feature;
-                    const resultLayer = resultFeature?.layer;
-                    const selectLayer = this.selectLayerView.layer;
-                    const oid = resultFeature?.getObjectId();
-                    const useOIDs = resultLayer?.url && selectLayer?.url && resultLayer.url === selectLayer.url && !isNaN(oid);
-                    const oids = useOIDs ? [oid] : undefined;
-                    this._workflowType = EWorkflowType.SEARCH;
-                    void this._updateLabel();
-                    const graphics = [searchResults.result.feature];
-                    this._updateSelection(graphics, useOIDs, oids);
-                    this._drawTools.graphics = graphics;
-                    this._searchWidget.resultGraphic.visible = false;
-                }
-                else {
-                    const clearLabel = this._searchClearLabel();
-                    void this._clearResults(false, clearLabel);
-                }
+                void this._selectResult(searchResults.result);
             });
             await this._searchWidget.when(() => {
                 this._searchWidget.allPlaceholder = this.searchConfiguration?.allPlaceholder &&
@@ -475,6 +463,75 @@ export class MapSelectTools {
             });
         }
     }
+    /**
+     * Handle the result from the search widget.
+     *
+     * @param url the url of the layer view
+     *
+     * @returns the url of the views source
+     * @protected
+     */
+    async _selectResult(result) {
+        if (result) {
+            this._searchResult = result;
+            const resultFeature = result.feature;
+            const resultLayer = resultFeature?.layer;
+            const selectLayer = this.selectLayerView.layer;
+            const oid = resultFeature?.getObjectId();
+            let resultLayerSourceUrl;
+            if (resultLayer.sourceJSON?.isView) {
+                resultLayerSourceUrl = await this._getViewSourceUrl(resultLayer.url);
+            }
+            let selectLayerSourceUrl;
+            if (selectLayer.sourceJSON?.isView) {
+                selectLayerSourceUrl = await this._getViewSourceUrl(selectLayer.url);
+            }
+            const rUrl = resultLayer?.url?.toLowerCase();
+            const rSourceUrl = resultLayerSourceUrl?.toLowerCase();
+            const sUrl = selectLayer?.url?.toLowerCase();
+            const sSourceUrl = selectLayerSourceUrl?.toLowerCase();
+            const useOIDs = rUrl && sUrl &&
+                (rUrl === sUrl || rUrl === sSourceUrl || rSourceUrl === sUrl || rSourceUrl === sSourceUrl) &&
+                !isNaN(oid);
+            const oids = useOIDs ? [oid] : undefined;
+            this._workflowType = EWorkflowType.SEARCH;
+            void this._updateLabel();
+            const graphics = [result.feature];
+            this._updateSelection(graphics, useOIDs, oids);
+            this._drawTools.graphics = graphics;
+            this._searchWidget.resultGraphic.visible = false;
+        }
+        else {
+            const clearLabel = this._searchClearLabel();
+            void this._clearResults(false, clearLabel);
+        }
+    }
+    /**
+     * Get the source url for a view. This function supports single source views only.
+     *
+     * @param url the url of the layer view
+     *
+     * @returns the url of the views source
+     * @protected
+     */
+    async _getViewSourceUrl(url) {
+        let sourceUrl = "";
+        const resultLayerSourcesUrl = `${url}/sources?f=json`;
+        try {
+            const request = await this._esriRequest(resultLayerSourcesUrl, {
+                query: {
+                    f: "json"
+                }
+            });
+            if (request?.data?.services?.length === 1) {
+                sourceUrl = request.data.services[0].url;
+            }
+        }
+        catch (error) {
+            console.log(error);
+        }
+        return sourceUrl;
+    }
     /**
      * Check if the current label should be cleared
      *

package/dist/collection/components/public-notification/public-notification.js

@@ -37,9 +37,9 @@ export class PublicNotification {
         this.defaultExportTitle = "";
         this.defaultNumLabelsPerPage = 6;
         this.enableLayerFeatures = true;
-        this.enableLayerFeaturesOnLoad = true;
+        this.enableLayerFeaturesOnLoad = false;
         this.enableSearchDistance = true;
-        this.enableSearchDistanceOnLoad = true;
+        this.enableSearchDistanceOnLoad = false;
         this.enableSketchTools = true;
         this.featureEffect = undefined;
         this.featureHighlightEnabled = undefined;
@@ -265,7 +265,7 @@ export class PublicNotification {
      */
     render() {
         const headerSlot = this._isMobile ? "footer" : "header";
-        return (h(Host, { key: '5473fef09cfb2a8870f8e03f263f4d003c6768e4' }, h("calcite-shell", { key: '4ecd592093267c886138b79b2ebb1b4b2e913463' }, h("calcite-action-bar", { key: 'e427d8982bc5e68d9b5430875b9079a0ce43e02b', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
+        return (h(Host, { key: '019074cdfaddd8121a6ed255f42dea427aac9440' }, h("calcite-shell", { key: 'ece21e206f6519627bc8f139c35f68838eb701a2' }, h("calcite-action-bar", { key: '92883d5df9fcf43584f3934bf7f61640afed2bdb', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
     }
     /**
      * StencilJS: Called once just after the component is first loaded.
@@ -1254,7 +1254,7 @@ export class PublicNotification {
                 },
                 "attribute": "enable-layer-features-on-load",
                 "reflect": false,
-                "defaultValue": "true"
+                "defaultValue": "false"
             },
             "enableSearchDistance": {
                 "type": "boolean",
@@ -1290,7 +1290,7 @@ export class PublicNotification {
                 },
                 "attribute": "enable-search-distance-on-load",
                 "reflect": false,
-                "defaultValue": "true"
+                "defaultValue": "false"
             },
             "enableSketchTools": {
                 "type": "boolean",

package/dist/components/crowdsource-manager.js

@@ -76,7 +76,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
         this.__registerHost();
         this.showIntroductionWindow = createEvent(this, "showIntroductionWindow", 7);
         this.showCoverPage = createEvent(this, "showCoverPage", 7);
-        this.appLayout = 'splitView';
+        this.appLayout = undefined;
         this.appProxies = undefined;
         this.basemapConfig = undefined;
         this.coverPageEnabled = undefined;
@@ -99,6 +99,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
         this.enableSearch = true;
         this.enableShare = false;
         this.enableZoom = true;
+        this.hideMapOnLoad = false;
         this.mapInfos = [];
         this.onlyShowUpdatableLayers = true;
         this.popupHeaderColor = undefined;
@@ -182,6 +183,12 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
     enableZoomWatchHandler() {
         this._initMapZoom();
     }
+    /**
+     * When true and no appLayout is defined the map will be hidden on load
+     */
+    hideMapOnLoadWatchHandler() {
+        console.warn("hideMapOnLoad will be removed. Please use appLayout to control layout options.");
+    }
     //--------------------------------------------------------------------------
     //
     //  Methods (public)
@@ -260,7 +267,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
     render() {
         // only avoid border when we have a header color that is not white
         const borderClass = this.popupHeaderColor && this.popupHeaderColor !== "#FFFFFF" ? "border-width-0" : "";
-        return (h(Host, { key: '113737d5d1c315a85d7fd72f2f79aa1ad4acd03d' }, h("calcite-shell", { key: 'b5e9653ecc35019333ed8a7d7f91c7b4c4930fcc', class: "position-relative" }, h("calcite-panel", { key: '45cd232c8ea8706315e9fc15bb35f99698c33467', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter()), this._filterModal()));
+        return (h(Host, { key: '28614b892c93b83de202a681a756027472d092c2' }, h("calcite-shell", { key: '8f9c57fa9d1c1c88dbac9706376aad6bbd425691', class: "position-relative" }, h("calcite-panel", { key: '3c156df89f396425c2711a39968017cc23910a55', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter()), this._filterModal()));
     }
     /**
      * Called after each render
@@ -279,6 +286,12 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
      */
     async componentDidLoad() {
         this._resizeObserver.observe(this.el);
+        if (this.hideMapOnLoad && !this.appLayout) {
+            this.appLayout = 'tableView';
+        }
+        else if (!this.appLayout) {
+            this.appLayout = 'splitView';
+        }
         this._isMapViewOnLoad = this.appLayout === 'mapView';
         this._setActiveLayout(this.appLayout);
     }
@@ -720,7 +733,8 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
         this._translations = messages[0];
     }
     static get watchers() { return {
-        "enableZoom": ["enableZoomWatchHandler"]
+        "enableZoom": ["enableZoomWatchHandler"],
+        "hideMapOnLoad": ["hideMapOnLoadWatchHandler"]
     }; }
     static get style() { return CrowdsourceManagerStyle0; }
 }, [0, "crowdsource-manager", {
@@ -747,6 +761,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
         "enableSearch": [4, "enable-search"],
         "enableShare": [4, "enable-share"],
         "enableZoom": [4, "enable-zoom"],
+        "hideMapOnLoad": [4, "hide-map-on-load"],
         "mapInfos": [16],
         "onlyShowUpdatableLayers": [4, "only-show-updatable-layers"],
         "popupHeaderColor": [1, "popup-header-color"],
@@ -774,7 +789,8 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
         "_filterOpen": [32],
         "_showInformationHeader": [32]
     }, [[8, "featureSelectionChange", "featureSelectionChange"], [8, "popupClosed", "popupClosed"], [8, "layoutChanged", "layoutChanged"], [8, "mapChanged", "mapChanged"], [8, "layerSelectionChange", "layerSelectionChange"]], {
-        "enableZoom": ["enableZoomWatchHandler"]
+        "enableZoom": ["enableZoomWatchHandler"],
+        "hideMapOnLoad": ["hideMapOnLoadWatchHandler"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/components/edit-card2.js

@@ -67,6 +67,8 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
     _editor;
     /**
      * esri/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html
+     * OR
+     * esri/layers/support/SubtypeSublayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-SubtypeSublayer.html
      */
     _layer;
     /**
@@ -171,7 +173,9 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
             if (this._layerEditHandle) {
                 this._layerEditHandle.remove();
             }
-            this._layerEditHandle = this._layer.on("edits", () => {
+            // #896 Editing on sybtype group layer is failing in Manager
+            const layer = this._layer.type === "subtype-sublayer" ? this._layer.parent : this._layer;
+            this._layerEditHandle = layer.on("edits", () => {
                 this.editsComplete.emit();
             });
         }
@@ -186,7 +190,7 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
             !this.graphics[0].layer.editingEnabled : true;
         const tableNodeClass = this._editorLoading ? "display-none" : "position-absolute";
         const loadingClass = this._editorLoading ? "" : "display-none";
-        return (h(Host, { key: '1520951922ca98ee92ccc8f7119d7fa3666eddfa' }, h("div", { key: 'd436d1660fd46bba90dd5dadc6962c619b99143e', class: "position-absolute" }, editDisabled ? (h("calcite-notice", { kind: "warning", open: true, slot: "content-top", width: "full" }, h("div", { slot: "message" }, this._translations.enableEditing))) : undefined, h("div", { key: 'cff16539fd7b4a85234e0d15d2170470d95d0ad9', class: "position-absolute" }, h("div", { key: '0b96a2d27a5df344da9192a01d5c42496e057cd1', class: tableNodeClass, id: "feature-form", ref: (el) => this._editContainer = el }), h("calcite-loader", { key: '49cadf3456d1f3289abde18c35b726471ac551cd', class: loadingClass, label: "", scale: "s" })))));
+        return (h(Host, { key: '16dd78822ee6d7c4e2da97c4b7ec7c0678b51e68' }, h("div", { key: '8aba2b86c7bf8e7dfbf7567b156e02b23b728f4e', class: "position-absolute" }, editDisabled ? (h("calcite-notice", { kind: "warning", open: true, slot: "content-top", width: "full" }, h("div", { slot: "message" }, this._translations.enableEditing))) : undefined, h("div", { key: '8230d44ec05ff207681e6333b7f08c80748c4f3d', class: "position-absolute" }, h("div", { key: '71792b5737c43a024ebc677ae168d74569349585', class: tableNodeClass, id: "feature-form", ref: (el) => this._editContainer = el }), h("calcite-loader", { key: '47176534c25769af8ae107c3864901c4294b4359', class: loadingClass, label: "", scale: "s" })))));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -81,6 +81,10 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
     //  Properties (protected)
     //
     //--------------------------------------------------------------------------
+    /**
+     * esri/request: https://developers.arcgis.com/javascript/latest/api-reference/esri-request.html
+     */
+    _esriRequest;
     /**
      * esri/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html
      */
@@ -310,7 +314,7 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
     render() {
         const mapToolsClass = this.enableSketchTools ? "" : "display-none";
         const mapToolsContainerClass = this.enableSketchTools ? "padding-top-1" : "";
-        return (h(Host, { key: 'd9b4042323733785938a45be76688099b8a81b23' }, this._getMapLayerPicker(), h("div", { key: 'd468cd2df9971c02909fd0bc9603603bb213164f', class: "border-bottom" }), h("div", { key: '8cecea0a4387371c3af1ea76bbafd1cf7f205d77', class: "padding-top-sides-1" }, h("div", { key: 'd5364d20f014611ca73bbe1bc5b638aaa8e38738', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: '2c1f16ce050e934e8dbd25a0ef430d8590438ce5', class: mapToolsContainerClass }, h("map-draw-tools", { key: '256ee8262662c1c54cee34bdc084e7555e3985c6', active: true, class: mapToolsClass, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, mapView: this.mapView, onSketchGraphicsChange: (evt) => void this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this.enableSearchDistance ? this._getBufferOptions() : undefined, this.enableLayerFeatures ? this._getUseLayerFeaturesOptions() : undefined, this._getNumSelected()), h("div", { key: '92859f6a60356d7ddc0b5530a06e181d67f3274b', class: "border-bottom" }), this._getNameInput()));
+        return (h(Host, { key: '6753158d00a33dd5dfbb1f22cc27388baf4c0b5e' }, this._getMapLayerPicker(), h("div", { key: '082c6be48d3dfbe2e39be2c462959c7772a91d40', class: "border-bottom" }), h("div", { key: '0e8133a809b05bef34c2f19adeff43c1e57cc002', class: "padding-top-sides-1" }, h("div", { key: '4434b5b4d073f3ba9a7e44b82078b9b81733025b', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: '6f01e27e06ea365de6ff98df3f9edd973d87117c', class: mapToolsContainerClass }, h("map-draw-tools", { key: '24ffe562d080955f2aacfd080c0baa1997f8eaab', active: true, class: mapToolsClass, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, mapView: this.mapView, onSketchGraphicsChange: (evt) => void this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this.enableSearchDistance ? this._getBufferOptions() : undefined, this.enableLayerFeatures ? this._getUseLayerFeaturesOptions() : undefined, this._getNumSelected()), h("div", { key: '4c7cf401b5bcc7e4adef34e140d22676fce8ebbc', class: "border-bottom" }), this._getNameInput()));
     }
     /**
      * Renders the buffer tools component.
@@ -377,13 +381,15 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
      * @protected
      */
     async _initModules() {
-        const [GraphicsLayer, Graphic, Search, geometryEngine, FeatureLayer] = await loadModules([
+        const [esriRequest, GraphicsLayer, Graphic, Search, geometryEngine, FeatureLayer] = await loadModules([
+            "esri/request",
             "esri/layers/GraphicsLayer",
             "esri/Graphic",
             "esri/widgets/Search",
             "esri/geometry/geometryEngine",
             "esri/layers/FeatureLayer"
         ]);
+        this._esriRequest = esriRequest;
         this.GraphicsLayer = GraphicsLayer;
         this.Graphic = Graphic;
         this.Search = Search;
@@ -460,25 +466,7 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
                 void this._clearResults(false, clearLabel);
             });
             this._searchWidget.on("select-result", (searchResults) => {
-                if (searchResults.result) {
-                    this._searchResult = searchResults.result;
-                    const resultFeature = searchResults.result.feature;
-                    const resultLayer = resultFeature?.layer;
-                    const selectLayer = this.selectLayerView.layer;
-                    const oid = resultFeature?.getObjectId();
-                    const useOIDs = resultLayer?.url && selectLayer?.url && resultLayer.url === selectLayer.url && !isNaN(oid);
-                    const oids = useOIDs ? [oid] : undefined;
-                    this._workflowType = EWorkflowType.SEARCH;
-                    void this._updateLabel();
-                    const graphics = [searchResults.result.feature];
-                    this._updateSelection(graphics, useOIDs, oids);
-                    this._drawTools.graphics = graphics;
-                    this._searchWidget.resultGraphic.visible = false;
-                }
-                else {
-                    const clearLabel = this._searchClearLabel();
-                    void this._clearResults(false, clearLabel);
-                }
+                void this._selectResult(searchResults.result);
             });
             await this._searchWidget.when(() => {
                 this._searchWidget.allPlaceholder = this.searchConfiguration?.allPlaceholder &&
@@ -487,6 +475,75 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
             });
         }
     }
+    /**
+     * Handle the result from the search widget.
+     *
+     * @param url the url of the layer view
+     *
+     * @returns the url of the views source
+     * @protected
+     */
+    async _selectResult(result) {
+        if (result) {
+            this._searchResult = result;
+            const resultFeature = result.feature;
+            const resultLayer = resultFeature?.layer;
+            const selectLayer = this.selectLayerView.layer;
+            const oid = resultFeature?.getObjectId();
+            let resultLayerSourceUrl;
+            if (resultLayer.sourceJSON?.isView) {
+                resultLayerSourceUrl = await this._getViewSourceUrl(resultLayer.url);
+            }
+            let selectLayerSourceUrl;
+            if (selectLayer.sourceJSON?.isView) {
+                selectLayerSourceUrl = await this._getViewSourceUrl(selectLayer.url);
+            }
+            const rUrl = resultLayer?.url?.toLowerCase();
+            const rSourceUrl = resultLayerSourceUrl?.toLowerCase();
+            const sUrl = selectLayer?.url?.toLowerCase();
+            const sSourceUrl = selectLayerSourceUrl?.toLowerCase();
+            const useOIDs = rUrl && sUrl &&
+                (rUrl === sUrl || rUrl === sSourceUrl || rSourceUrl === sUrl || rSourceUrl === sSourceUrl) &&
+                !isNaN(oid);
+            const oids = useOIDs ? [oid] : undefined;
+            this._workflowType = EWorkflowType.SEARCH;
+            void this._updateLabel();
+            const graphics = [result.feature];
+            this._updateSelection(graphics, useOIDs, oids);
+            this._drawTools.graphics = graphics;
+            this._searchWidget.resultGraphic.visible = false;
+        }
+        else {
+            const clearLabel = this._searchClearLabel();
+            void this._clearResults(false, clearLabel);
+        }
+    }
+    /**
+     * Get the source url for a view. This function supports single source views only.
+     *
+     * @param url the url of the layer view
+     *
+     * @returns the url of the views source
+     * @protected
+     */
+    async _getViewSourceUrl(url) {
+        let sourceUrl = "";
+        const resultLayerSourcesUrl = `${url}/sources?f=json`;
+        try {
+            const request = await this._esriRequest(resultLayerSourcesUrl, {
+                query: {
+                    f: "json"
+                }
+            });
+            if (request?.data?.services?.length === 1) {
+                sourceUrl = request.data.services[0].url;
+            }
+        }
+        catch (error) {
+            console.log(error);
+        }
+        return sourceUrl;
+    }
     /**
      * Check if the current label should be cleared
      *

package/dist/components/public-notification.js

@@ -71,9 +71,9 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
         this.defaultExportTitle = "";
         this.defaultNumLabelsPerPage = 6;
         this.enableLayerFeatures = true;
-        this.enableLayerFeaturesOnLoad = true;
+        this.enableLayerFeaturesOnLoad = false;
         this.enableSearchDistance = true;
-        this.enableSearchDistanceOnLoad = true;
+        this.enableSearchDistanceOnLoad = false;
         this.enableSketchTools = true;
         this.featureEffect = undefined;
         this.featureHighlightEnabled = undefined;
@@ -294,7 +294,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
      */
     render() {
         const headerSlot = this._isMobile ? "footer" : "header";
-        return (h(Host, { key: '5473fef09cfb2a8870f8e03f263f4d003c6768e4' }, h("calcite-shell", { key: '4ecd592093267c886138b79b2ebb1b4b2e913463' }, h("calcite-action-bar", { key: 'e427d8982bc5e68d9b5430875b9079a0ce43e02b', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
+        return (h(Host, { key: '019074cdfaddd8121a6ed255f42dea427aac9440' }, h("calcite-shell", { key: 'ece21e206f6519627bc8f139c35f68838eb701a2' }, h("calcite-action-bar", { key: '92883d5df9fcf43584f3934bf7f61640afed2bdb', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
     }
     /**
      * StencilJS: Called once just after the component is first loaded.

package/dist/esm/calcite-alert_5.entry.js

@@ -1283,6 +1283,8 @@ const EditCard = class {
     _editor;
     /**
      * esri/layers/FeatureLayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html
+     * OR
+     * esri/layers/support/SubtypeSublayer: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-SubtypeSublayer.html
      */
     _layer;
     /**
@@ -1387,7 +1389,9 @@ const EditCard = class {
             if (this._layerEditHandle) {
                 this._layerEditHandle.remove();
             }
-            this._layerEditHandle = this._layer.on("edits", () => {
+            // #896 Editing on sybtype group layer is failing in Manager
+            const layer = this._layer.type === "subtype-sublayer" ? this._layer.parent : this._layer;
+            this._layerEditHandle = layer.on("edits", () => {
                 this.editsComplete.emit();
             });
         }
@@ -1402,7 +1406,7 @@ const EditCard = class {
             !this.graphics[0].layer.editingEnabled : true;
         const tableNodeClass = this._editorLoading ? "display-none" : "position-absolute";
         const loadingClass = this._editorLoading ? "" : "display-none";
-        return (h(Host, { key: '1520951922ca98ee92ccc8f7119d7fa3666eddfa' }, h("div", { key: 'd436d1660fd46bba90dd5dadc6962c619b99143e', class: "position-absolute" }, editDisabled ? (h("calcite-notice", { kind: "warning", open: true, slot: "content-top", width: "full" }, h("div", { slot: "message" }, this._translations.enableEditing))) : undefined, h("div", { key: 'cff16539fd7b4a85234e0d15d2170470d95d0ad9', class: "position-absolute" }, h("div", { key: '0b96a2d27a5df344da9192a01d5c42496e057cd1', class: tableNodeClass, id: "feature-form", ref: (el) => this._editContainer = el }), h("calcite-loader", { key: '49cadf3456d1f3289abde18c35b726471ac551cd', class: loadingClass, label: "", scale: "s" })))));
+        return (h(Host, { key: '16dd78822ee6d7c4e2da97c4b7ec7c0678b51e68' }, h("div", { key: '8aba2b86c7bf8e7dfbf7567b156e02b23b728f4e', class: "position-absolute" }, editDisabled ? (h("calcite-notice", { kind: "warning", open: true, slot: "content-top", width: "full" }, h("div", { slot: "message" }, this._translations.enableEditing))) : undefined, h("div", { key: '8230d44ec05ff207681e6333b7f08c80748c4f3d', class: "position-absolute" }, h("div", { key: '71792b5737c43a024ebc677ae168d74569349585', class: tableNodeClass, id: "feature-form", ref: (el) => this._editContainer = el }), h("calcite-loader", { key: '47176534c25769af8ae107c3864901c4294b4359', class: loadingClass, label: "", scale: "s" })))));
     }
     //--------------------------------------------------------------------------
     //