@esri/solutions-components 0.10.2 → 0.10.3

package/dist/cjs/spatial-ref.cjs.entry.js

@@ -8,11 +8,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-696e53e6.js');
-const locale = require('./locale-2dc1252d.js');
-const common = require('./common-4d4cf291.js');
-require('./esri-loader-a56cbcbe.js');
+const locale = require('./locale-4e7fe921.js');
+const common = require('./common-61b41813.js');
+require('./esri-loader-08dc41bd.js');
 require('./_commonjsHelpers-baf43783.js');
-require('./solution-resource-16c7510c.js');
+require('./solution-resource-57cf345b.js');
 require('./interfaces-09c4c40e.js');
 
 /** @license

package/dist/cjs/store-manager.cjs.entry.js

@@ -8,13 +8,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-696e53e6.js');
-const solutionStore = require('./solution-store-747a28ab.js');
-const templates = require('./templates-2f44c01b.js');
+const solutionStore = require('./solution-store-71bb46fa.js');
+const templates = require('./templates-e4b98319.js');
 require('./index-a0cca96e.js');
 require('./interfaces-09c4c40e.js');
-require('./solution-resource-16c7510c.js');
+require('./solution-resource-57cf345b.js');
 require('./_commonjsHelpers-baf43783.js');
-require('./restHelpersGet-88ba0e25.js');
+require('./restHelpersGet-bf484fda.js');
 
 const StoreManager = class {
     constructor(hostRef) {

package/dist/cjs/{templates-2f44c01b.js → templates-e4b98319.js}

@@ -6,8 +6,8 @@
 'use strict';
 
 const interfaces = require('./interfaces-09c4c40e.js');
-require('./solution-resource-16c7510c.js');
-const restHelpersGet = require('./restHelpersGet-88ba0e25.js');
+require('./solution-resource-57cf345b.js');
+const restHelpersGet = require('./restHelpersGet-bf484fda.js');
 
 /** @license
  * Copyright 2022 Esri

package/dist/cjs/{utils-e486aa01.js → utils-b43fe04f.js}

@@ -5,7 +5,7 @@
  */
 'use strict';
 
-const locale = require('./locale-239118c6.js');
+const locale = require('./locale-a1bcb6eb.js');
 const index = require('./index-a0cca96e.js');
 
 exports.EInputType = void 0;

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

@@ -24,6 +24,7 @@ import { queryFeaturesByID } from "../../utils/queryUtils";
 import { getLayerOrTable } from "../../utils/mapViewUtils";
 export class CardManager {
     constructor() {
+        this.enableEditGeometry = false;
         this.isMobile = undefined;
         this.layer = undefined;
         this.mapView = undefined;
@@ -91,7 +92,7 @@ export class CardManager {
     render() {
         const featuresClass = this._graphics?.length > 0 ? "" : "display-none";
         const messageClass = this._graphics?.length > 0 ? "display-none" : "";
-        return (h(Host, { key: '343554e5408de156f1973f6d1e3daa8f1ba90675' }, h("div", { key: '1852562a795002314236052351cab7c29d36854e', class: "overflow-auto height-full" }, h("calcite-shell", { key: '684f013e4397bc50743526357384f782a88a5cd3', class: "position-relative " + featuresClass }, h("div", { key: 'db6d9f4be5448b5596b22f2a4f49c6baefa88466' }, h("info-card", { key: 'be5cec81cae7ca00a5b57c8d9590541f78b67fbd', graphics: this._graphics, isLoading: this._cardLoading, isMobile: this.isMobile, mapView: this.mapView }))), h("calcite-shell", { key: 'df34e0ae6978298130970c60d21203f52fa32e4b', class: "position-relative " + messageClass }, h("div", { key: '9525a95dd21745e211ebf888da44eca6a6c17721', class: "padding-1" }, h("calcite-notice", { key: 'ade0e0a2f09bbe7b7bda6fdb2ce65ba81121e633', icon: "table", open: true }, h("div", { key: 'd6fce2d657e23738720e004177c510c3273017f4', slot: "message" }, this._translations.selectFeaturesToStart)))))));
+        return (h(Host, { key: 'ff2b82f23cc912a79d4f2d04a3263215e54ff03d' }, h("div", { key: '64a96d7162508794b955dc4b557fa94d18f8ab53', class: "overflow-auto height-full" }, h("calcite-shell", { key: '77b8ad0b9a459d2fb9399ccfebc6d0211147bb01', class: "position-relative " + featuresClass }, h("div", { key: 'e0725835f5c1c32a9164e04d6321ba5853a3892c' }, h("info-card", { key: '6712a077c4746585e7b2474aedd14e1869b37c34', enableEditGeometry: this.enableEditGeometry, graphics: this._graphics, isLoading: this._cardLoading, isMobile: this.isMobile, mapView: this.mapView }))), h("calcite-shell", { key: '38c85dbb72df9b9b1225f1488c3bf384f67d7db4', class: "position-relative " + messageClass }, h("div", { key: '66386d1a0d19fb4a023515e5dc4b41ac73a8c257', class: "padding-1" }, h("calcite-notice", { key: '12a843bede7b688651b436bcb9b7ad9e7f6217e0', icon: "table", open: true }, h("div", { key: '28862f4aa25802ca6b2bdc0ef2af3bcb825267f9', slot: "message" }, this._translations.selectFeaturesToStart)))))));
     }
     //--------------------------------------------------------------------------
     //
@@ -121,6 +122,24 @@ export class CardManager {
     }
     static get properties() {
         return {
+            "enableEditGeometry": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "When true the geometry of the current feature will be editable"
+                },
+                "attribute": "enable-edit-geometry",
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "isMobile": {
                 "type": "boolean",
                 "mutable": false,

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

@@ -42,7 +42,6 @@ export class CrowdsourceManager {
         this.enableFloorFilter = true;
         this.enableFullscreen = true;
         this.enableHome = true;
-        this.enableInlineEdit = false;
         this.enableLegend = true;
         this.enableSearch = true;
         this.enableShare = false;
@@ -236,7 +235,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: 'b11285fd599a3fb8787f0dbe945f550d7fd91168' }, h("calcite-shell", { key: '4f22fe896b96640f39a319f4c52f943bf558fb9a', class: "position-relative" }, h("calcite-panel", { key: '4bbaddea44543ec3b479b8f4c1c0cae390c939c2', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter())));
+        return (h(Host, { key: '711376ac0d4b633b63c4c94b87f98255c3562dc1' }, h("calcite-shell", { key: 'b78e8febbbf55e0e61817c04c4838095a5de6ebe', class: "position-relative" }, h("calcite-panel", { key: '8e53369a82e75cbea09e6d4edd42f1e09954277b', class: `width-full height-full ${borderClass}` }, this._getBody(this._layoutMode, this._panelOpen, this._hideTable)), this._getFooter())));
     }
     /**
      * Called after each render
@@ -440,7 +439,7 @@ export class CrowdsourceManager {
     _getCardNode() {
         const cardManagerHeight = !this._expandPopup && !this._isMobile ? "height-50" : "height-full";
         const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
-        return (h("div", { class: `width-50 height-full ${themeClass}` }, h("card-manager", { class: `${cardManagerHeight} width-full`, isMobile: this._isMobile, mapView: this?._mapView, zoomAndScrollToSelected: this.zoomAndScrollToSelected })));
+        return (h("div", { class: `width-50 height-full ${themeClass}` }, h("card-manager", { class: `${cardManagerHeight} width-full`, enableEditGeometry: this?._mapInfo?.enableEditGeometry, isMobile: this._isMobile, mapView: this?._mapView, zoomAndScrollToSelected: this.zoomAndScrollToSelected })));
     }
     /**
      * Get the table node based for the current layout
@@ -464,7 +463,7 @@ export class CrowdsourceManager {
             this.defaultGlobalId?.indexOf(",") > -1 ? this.defaultGlobalId.split(",") : [this.defaultGlobalId];
         const defaultOid = !this.defaultOid ? undefined :
             this.defaultOid?.indexOf(",") > -1 ? this.defaultOid.split(",").map(o => parseInt(o, 10)) : [parseInt(this.defaultOid, 10)];
-        return (h("calcite-shell", { class: `${tableSizeClass} ${tableClass} border-bottom` }, !this._isMobile ? (h("calcite-action-bar", { class: "border-sides", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), text: "" }), h("calcite-tooltip", { label: tooltip, placement: "bottom", "reference-element": id }, h("span", null, tooltip)))) : undefined, h("div", { class: `width-full height-full position-relative` }, h("layer-table", { defaultGlobalId: hasMapAndLayer ? globalId : undefined, defaultLayerId: hasMapAndLayer ? this.defaultLayer : "", defaultOid: hasMapAndLayer && !globalId ? defaultOid : undefined, enableAutoRefresh: this.enableAutoRefresh, enableCSV: this.enableCSV, enableColumnReorder: this.enableColumnReorder, enableInlineEdit: this.enableInlineEdit, enableShare: this.enableShare, isMobile: this._isMobile, mapHidden: this._expandPopup, mapInfo: this._mapInfo, mapView: this?._mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, ref: (el) => this._layerTable = el, shareIncludeEmbed: this.shareIncludeEmbed, shareIncludeSocial: this.shareIncludeSocial, showNewestFirst: this.showNewestFirst, zoomAndScrollToSelected: this.zoomAndScrollToSelected, zoomToScale: this.zoomToScale }))));
+        return (h("calcite-shell", { class: `${tableSizeClass} ${tableClass} border-bottom` }, !this._isMobile ? (h("calcite-action-bar", { class: "border-sides", expandDisabled: true, layout: toggleLayout, slot: toggleSlot }, h("calcite-action", { class: "toggle-node", icon: icon, id: id, onClick: () => this._toggleLayout(), text: "" }), h("calcite-tooltip", { label: tooltip, placement: "bottom", "reference-element": id }, h("span", null, tooltip)))) : undefined, h("div", { class: `width-full height-full position-relative` }, h("layer-table", { defaultGlobalId: hasMapAndLayer ? globalId : undefined, defaultLayerId: hasMapAndLayer ? this.defaultLayer : "", defaultOid: hasMapAndLayer && !globalId ? defaultOid : undefined, enableAutoRefresh: this.enableAutoRefresh, enableCSV: this.enableCSV, enableColumnReorder: this.enableColumnReorder, enableInlineEdit: this?._mapInfo?.enableInlineEdit, enableShare: this.enableShare, isMobile: this._isMobile, mapHidden: this._expandPopup, mapInfo: this._mapInfo, mapView: this?._mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, ref: (el) => this._layerTable = el, shareIncludeEmbed: this.shareIncludeEmbed, shareIncludeSocial: this.shareIncludeSocial, showNewestFirst: this.showNewestFirst, zoomAndScrollToSelected: this.zoomAndScrollToSelected, zoomToScale: this.zoomToScale }))));
     }
     /**
      * Update the component layout when its size changes
@@ -902,24 +901,6 @@ export class CrowdsourceManager {
                 "reflect": false,
                 "defaultValue": "true"
             },
-            "enableInlineEdit": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "boolean: when true edits can be applied directly within the table"
-                },
-                "attribute": "enable-inline-edit",
-                "reflect": false,
-                "defaultValue": "false"
-            },
             "enableLegend": {
                 "type": "boolean",
                 "mutable": false,

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

@@ -24,6 +24,7 @@ import { getLocaleComponentStrings } from "../../utils/locale";
 import { getAllLayers } from "../../utils/mapViewUtils";
 export class EditCard {
     constructor() {
+        this.enableEditGeometry = false;
         this.graphics = undefined;
         this.mapView = undefined;
         this.open = false;
@@ -193,7 +194,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: '80acdd7d9b9441be28664ab60b7ad5d19c633bdd' }, h("div", { key: 'c8e41f2f7f3d5fcc4f49dd42b1f530c9e422cc8a', 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: '4b93fef902254d2a55e997bccdb4e16ee67c3c75', class: "position-absolute" }, h("div", { key: '1794c5c246ab90b2915a15a15077ae7d82ec567c', class: tableNodeClass, id: "feature-form", ref: (el) => this._editContainer = el }), h("calcite-loader", { key: '001162f8ae947cae915de33c16a116efd7795f75', class: loadingClass, label: "", scale: "s" })))));
+        return (h(Host, { key: '5f81ea077d226b6bccf489c0628bf425df078d3a' }, h("div", { key: 'b66be8fe337bdedfe55d5897d044e5d2f6741c7e', 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: '58c7c0ff41141280c69d6477b3699bc6960b7a0a', class: "position-absolute" }, h("div", { key: '6b853f84699c0dcbeb867c13b7cd84f6316d87a9', class: tableNodeClass, id: "feature-form", ref: (el) => this._editContainer = el }), h("calcite-loader", { key: '2a30bcd6e2fad7f65d16b167cf9d1cdc7549ca01', class: loadingClass, label: "", scale: "s" })))));
     }
     //--------------------------------------------------------------------------
     //
@@ -226,7 +227,7 @@ export class EditCard {
             const layerInfos = layers.map(layer => {
                 return {
                     layer,
-                    geometryUpdatesEnabled: false
+                    geometryUpdatesEnabled: this.enableEditGeometry
                 };
             });
             this._editor = new this.Editor({
@@ -310,6 +311,24 @@ export class EditCard {
     }
     static get properties() {
         return {
+            "enableEditGeometry": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "When true the geometry of the current feature will be editable"
+                },
+                "attribute": "enable-edit-geometry",
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "graphics": {
                 "type": "unknown",
                 "mutable": true,

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

@@ -24,6 +24,7 @@ import { loadModules } from "../../utils/loadModules";
 import { PopupUtils } from "../../utils/popupUtils";
 export class InfoCard {
     constructor() {
+        this.enableEditGeometry = false;
         this.graphics = undefined;
         this.isLoading = false;
         this.isMobile = undefined;
@@ -231,8 +232,8 @@ export class InfoCard {
         const id = this._features?.selectedFeature?.getObjectId();
         const ids = parseInt(id?.toString(), 10) > -1 ? [id] : [];
         const deleteEnabled = this._layer?.editingEnabled && this._layer?.capabilities?.operations?.supportsDelete;
-        return (h(Host, { key: 'ac9c78b064154a666a50e7e8540f13bd541c4d37' }, h("calcite-shell", { key: 'e12b6fd8ac5f92282899edceb5818764fb543301', style: { position: this.position } }, this._getHeader(), h("calcite-loader", { key: 'e73db3c6f71cddf497cb20e1f59e9f1d8b1ecdd6', class: loadingClass, label: this._translations.fetchingData }), h("div", { key: 'ab1913d90206219978d425a45f312da3e73bcca8', class: "esri-widget feature-node " + featureNodeClass, id: this._featuresNodeId }), h("div", { key: '67242dfb2b219e71a135c88d9d5e2fd40b083226', class: `${editButtonClass} width-100`, slot: "footer" }, this.allowEditing &&
-            h("div", { key: '25ee3d9374a5ce97c4fcd672b1f78315d1294719', class: "display-flex top-border padding-1-2" }, h("calcite-button", { key: '840e3b4ae075fbfd7836f2757128e2cfe9f267e3', appearance: "solid", id: "solutions-edit", onClick: () => this._openEditRecord(), width: "full" }, this._translations.edit), this.isMobile && deleteEnabled ? (h("delete-button", { class: "padding-inline-start-1 width-100", id: "solutions-delete", ids: ids, layer: this._layer, onEditsComplete: () => this._closePopup() })) : undefined, h("calcite-tooltip", { key: '747436c3815e94976c2838777a26185c9cb7ab28', placement: "bottom", "reference-element": "solutions-edit" }, h("span", { key: 'd40dbe85eddaf99acc522f305960ce59c16a8b1f' }, this._translations.edit)), this.isMobile ? (h("calcite-tooltip", { placement: "bottom", "reference-element": "solutions-delete" }, h("span", null, this._translations.delete))) : undefined), this.paginationEnabled && !nextBackDisabled && h("div", { key: '9a1b1e5d7e4432f6b2cd80f77a49f50b1910117f', class: `display-flex padding-1-2 button-container top-border ${nextBackClass}` }, h("div", { key: '9b6fd66023b514ff996107ade3af93415f1353f1' }, h("calcite-button", { key: '823bcbe1a3b592344972e6ef39fd5088ab6197fa', appearance: 'transparent', disabled: nextBackDisabled, iconStart: "chevron-left", id: "solutions-back", onClick: () => this._back(), width: "full" }), h("calcite-tooltip", { key: 'f547487c9eae179e0c65015a24432c936de2ceca', placement: "top", "reference-element": "solutions-back" }, h("span", { key: 'f6f352416103008acc20238efe7e7714fca8d05e' }, this._translations.back))), h("calcite-action", { key: '799e06b8af5df338b920ddc578fa349de469e786', class: 'pagination-action', onClick: () => this._toggleListView(), scale: "s", text: "", textEnabled: true }, h("span", { key: 'adee5b6b5149dbb4c1d6136c1314db89a04e8913', class: "pagination-count" }, this._count)), h("div", { key: '87f181c53ad1806a9831d01b54fdd51434a5a4c2' }, h("calcite-button", { key: 'a4612a6f0d9b6a9412e60022599cba536cd4f623', appearance: "transparent", disabled: nextBackDisabled, iconStart: "chevron-right", id: "solutions-next", onClick: () => this._next(), width: "full" }), h("calcite-tooltip", { key: '613849a34a568fe8df2abe8b1813070cb7a54633', placement: "top", "reference-element": "solutions-next" }, h("span", { key: '35a2e621ce4b3bccb2b859e961db1065d619b2d9' }, this._translations.next))))), h("edit-card", { key: 'a2054fc21fc09dbffc47e1a7617a4b91b29d26fd', class: editClass, graphicIndex: this._features?.selectedFeatureIndex, graphics: this.graphics, mapView: this.mapView, open: this._editRecordOpen }), h("calcite-alert", { key: 'ec0fd6540b21987c80fe2035efa96d197c1e6cec', icon: "layer-broken", kind: "warning", label: "", onCalciteAlertClose: () => this._alertClosed(), open: this._alertOpen, placement: "top" }, h("div", { key: '721a363423ec61a9645b003a7d53849137fe1b82', slot: "title" }, this._translations.editDisabled), h("div", { key: '143e9ff06f5363682e8b9e1976fdbfdd1b56f2a9', slot: "message" }, this._translations.enableEditing)))));
+        return (h(Host, { key: '2d0ebbf98b0d7e6f391d875258effbc6d4dc72f5' }, h("calcite-shell", { key: '260ac176bd21e9012f34ba66e27cd7a4ec1e7ff0', style: { position: this.position } }, this._getHeader(), h("calcite-loader", { key: 'f72c7fe39f646655f8ee71ac7d336aaf7dd3afbd', class: loadingClass, label: this._translations.fetchingData }), h("div", { key: '43933c437a046a6505e121e43736aac92382effa', class: "esri-widget feature-node " + featureNodeClass, id: this._featuresNodeId }), h("div", { key: '4433d5975b6d25dc77932f99b2b7aa9d3ade77e8', class: `${editButtonClass} width-100`, slot: "footer" }, this.allowEditing &&
+            h("div", { key: 'da7610d89193e5594429d26b805ba44ec064904f', class: "display-flex top-border padding-1-2" }, h("calcite-button", { key: 'dc22d8cf61f07085e011b45636e8f4950912e5b3', appearance: "solid", id: "solutions-edit", onClick: () => this._openEditRecord(), width: "full" }, this._translations.edit), this.isMobile && deleteEnabled ? (h("delete-button", { class: "padding-inline-start-1 width-100", id: "solutions-delete", ids: ids, layer: this._layer, onEditsComplete: () => this._closePopup() })) : undefined, h("calcite-tooltip", { key: '1ee8d69384f85258ed10946206e42634798a700b', placement: "bottom", "reference-element": "solutions-edit" }, h("span", { key: '3b8b822a40ef6932aa3ad34c8e05bb758be7aff8' }, this._translations.edit)), this.isMobile ? (h("calcite-tooltip", { placement: "bottom", "reference-element": "solutions-delete" }, h("span", null, this._translations.delete))) : undefined), this.paginationEnabled && !nextBackDisabled && h("div", { key: '172bddeb6f0f1d73dbd563e3b244c311ec4904fe', class: `display-flex padding-1-2 button-container top-border ${nextBackClass}` }, h("div", { key: '66059747f9aad9fabd26a9d7a88e4cac762e096d' }, h("calcite-button", { key: '05b36ba1d5539a16eef53e35cc88eb5134c45104', appearance: 'transparent', disabled: nextBackDisabled, iconStart: "chevron-left", id: "solutions-back", onClick: () => this._back(), width: "full" }), h("calcite-tooltip", { key: '2736e0047665272cede16b1e3b1d94495075d310', placement: "top", "reference-element": "solutions-back" }, h("span", { key: '7c40eae302564f5bcd7a10471481a65c16be9ee5' }, this._translations.back))), h("calcite-action", { key: '873d07e0ecbf456f4010c80c23baaae3f0ce6335', class: 'pagination-action', onClick: () => this._toggleListView(), scale: "s", text: "", textEnabled: true }, h("span", { key: '49dabbcabc8fb64c5cd0581f826c9570270d3ce9', class: "pagination-count" }, this._count)), h("div", { key: '570df27fa721c4cb62c9bd77d7197c830410e387' }, h("calcite-button", { key: '6bd9010b943216af756558e8f062b475d138ee49', appearance: "transparent", disabled: nextBackDisabled, iconStart: "chevron-right", id: "solutions-next", onClick: () => this._next(), width: "full" }), h("calcite-tooltip", { key: '1ee755e1694d3d4b8d6d5417056e5f287de26912', placement: "top", "reference-element": "solutions-next" }, h("span", { key: 'a59e478daa0de11a3e81c22fa61069fdb77a680c' }, this._translations.next))))), h("edit-card", { key: '7f231459e65132658f08338ca67782d1584c761d', class: editClass, enableEditGeometry: this.enableEditGeometry, graphicIndex: this._features?.selectedFeatureIndex, graphics: this.graphics, mapView: this.mapView, open: this._editRecordOpen }), h("calcite-alert", { key: '76b7c28eea68cb73549e563afcdeab5f4ecc44b8', icon: "layer-broken", kind: "warning", label: "", onCalciteAlertClose: () => this._alertClosed(), open: this._alertOpen, placement: "top" }, h("div", { key: '5d6456ce4bc64dc074b238bdf38f05436c1d0ebc', slot: "title" }, this._translations.editDisabled), h("div", { key: 'cf8ebf5e8d2277fb815afdc12ae5f9e37312b2c5', slot: "message" }, this._translations.enableEditing)))));
     }
     //--------------------------------------------------------------------------
     //
@@ -411,6 +412,24 @@ export class InfoCard {
     }
     static get properties() {
         return {
+            "enableEditGeometry": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "When true the geometry of the current feature will be editable"
+                },
+                "attribute": "enable-edit-geometry",
+                "reflect": false,
+                "defaultValue": "false"
+            },
             "graphics": {
                 "type": "unknown",
                 "mutable": false,

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

@@ -31,6 +31,9 @@ export class MapSelectTools {
         this.bufferOutlineColor = [255, 255, 255];
         this.customLabelEnabled = undefined;
         this.enabledLayerIds = [];
+        this.enableLayerFeatures = true;
+        this.enableSearchDistance = true;
+        this.enableSketchTools = true;
         this.defaultBufferDistance = undefined;
         this.defaultBufferUnit = undefined;
         this.geometries = [];
@@ -223,9 +226,9 @@ export class MapSelectTools {
             id: this.isUpdate ? this.selectionSet.id : Date.now(),
             searchResult: this._searchResult,
             buffer: this._bufferGeometry,
-            distance: this._bufferTools.distance,
+            distance: this._bufferTools?.distance,
             download: true,
-            unit: this._bufferTools.unit,
+            unit: this._bufferTools?.unit,
             label: this._selectionLabel,
             selectedIds: this._selectedIds,
             layerView: this.selectLayerView,
@@ -291,7 +294,9 @@ export class MapSelectTools {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '99818f04f6080010d564269d79ebf5e43904214f' }, this._getMapLayerPicker(), h("div", { key: '1edcedfcfef21d9c8398ee84953439538bfab8c2', class: "border-bottom" }), h("div", { key: '4d37d5523d8333fd94acf31ba8d70be775176420', class: "padding-top-sides-1" }, h("div", { key: 'cf0143a8ff5eb8851ffb960202c003904604bb45', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: 'd187c7f1485c05a9f41070f497888c700ef31867', class: "padding-top-1" }, h("map-draw-tools", { key: '416870b7e7f81614166b5381c3024af96a4cfe60', active: true, 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._getBufferOptions(), this._getUseLayerFeaturesOptions(), this._getNumSelected()), h("div", { key: '7e03cc8b0dce515e46e2701427e03d2f177092cc', class: "border-bottom" }), this._getNameInput()));
+        const mapToolsClass = this.enableSketchTools ? "" : "display-none";
+        const mapToolsContainerClass = this.enableSketchTools ? "padding-top-1" : "";
+        return (h(Host, { key: 'e6ac512fe773d0257844fcdd41afda5cd227b359' }, this._getMapLayerPicker(), h("div", { key: '3be4ed76db0d6899d984b0a2be85ebac6b7c29ae', class: "border-bottom" }), h("div", { key: 'b2a835c9096718742a54be522e1dc174d6f4da8f', class: "padding-top-sides-1" }, h("div", { key: '6133e6b951cde4504f8d19f747b4d7be5fe1d587', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: '71636d8d7f9073315daae47d55746986c54f7596', class: mapToolsContainerClass }, h("map-draw-tools", { key: '4f8d3bc3953c4bd22837536c700eff959550f1e3', 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: '4dbd38b3b88d776e8b30561841e0a288f23fc38b', class: "border-bottom" }), this._getNameInput()));
     }
     /**
      * Renders the buffer tools component.
@@ -299,14 +304,14 @@ export class MapSelectTools {
     _getBufferOptions() {
         const showBufferToolsClass = this._searchDistanceEnabled ? "search-distance" : "div-not-visible";
         const bufferDistance = typeof this.selectionSet?.distance === "number" ? this.selectionSet.distance : this.defaultBufferDistance;
-        return (h("div", null, h("div", { class: "padding-top-1 display-flex" }, h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, h("div", { class: "tooltip-container" }, this._translations.searchDistance, h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale.toLowerCase() === "he"), icon: "question", id: "search-distance-icon", scale: "s" }))), h("calcite-popover", { closable: true, label: "", referenceElement: "search-distance-icon" }, h("span", { class: "tooltip-message" }, this._translations.useSearchDistanceTootip)), h("calcite-switch", { checked: this._searchDistanceEnabled, onCalciteSwitchChange: () => this._searchDistanceEnabled = !this._searchDistanceEnabled })), h("div", { class: showBufferToolsClass }, h("buffer-tools", { disabled: !this._searchDistanceEnabled, distance: bufferDistance, geometries: this.geometries, onBufferComplete: (evt) => void this._bufferComplete(evt), ref: (el) => this._bufferTools = el, unit: this.selectionSet?.unit || this.defaultBufferUnit }))));
+        return (h("div", null, h("div", { class: "padding-top-1 display-flex" }, h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, h("div", { class: "tooltip-container" }, this._translations.searchDistance, h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "search-distance-icon", scale: "s" }))), h("calcite-popover", { closable: true, label: "", referenceElement: "search-distance-icon" }, h("span", { class: "tooltip-message" }, this._translations.useSearchDistanceTootip)), h("calcite-switch", { checked: this._searchDistanceEnabled, onCalciteSwitchChange: () => this._searchDistanceEnabled = !this._searchDistanceEnabled })), h("div", { class: showBufferToolsClass }, h("buffer-tools", { disabled: !this._searchDistanceEnabled, distance: bufferDistance, geometries: this.geometries, onBufferComplete: (evt) => void this._bufferComplete(evt), ref: (el) => this._bufferTools = el, unit: this.selectionSet?.unit || this.defaultBufferUnit }))));
     }
     /**
      * Renders the map layer picker component.
      */
     _getUseLayerFeaturesOptions() {
         const useLayerFeaturesClass = this._useLayerFeaturesEnabled ? "div-visible" : "div-not-visible";
-        return (h("div", null, h("div", { class: "padding-top-1 display-flex" }, h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, h("div", { class: "tooltip-container" }, this._translations.useLayerFeatures, h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale.toLowerCase() === "he"), icon: "question", id: "use-layer-features-icon", scale: "s" }))), h("calcite-popover", { closable: true, label: "", referenceElement: "use-layer-features-icon" }, h("span", { class: "tooltip-message" }, this._translations.useLayerFeaturesTooltip)), h("calcite-switch", { checked: this._useLayerFeaturesEnabled, onCalciteSwitchChange: () => { this._useLayerFeaturesEnabledChanged(); } })), h("div", { class: useLayerFeaturesClass + " padding-top-1" }, h("map-layer-picker", { enabledLayerIds: this.selectionLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedIds: this.layerViews.map(l => l.layer.id), showTables: false }))));
+        return (h("div", null, h("div", { class: "padding-top-1 display-flex" }, h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, h("div", { class: "tooltip-container" }, this._translations.useLayerFeatures, h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "use-layer-features-icon", scale: "s" }))), h("calcite-popover", { closable: true, label: "", referenceElement: "use-layer-features-icon" }, h("span", { class: "tooltip-message" }, this._translations.useLayerFeaturesTooltip)), h("calcite-switch", { checked: this._useLayerFeaturesEnabled, onCalciteSwitchChange: () => { this._useLayerFeaturesEnabledChanged(); } })), h("div", { class: useLayerFeaturesClass + " padding-top-1" }, h("map-layer-picker", { enabledLayerIds: this.selectionLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedIds: this.layerViews.map(l => l.layer.id), showTables: false }))));
     }
     /**
      * Renders the number of selected features
@@ -706,7 +711,9 @@ export class MapSelectTools {
         this._unit = undefined;
         if (clearLabel) {
             this._selectionLabel = "";
-            this._labelName.value = "";
+            if (this._labelName) {
+                this._labelName.value = "";
+            }
         }
         if (this._bufferGraphicsLayer) {
             this._bufferGraphicsLayer.removeAll();
@@ -755,18 +762,20 @@ export class MapSelectTools {
      * @protected
      */
     async _updateLabel() {
-        const hasSketch = this._selectionLabel.indexOf(this._translations.sketch) > -1;
-        const hasSelect = this._selectionLabel.indexOf(this._translations.select) > -1;
-        const hasSearch = this._selectionLabel.indexOf(this._searchResult?.name) > -1;
-        const label = this._workflowType === EWorkflowType.SEARCH ? this._searchResult?.name :
-            this._workflowType === EWorkflowType.SELECT ?
-                this._translations.select : this._translations.sketch;
-        const _unit = !this._unit ? this._bufferTools.unit : this._unit;
-        const unit = await this._bufferTools.getTranslatedUnit(_unit);
-        const distance = isNaN(this._distance) ? this._bufferTools.distance : this._distance;
-        this._selectionLabel = hasSketch || hasSelect || hasSearch || !this._selectionLabel ?
-            `${label} ${distance} ${unit}` : this._selectionLabel;
-        this._labelName.value = this._selectionLabel;
+        if (this.enableSearchDistance) {
+            const hasSketch = this._selectionLabel.indexOf(this._translations.sketch) > -1;
+            const hasSelect = this._selectionLabel.indexOf(this._translations.select) > -1;
+            const hasSearch = this._selectionLabel.indexOf(this._searchResult?.name) > -1;
+            const label = this._workflowType === EWorkflowType.SEARCH ? this._searchResult?.name :
+                this._workflowType === EWorkflowType.SELECT ?
+                    this._translations.select : this._translations.sketch;
+            const _unit = !this._unit ? this._bufferTools.unit : this._unit;
+            const unit = await this._bufferTools.getTranslatedUnit(_unit);
+            const distance = isNaN(this._distance) ? this._bufferTools.distance : this._distance;
+            this._selectionLabel = hasSketch || hasSelect || hasSearch || !this._selectionLabel ?
+                `${label} ${distance} ${unit}` : this._selectionLabel;
+            this._labelName.value = this._selectionLabel;
+        }
     }
     /**
      * Gets the layer views from the map when the layer selection changes
@@ -969,6 +978,60 @@ export class MapSelectTools {
                 },
                 "defaultValue": "[]"
             },
+            "enableLayerFeatures": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "boolean: When true users will be allowed to optionally use features from a layer as the selection geometry"
+                },
+                "attribute": "enable-layer-features",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "enableSearchDistance": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "boolean: When true users will be allowed to optionally create a buffer around the selection geometry"
+                },
+                "attribute": "enable-search-distance",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "enableSketchTools": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "boolean: When true sketch tools will be provided to allow users to draw a selection geometry"
+                },
+                "attribute": "enable-sketch-tools",
+                "reflect": false,
+                "defaultValue": "true"
+            },
             "defaultBufferDistance": {
                 "type": "number",
                 "mutable": false,

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

@@ -36,6 +36,9 @@ export class PublicNotification {
         this.defaultBufferUnit = undefined;
         this.defaultExportTitle = "";
         this.defaultNumLabelsPerPage = 6;
+        this.enableLayerFeatures = true;
+        this.enableSearchDistance = true;
+        this.enableSketchTools = true;
         this.featureEffect = undefined;
         this.featureHighlightEnabled = undefined;
         this.locale = undefined;
@@ -253,14 +256,14 @@ export class PublicNotification {
         await this._getTranslations();
         await this._initModules();
         this._initSymbols();
-        this._onboardingImageUrl = getAssetPath(`../assets/data/images/onboarding.png`);
+        this._onboardingImageUrl = getAssetPath(`../solutions-components/assets/data/images/onboarding.png`);
     }
     /**
      * Renders the component.
      */
     render() {
         const headerSlot = this._isMobile ? "footer" : "header";
-        return (h(Host, { key: '329b485ac7b134bf2ae1758c07a2ca7988706cb5' }, h("calcite-shell", { key: 'd8280c38878b047cdaa55beb31d8895a420f3661' }, h("calcite-action-bar", { key: 'a83fcca2612f13b3f0220b3015a96750223f016b', 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: '706cac9f6c3456220ffaa13cbe74a0b6eb60710b' }, h("calcite-shell", { key: '2d7169374eb285efc1b0dc20f005173aa7e33f61' }, h("calcite-action-bar", { key: '66ee03cbf7ad909af37f49ed7d89146235f6a1d6', 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.
@@ -597,7 +600,7 @@ export class PublicNotification {
      */
     _getSelectPage() {
         const noticeText = this._translations.selectSearchTip;
-        return (h("calcite-panel", null, this._getLabel(this._translations.stepTwoFull, true), this._getNotice(noticeText, "padding-1", "word-wrap-anywhere"), h("div", null, h("map-select-tools", { bufferColor: this.bufferColor, bufferOutlineColor: this.bufferOutlineColor, class: "font-bold", customLabelEnabled: this.customLabelEnabled, defaultBufferDistance: this.defaultBufferDistance, defaultBufferUnit: this.defaultBufferUnit, enabledLayerIds: this.addresseeLayerIds, isUpdate: !!this._activeSelection, locale: this.locale, mapView: this.mapView, noResultText: this.noResultText, onSelectionSetChange: (evt) => this._updateForSelection(evt), ref: (el) => { this._selectTools = el; }, searchConfiguration: this._searchConfiguration, selectionLayerIds: this.selectionLayerIds, selectionSet: this._activeSelection, sketchLineSymbol: this.sketchLineSymbol, sketchPointSymbol: this.sketchPointSymbol, sketchPolygonSymbol: this.sketchPolygonSymbol })), this._getPageNavButtons(this._translations.done, this._numSelected === 0, () => { void this._saveSelection(); }, this._translations.cancel, false, () => { void this._home(); })));
+        return (h("calcite-panel", null, this._getLabel(this._translations.stepTwoFull, true), this._getNotice(noticeText, "padding-1", "word-wrap-anywhere"), h("div", null, h("map-select-tools", { bufferColor: this.bufferColor, bufferOutlineColor: this.bufferOutlineColor, class: "font-bold", customLabelEnabled: this.customLabelEnabled, defaultBufferDistance: this.defaultBufferDistance, defaultBufferUnit: this.defaultBufferUnit, enableLayerFeatures: this.enableLayerFeatures, enableSearchDistance: this.enableSearchDistance, enableSketchTools: this.enableSketchTools, enabledLayerIds: this.addresseeLayerIds, isUpdate: !!this._activeSelection, locale: this.locale, mapView: this.mapView, noResultText: this.noResultText, onSelectionSetChange: (evt) => this._updateForSelection(evt), ref: (el) => { this._selectTools = el; }, searchConfiguration: this._searchConfiguration, selectionLayerIds: this.selectionLayerIds, selectionSet: this._activeSelection, sketchLineSymbol: this.sketchLineSymbol, sketchPointSymbol: this.sketchPointSymbol, sketchPolygonSymbol: this.sketchPolygonSymbol })), this._getPageNavButtons(this._translations.done, this._numSelected === 0, () => { void this._saveSelection(); }, this._translations.cancel, false, () => { void this._home(); })));
     }
     /**
      * Create the main download page that has the shared aspects of both PDF and CSV
@@ -609,7 +612,7 @@ export class PublicNotification {
     _getExportPage() {
         const hasSelections = this._hasSelections(this.showRefineSelection);
         const displayDuplicatesClass = this._numDuplicates > 0 ? "display-block" : "display-none";
-        return (h("calcite-panel", null, h("div", null, this._getLabel(this._translations.export, false), hasSelections ? (h("div", null, this._getNotice(this._translations.exportTip, "padding-sides-1"), this._getLabel(this._translations.exportListsLabel), this._getExportSelectionLists(), h("div", { class: "padding-sides-1 " + displayDuplicatesClass }, h("div", { class: "display-flex" }, h("calcite-label", { layout: "inline" }, h("calcite-checkbox", { ref: (el) => { this._removeDuplicates = el; } }), h("div", { class: "display-flex" }, this._translations.removeDuplicate, h("div", { class: "info-message padding-start-1-2" }, h("calcite-input-message", { class: "info-blue margin-top-0", scale: "m" }, ` ${this._translations.numDuplicates.replace("{{n}}", this._numDuplicates.toString())}`)))), h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale.toLowerCase() === "he"), icon: "question", id: "remove-duplicates-icon", scale: "s" })), h("calcite-popover", { closable: true, label: "", referenceElement: "remove-duplicates-icon" }, h("span", { class: "tooltip-message" }, this._translations.duplicatesTip))), h("div", { class: "border-bottom" }), h("div", { class: "padding-top-sides-1" }, h("calcite-segmented-control", { class: "w-100", onCalciteSegmentedControlChange: (evt) => this._exportTypeChange(evt), width: "full" }, h("calcite-segmented-control-item", { checked: this._exportType === EExportType.PDF, class: "w-50 end-border", value: EExportType.PDF }, h("span", { class: "font-weight-500" }, this._translations.pdf)), h("calcite-segmented-control-item", { checked: this._exportType === EExportType.CSV, class: "w-50", value: EExportType.CSV }, h("span", { class: "font-weight-500" }, this._translations.csv)))), h("div", { class: "padding-bottom-1" }, this._getExportOptions()), h("div", { class: "padding-1 display-flex" }, h("calcite-button", { disabled: (!this._downloadActive || this._fetchingData) || (!this._addMap && !this._addResults), loading: this._fetchingData, onClick: () => void this._export(), width: "full" }, h("span", { class: "font-weight-500" }, this._translations.export))))) : (this._getNotice(this._translations.downloadNoLists, "padding-sides-1 padding-bottom-1")))));
+        return (h("calcite-panel", null, h("div", null, this._getLabel(this._translations.export, false), hasSelections ? (h("div", null, this._getNotice(this._translations.exportTip, "padding-sides-1"), this._getLabel(this._translations.exportListsLabel), this._getExportSelectionLists(), h("div", { class: "padding-sides-1 " + displayDuplicatesClass }, h("div", { class: "display-flex" }, h("calcite-label", { layout: "inline" }, h("calcite-checkbox", { ref: (el) => { this._removeDuplicates = el; } }), h("div", { class: "display-flex" }, this._translations.removeDuplicate, h("div", { class: "info-message padding-start-1-2" }, h("calcite-input-message", { class: "info-blue margin-top-0", scale: "m" }, ` ${this._translations.numDuplicates.replace("{{n}}", this._numDuplicates.toString())}`)))), h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "remove-duplicates-icon", scale: "s" })), h("calcite-popover", { closable: true, label: "", referenceElement: "remove-duplicates-icon" }, h("span", { class: "tooltip-message" }, this._translations.duplicatesTip))), h("div", { class: "border-bottom" }), h("div", { class: "padding-top-sides-1" }, h("calcite-segmented-control", { class: "w-100", onCalciteSegmentedControlChange: (evt) => this._exportTypeChange(evt), width: "full" }, h("calcite-segmented-control-item", { checked: this._exportType === EExportType.PDF, class: "w-50 end-border", value: EExportType.PDF }, h("span", { class: "font-weight-500" }, this._translations.pdf)), h("calcite-segmented-control-item", { checked: this._exportType === EExportType.CSV, class: "w-50", value: EExportType.CSV }, h("span", { class: "font-weight-500" }, this._translations.csv)))), h("div", { class: "padding-bottom-1" }, this._getExportOptions()), h("div", { class: "padding-1 display-flex" }, h("calcite-button", { disabled: (!this._downloadActive || this._fetchingData) || (!this._addMap && !this._addResults), loading: this._fetchingData, onClick: () => void this._export(), width: "full" }, h("span", { class: "font-weight-500" }, this._translations.export))))) : (this._getNotice(this._translations.downloadNoLists, "padding-sides-1 padding-bottom-1")))));
     }
     /**
      * Store the user selected export type CSV || PDF
@@ -630,7 +633,7 @@ export class PublicNotification {
         const graphicsOptionsClass = this._addMap ? "display-flex" : "display-none";
         const title = this._titleValue ? this._titleValue : this.defaultExportTitle ? this.defaultExportTitle : "";
         const formatOptionsClass = this._addResults ? "" : "display-none";
-        return (h("div", { class: displayClass }, this._getLabel(this._translations.pdfOptions, true), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addResults, onCalciteCheckboxChange: () => this._addResults = !this._addResults }), this._translations.addResults)), h("div", { class: `padding-top-sides-1 ${formatOptionsClass}` }, h("calcite-label", { class: "label-margin-0" }, this._translations.selectPDFLabelOption)), h("div", { class: `padding-sides-1 ${formatOptionsClass}` }, h("pdf-download", { defaultNumLabelsPerPage: parseInt(this.defaultNumLabelsPerPage.toString(), 10), disabled: !this._downloadActive, ref: (el) => { this._downloadTools = el; } })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addTitle, onCalciteCheckboxChange: () => this._addTitle = !this._addTitle }), this._translations.title)), h("div", { class: titleOptionsClass }, this._getLabel(this._translations.title, true, ""), h("calcite-input-text", { class: "padding-sides-1", onCalciteInputTextInput: () => this._changeTitle(), placeholder: this._translations.titlePlaceholder, ref: (el) => { this._titleElement = el; }, value: title })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addMap, onCalciteCheckboxChange: () => this._handleAddMapChange() }), this._translations.includeMap)), h("div", { class: `padding-top-sides-1 ${graphicsOptionsClass}` }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._exportGraphics, onCalciteCheckboxChange: () => this._handleExportGraphicsChange() }), this._translations.listGraphics), h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale.toLowerCase() === "he"), icon: "question", id: "list-graphics-icon", scale: "s" }), h("calcite-popover", { closable: true, label: "", referenceElement: "list-graphics-icon" }, h("span", { class: "tooltip-message" }, this._translations.listGraphicsTip)))));
+        return (h("div", { class: displayClass }, this._getLabel(this._translations.pdfOptions, true), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addResults, onCalciteCheckboxChange: () => this._addResults = !this._addResults }), this._translations.addResults)), h("div", { class: `padding-top-sides-1 ${formatOptionsClass}` }, h("calcite-label", { class: "label-margin-0" }, this._translations.selectPDFLabelOption)), h("div", { class: `padding-sides-1 ${formatOptionsClass}` }, h("pdf-download", { defaultNumLabelsPerPage: parseInt(this.defaultNumLabelsPerPage.toString(), 10), disabled: !this._downloadActive, ref: (el) => { this._downloadTools = el; } })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addTitle, onCalciteCheckboxChange: () => this._addTitle = !this._addTitle }), this._translations.title)), h("div", { class: titleOptionsClass }, this._getLabel(this._translations.title, true, ""), h("calcite-input-text", { class: "padding-sides-1", onCalciteInputTextInput: () => this._changeTitle(), placeholder: this._translations.titlePlaceholder, ref: (el) => { this._titleElement = el; }, value: title })), h("div", { class: "padding-top-sides-1" }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._addMap, onCalciteCheckboxChange: () => this._handleAddMapChange() }), this._translations.includeMap)), h("div", { class: `padding-top-sides-1 ${graphicsOptionsClass}` }, h("calcite-label", { class: "label-margin-0", layout: "inline" }, h("calcite-checkbox", { checked: this._exportGraphics, onCalciteCheckboxChange: () => this._handleExportGraphicsChange() }), this._translations.listGraphics), h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "list-graphics-icon", scale: "s" }), h("calcite-popover", { closable: true, label: "", referenceElement: "list-graphics-icon" }, h("span", { class: "tooltip-message" }, this._translations.listGraphicsTip)))));
     }
     /**
      * Toggle the _addMap state variable and update the graphics on the map
@@ -1215,6 +1218,60 @@ export class PublicNotification {
                 "reflect": false,
                 "defaultValue": "6"
             },
+            "enableLayerFeatures": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "boolean: When true users will be allowed to optionally use features from a layer as the selection geometry"
+                },
+                "attribute": "enable-layer-features",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "enableSearchDistance": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "boolean: When true users will be allowed to optionally create a buffer around the selection geometry"
+                },
+                "attribute": "enable-search-distance",
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "enableSketchTools": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "boolean: When true sketch tools will be provided to allow users to draw a selection geometry"
+                },
+                "attribute": "enable-sketch-tools",
+                "reflect": false,
+                "defaultValue": "true"
+            },
             "featureEffect": {
                 "type": "unknown",
                 "mutable": false,

package/dist/collection/components/refine-selection/refine-selection.js

@@ -119,7 +119,7 @@ export class RefineSelection {
      */
     render() {
         const layerPickerClass = this._enabledLayerIds.length > 1 ? "display-block" : "display-none";
-        return (h(Host, { key: '5bd1d6b85fc43ca4bfdffefd6a19bbbbd37cc13e' }, h("div", { key: '48312843133e3ece11ac8882aad91a570d809472', class: layerPickerClass + " padding-top-sides-1" }, h("div", { key: 'dea13cbbe64fff8dc6dff1ea4816229ba04c6b51', class: "display-flex" }, h("calcite-label", { key: '8184e95f8777e72e826d773aa212a32383983a51', class: "font-bold width-full label-margin-0" }, h("div", { key: 'b59989cfe2676fa520e7d2e23dd178425802536e', class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { key: '05cdb91b52893a36988aee0c15af4aabded7bb1b', class: "padding-start-1-2 icon", flipRtl: !(this.locale.toLowerCase() === "he"), icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { key: 'c1bc3c6aba428a55b21be6ac5fedbdee881aaa2f', enabledLayerIds: this._enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, ref: (el) => { this._layerPicker = el; }, selectedIds: [this._refineLayer.layer.id], showTables: false })), h("calcite-popover", { key: 'b3d82ec6d85749b4975d4c9ba35855f5dd142413', closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { key: '191e9702e37240472bbe0deda359c4dd1ca03c17', class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { key: '30bda6820fced55494db4d6ced4dee1ff20266bf', class: "padding-1" }, h("div", { key: '67ec4b94cd37dfe80700c8053fb505170f872fdf', class: "padding-bottom-1" }, h("calcite-segmented-control", { key: '707b7e1d20d65abec22727ae3750dd52aa542048', class: "w-100", width: "full" }, h("calcite-segmented-control-item", { key: '82e70596aeb5a58d9b04eb5cafd92a4251480bad', checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { key: '1cd4fba950d8590ec9af113f0eec2a6d29413f9b', class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { key: 'cff45118e731b3bcd5812752919f5fed1b8d8f0e', checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { key: 'fb603c594f7d71944bf46c11e4aa5f0ae547b560', class: "font-weight-500" }, this._translations.remove)))), h("div", { key: 'aeb9755c6e854c97045978aa1ea3ec1a32365351' }, h("map-draw-tools", { key: '2c4c973d3de9b36c07973f7250dd91e7aab833eb', active: true, drawMode: EDrawMode.REFINE, mapView: this.mapView, onDrawRedo: () => this._redo(), onDrawUndo: () => this._undo(), onSketchGraphicsChange: (evt) => this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, redoEnabled: this._refineSelectionSet?.redoStack.length > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: this._refineSelectionSet?.undoStack.length > 0 })), h("br", { key: 'dd122d761bcc924c7bcaad95342398414674e2a8' }), (h("calcite-list", { key: '49986cdfdd61369adf348beaef1a49fdd87c38b9', class: "list-border" }, this._getRefineSelectionSetList())))));
+        return (h(Host, { key: '5bd1d6b85fc43ca4bfdffefd6a19bbbbd37cc13e' }, h("div", { key: '48312843133e3ece11ac8882aad91a570d809472', class: layerPickerClass + " padding-top-sides-1" }, h("div", { key: 'dea13cbbe64fff8dc6dff1ea4816229ba04c6b51', class: "display-flex" }, h("calcite-label", { key: '8184e95f8777e72e826d773aa212a32383983a51', class: "font-bold width-full label-margin-0" }, h("div", { key: 'b59989cfe2676fa520e7d2e23dd178425802536e', class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { key: '0cdbf4745da0953434024c49a8fbc52a686e876a', class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { key: '1d62e84b9fa0fa6ac0416ecf22a52a8b72eb7529', enabledLayerIds: this._enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, ref: (el) => { this._layerPicker = el; }, selectedIds: [this._refineLayer.layer.id], showTables: false })), h("calcite-popover", { key: 'ed39858d71e1b4f128eed508e1a7fc71c5112b75', closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { key: '1c0a8e1b9a9e77b097a9e676c06c8cbc1ce4b235', class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { key: 'eceb792f9deb9cbe346173337ec254faacd3036d', class: "padding-1" }, h("div", { key: 'd172826cc5e6a206bde83fa0fed5c46fbf0422ec', class: "padding-bottom-1" }, h("calcite-segmented-control", { key: '096245916589f8486ed5f78f035a090c43749feb', class: "w-100", width: "full" }, h("calcite-segmented-control-item", { key: 'd0e5f7c7256e14421167cc9af90707d6d0457c01', checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { key: 'c5764bbb451659757c9f8fb84263255c50114e9c', class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { key: '6d1ffc481926f70176e5db3debb71daf6d782e97', checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { key: 'aa3a9d97ebcf7553729858628164a5cdbb4ab5a6', class: "font-weight-500" }, this._translations.remove)))), h("div", { key: '7d366f2bb9d91696915e6bb5aa7872c8e13c0f4b' }, h("map-draw-tools", { key: '973fc2dfe9a3bb941e1257862ee6bf478dab6963', active: true, drawMode: EDrawMode.REFINE, mapView: this.mapView, onDrawRedo: () => this._redo(), onDrawUndo: () => this._undo(), onSketchGraphicsChange: (evt) => this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, redoEnabled: this._refineSelectionSet?.redoStack.length > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: this._refineSelectionSet?.undoStack.length > 0 })), h("br", { key: 'fb6fb3c198ad97e157a3f08df1283e20928f17fd' }), (h("calcite-list", { key: 'fb32a7abec8c89d2d2073fbe741e18daba37eb6f', class: "list-border" }, this._getRefineSelectionSetList())))));
     }
     //--------------------------------------------------------------------------
     //