@esri/solutions-components 0.8.5 → 0.8.6-6.2

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

@@ -52,6 +52,7 @@ export class MapSelectTools {
         this.geometries = [];
         this.isUpdate = false;
         this.layerViews = [];
+        this.locale = undefined;
         this.mapView = undefined;
         this.noResultText = undefined;
         this.searchConfiguration = undefined;
@@ -191,7 +192,7 @@ export class MapSelectTools {
      * Renders the component.
      */
     render() {
-        return (h(Host, null, this._getMapLayerPicker(), h("div", { class: "border-bottom" }), h("div", { class: "padding-top-sides-1" }, h("div", { class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { class: "padding-top-1" }, h("map-draw-tools", { active: true, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, mapView: this.mapView, onSketchGraphicsChange: (evt) => 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", { class: "border-bottom" }), this._getNameInput()));
+        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()));
     }
     /**
      * Renders the buffer tools component.
@@ -200,14 +201,14 @@ export class MapSelectTools {
         var _a, _b;
         const showBufferToolsClass = this._searchDistanceEnabled ? "search-distance" : "div-not-visible";
         const bufferDistance = typeof ((_a = this.selectionSet) === null || _a === void 0 ? void 0 : _a.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", 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) => this._bufferComplete(evt), ref: (el) => this._bufferTools = el, unit: ((_b = this.selectionSet) === null || _b === void 0 ? void 0 : _b.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: ((_b = this.selectionSet) === null || _b === void 0 ? void 0 : _b.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", 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
@@ -236,7 +237,7 @@ export class MapSelectTools {
      * @protected
      */
     _getMapLayerPicker() {
-        return (h("div", { class: "display-flex padding-sides-1 padding-bottom-1" }, h("calcite-label", { class: "font-bold width-full label-margin-0" }, this._translations.inputLayer, h("map-layer-picker", { enabledLayerIds: this.enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => this._inputLayerSelectionChange(evt), selectedIds: this.selectLayerView ? [this.selectLayerView.layer.id] : this.selectionSet ? [this.selectionSet.layerView.layer.id] : [], showTables: false }))));
+        return (h("div", { class: "display-flex padding-sides-1 padding-bottom-1" }, h("calcite-label", { class: "font-bold width-full label-margin-0" }, this._translations.inputLayer, h("map-layer-picker", { enabledLayerIds: this.enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => void this._inputLayerSelectionChange(evt), selectedIds: this.selectLayerView ? [this.selectLayerView.layer.id] : this.selectionSet ? [this.selectionSet.layerView.layer.id] : [], showTables: false }))));
     }
     //--------------------------------------------------------------------------
     //
@@ -308,7 +309,7 @@ export class MapSelectTools {
             });
             this._selectionLabel = (_c = this.selectionSet) === null || _c === void 0 ? void 0 : _c.label;
             if (!this._useLayerFeaturesEnabled) {
-                (_d = this._drawTools) === null || _d === void 0 ? void 0 : _d.updateGraphics();
+                await ((_d = this._drawTools) === null || _d === void 0 ? void 0 : _d.updateGraphics());
             }
             await goToSelection(this.selectionSet.selectedIds, this.selectionSet.layerView, this.mapView, false);
         }
@@ -374,10 +375,9 @@ export class MapSelectTools {
      * @protected
      */
     _getSearchConfig(searchConfiguration, view) {
-        const INCLUDE_DEFAULT_SOURCES = "includeDefaultSources";
         const sources = searchConfiguration === null || searchConfiguration === void 0 ? void 0 : searchConfiguration.sources;
         if ((sources === null || sources === void 0 ? void 0 : sources.length) > 0) {
-            searchConfiguration[INCLUDE_DEFAULT_SOURCES] = false;
+            searchConfiguration = Object.assign(Object.assign({}, searchConfiguration), { includeDefaultSources: false });
             sources.forEach((source) => {
                 var _a, _b;
                 const isLayerSource = source.hasOwnProperty("layer");
@@ -427,7 +427,7 @@ export class MapSelectTools {
             }
             else {
                 this._bufferGraphicsLayer = new this.GraphicsLayer({ title, listMode: "hide" });
-                state.managedLayers.push(title);
+                state.managedLayers[title] = "buffer";
                 const sketchIndex = this.mapView.map.layers.findIndex((l) => l.title === this._translations.sketchLayer);
                 if (sketchIndex > -1) {
                     this.mapView.map.layers.add(this._bufferGraphicsLayer, sketchIndex);
@@ -454,7 +454,7 @@ export class MapSelectTools {
             }
             this._workflowType = this._useLayerFeaturesEnabled ? EWorkflowType.SELECT : EWorkflowType.SKETCH;
             if (this._workflowType === EWorkflowType.SKETCH) {
-                this._drawTools.updateGraphics();
+                await this._drawTools.updateGraphics();
             }
             await this._updateLabel();
             this._clearSearchWidget();
@@ -971,6 +971,23 @@ export class MapSelectTools {
                 },
                 "defaultValue": "[]"
             },
+            "locale": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "string: The current user locale."
+                },
+                "attribute": "locale",
+                "reflect": false
+            },
             "mapView": {
                 "type": "unknown",
                 "mutable": false,

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

@@ -179,7 +179,7 @@ export class MapTools {
         const toolMarginClass = this.enableSingleExpand ? "margin-top-1-2" : "";
         const toolOrder = this.toolOrder ? this.toolOrder : ["legend", "search", "fullscreen", "floorfilter"];
         const shadowClass = this.stackTools ? "box-shadow" : "";
-        return (h(Host, null, h("div", { class: containerClass }, this.enableSingleExpand ? (h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, h("div", { class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), h("basemap-gallery", { basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
+        return (h(Host, { key: 'a1557491ffd833bed11843dbe1bd040a9d2d6b15' }, h("div", { key: '8866b3bc6e05fa75605b078e1a3deecaf6392024', class: containerClass }, this.enableSingleExpand ? (h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, h("div", { key: '6a4e62ad1afcca39365aa965ffabedf8933051d4', class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), h("basemap-gallery", { key: '4edade9536c0912a89f6a9335ae05ae46669e14d', basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { key: '046d02c1927def025294645c6e855906fabd30aa', class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { key: '54575e31073bdc68b611939eb0e619e4479b26f3', class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { key: '9a54a22e12c372dd85717f83cf31b4ace80489eb', class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { key: 'ffadf501a03186ed6f2fec8754cd758faea5b4dd', class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/pci-calculator/pci-calculator.js

@@ -55,7 +55,7 @@ export class PciCalculator {
     render() {
         const pciClass = !this.showAddDeduct ? "display-grid" : "display-none";
         const deductClass = this.showAddDeduct ? "position-relative" : "display-none";
-        return (h(Host, null, h("div", { class: pciClass }, h("div", { class: "label-display" }, h("calcite-label", { class: "label-display" }, "Enter comma delimited deduct values", this._getDeductValuesInput())), h("div", null, this._getCalculateButton())), h("div", { class: deductClass }, h("div", { class: "position-right" }, h("calcite-action", { appearance: 'transparent', class: "float-end", icon: "x", onClick: () => this._toggleShowAddDeduct(), scale: "s", text: '' })), h("deduct-calculator", { class: "display-grid padding-top-1", onDeductValueComplete: (evt) => this._addDeductValue(evt) }))));
+        return (h(Host, { key: '233eb3eff2bc15f80185cb307036525e29fe8f5b' }, h("div", { key: 'db45b9f334c57a2b0100b8f4b4ad3c3744410acf', class: pciClass }, h("div", { key: 'eb8750201d287d5558167501aa7ef96eacfa3ae4', class: "label-display" }, h("calcite-label", { key: 'da7df5155e6913225e7e7518fb5e6a4653c9bf52', class: "label-display" }, "Enter comma delimited deduct values", this._getDeductValuesInput())), h("div", { key: 'fb09ba5c7f6eab2463d6f170ba123fbfa71bffd2' }, this._getCalculateButton())), h("div", { key: 'f95f8ae0cdb7130af0dad47c55996556ad02ae34', class: deductClass }, h("div", { key: '6ac0a2b8486706dfa8cd00a53cad3e549d87ce52', class: "position-right" }, h("calcite-action", { key: 'c88e53dcfda877905a674a5dee2c4385651db92a', appearance: 'transparent', class: "float-end", icon: "x", onClick: () => this._toggleShowAddDeduct(), scale: "s", text: '' })), h("deduct-calculator", { key: '58396ab41f9d83629fe504b208eb3168dd86ceb8', class: "display-grid padding-top-1", onDeductValueComplete: (evt) => this._addDeductValue(evt) }))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/pdf-download/pdf-download.js

@@ -88,7 +88,7 @@ export class PdfDownload {
      * Renders the component.
      */
     render() {
-        return (h(Host, null, h("calcite-select", { disabled: this.disabled, label: "", ref: (el) => { this._labelInfoElement = el; } })));
+        return (h(Host, { key: '7474ef13bc67b7c69b0605239748ec9f1816b3be' }, h("calcite-select", { key: '2a6d379cb08aef1cafd5f568438f9981cef26962', disabled: this.disabled, label: "", ref: (el) => { this._labelInfoElement = el; } })));
     }
     componentDidLoad() {
         // Render the options outside of Stencil's rendering so that it doesn't mangle RTL text with embedded LTR

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

@@ -50,6 +50,7 @@ export class PublicNotification {
         this.defaultNumLabelsPerPage = 6;
         this.featureEffect = undefined;
         this.featureHighlightEnabled = undefined;
+        this.locale = undefined;
         this.mapView = undefined;
         this.noResultText = undefined;
         this.searchConfiguration = undefined;
@@ -59,6 +60,7 @@ export class PublicNotification {
         this.sketchLineSymbol = undefined;
         this.sketchPointSymbol = undefined;
         this.sketchPolygonSymbol = undefined;
+        this._exportGraphics = false;
         this._addMap = false;
         this._addResults = true;
         this._addTitle = false;
@@ -104,7 +106,9 @@ export class PublicNotification {
     /**
      * Called each time the sketchLineSymbol prop is changed.
      */
-    async sketchLineSymbolWatchHandler(v, oldV) {
+    async sketchLineSymbolWatchHandler(
+    // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents
+    v, oldV) {
         if (v && JSON.stringify(v) !== JSON.stringify(oldV)) {
             this._setLineSymbol(v);
         }
@@ -112,7 +116,9 @@ export class PublicNotification {
     /**
      * Called each time the sketchPointSymbol prop is changed.
      */
-    async sketchPointSymbolWatchHandler(v, oldV) {
+    async sketchPointSymbolWatchHandler(
+    // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents
+    v, oldV) {
         if (v && JSON.stringify(v) !== JSON.stringify(oldV)) {
             this._setPointSymbol(v);
         }
@@ -120,7 +126,9 @@ export class PublicNotification {
     /**
      * Called each time the sketchPolygonSymbol prop is changed.
      */
-    async sketchPolygonSymbolWatchHandler(v, oldV) {
+    async sketchPolygonSymbolWatchHandler(
+    // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents
+    v, oldV) {
         if (v && JSON.stringify(v) !== JSON.stringify(oldV)) {
             this._setPolygonSymbol(v);
         }
@@ -137,6 +145,7 @@ export class PublicNotification {
         if (pageType === EPageType.EXPORT) {
             this._fetchingData = true;
             this._numDuplicates = await this._getNumDuplicates();
+            this._updateExportGraphics();
             this._fetchingData = false;
         }
         this._clearHighlight();
@@ -144,6 +153,9 @@ export class PublicNotification {
             // clear any draw shapes or buffers
             await this._clearSelection();
         }
+        if (oldPageType === EPageType.EXPORT) {
+            this._removeExportGraphics();
+        }
         if (pageType !== EPageType.SELECT) {
             return this._highlightFeatures();
         }
@@ -180,7 +192,7 @@ export class PublicNotification {
      */
     render() {
         const headerSlot = this._isMobile ? "footer" : "header";
-        return (h(Host, null, h("calcite-shell", null, h("calcite-action-bar", { 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: '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))));
     }
     /**
      * StencilJS: Called once just after the component is first loaded.
@@ -207,12 +219,14 @@ export class PublicNotification {
      * @protected
      */
     async _initModules() {
-        const [geometryEngine, jsonUtils] = await loadModules([
+        const [geometryEngine, jsonUtils, graphic] = await loadModules([
             "esri/geometry/geometryEngine",
-            "esri/symbols/support/jsonUtils"
+            "esri/symbols/support/jsonUtils",
+            "esri/Graphic"
         ]);
         this._geometryEngine = geometryEngine;
         this._jsonUtils = jsonUtils;
+        this.Graphic = graphic;
     }
     /**
      * Load the search configuration
@@ -247,7 +261,9 @@ export class PublicNotification {
      *
      * @protected
      */
-    _setLineSymbol(v) {
+    _setLineSymbol(
+    // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents
+    v) {
         const isSymbol = (v === null || v === void 0 ? void 0 : v.type) === 'simple-line';
         this.sketchLineSymbol = isSymbol ? v : this._jsonUtils.fromJSON(v ? v : {
             "type": "esriSLS",
@@ -263,7 +279,9 @@ export class PublicNotification {
      *
      * @protected
      */
-    _setPointSymbol(v) {
+    _setPointSymbol(
+    // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents
+    v) {
         const isSymbol = (v === null || v === void 0 ? void 0 : v.type) === 'simple-marker';
         this.sketchPointSymbol = isSymbol ? v : this._jsonUtils.fromJSON(v ? v : {
             "type": "esriSMS",
@@ -288,7 +306,9 @@ export class PublicNotification {
      *
      * @protected
      */
-    _setPolygonSymbol(v) {
+    _setPolygonSymbol(
+    // eslint-disable-next-line @typescript-eslint/no-redundant-type-constituents
+    v) {
         const isSymbol = (v === null || v === void 0 ? void 0 : v.type) === 'simple-fill';
         this.sketchPolygonSymbol = isSymbol ? v : this._jsonUtils.fromJSON(v ? v : {
             "type": "esriSFS",
@@ -380,7 +400,7 @@ export class PublicNotification {
      * @protected
      */
     _getOnboardingImage() {
-        return (h("div", { class: "display-flex padding-sides-1" }, h("img", { class: "img-container", src: this._onboardingImageUrl })));
+        return (h("div", { class: "display-flex padding-sides-1" }, h("img", { class: "img-container", role: "presentation", src: this._onboardingImageUrl })));
     }
     /**
      * Create the selection sets list node for the List page
@@ -510,7 +530,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, 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, 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
@@ -522,7 +542,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", 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
@@ -540,9 +560,107 @@ export class PublicNotification {
     _getExportOptions() {
         const displayClass = this._exportType === EExportType.PDF ? "display-block" : "display-none";
         const titleOptionsClass = this._addTitle ? "display-block" : "display-none";
+        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._addMap = !this._addMap }), this._translations.includeMap))));
+        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
+     *
+     * @protected
+     */
+    _handleAddMapChange() {
+        this._addMap = !this._addMap;
+        this._updateExportGraphics();
+    }
+    /**
+     * Toggle the _exportGraphics state variable and update the graphics on the map
+     *
+     * @protected
+     */
+    _handleExportGraphicsChange() {
+        this._exportGraphics = !this._exportGraphics;
+        this._updateExportGraphics();
+    }
+    /**
+     * Get the "sketch" or "buffer" graphics layer
+     *
+     * @param type The type of managed layer to fetch "sketch" | "buffer"
+     *
+     * @protected
+     */
+    _getManagedLayer(type) {
+        let layer;
+        Object.keys(state.managedLayers).some((k) => {
+            const i = this.mapView.map.layers.findIndex((l) => l.title === k);
+            if (state.managedLayers[k] === type) {
+                layer = this.mapView.map.layers.getItemAt(i);
+                return true;
+            }
+        });
+        return layer;
+    }
+    /**
+     * Update the export graphics by adding or removeing them
+     *
+     * @param clear When true the graphics layers will be cleared prior to adding any new graphics, defaults to false
+     *
+     * @protected
+     */
+    _updateExportGraphics(clear = false) {
+        if (clear || !this._exportGraphics || !this._addMap) {
+            this._removeExportGraphics();
+        }
+        if (this._exportGraphics && this._addMap) {
+            this._addExportGraphics();
+        }
+    }
+    /**
+     * Remove all buffer and sketch graphics
+     *
+     * @protected
+     */
+    _removeExportGraphics() {
+        const sketchLayer = this._getManagedLayer("sketch");
+        const bufferLayer = this._getManagedLayer("buffer");
+        if (sketchLayer) {
+            sketchLayer.graphics.removeAll();
+        }
+        if (bufferLayer) {
+            bufferLayer.graphics.removeAll();
+        }
+    }
+    /**
+     * Add all buffer and sketch graphics that are flagged for download
+     *
+     * @protected
+     */
+    _addExportGraphics() {
+        const sketchLayer = this._getManagedLayer("sketch");
+        const bufferLayer = this._getManagedLayer("buffer");
+        this._selectionSets.forEach(ss => {
+            if (ss.download) {
+                if (sketchLayer) {
+                    sketchLayer.graphics.add(ss.sketchGraphic);
+                }
+                if (bufferLayer) {
+                    const symbol = {
+                        type: "simple-fill",
+                        color: this.bufferColor,
+                        outline: {
+                            color: this.bufferOutlineColor,
+                            width: 1
+                        }
+                    };
+                    const bufferGraphic = new this.Graphic({
+                        geometry: ss.buffer,
+                        symbol
+                    });
+                    bufferLayer.graphics.add(bufferGraphic);
+                }
+            }
+        });
     }
     /**
      * Render the refine page
@@ -551,7 +669,7 @@ export class PublicNotification {
      */
     _getRefinePage() {
         const hasSelections = this._hasSelections();
-        return (h("calcite-panel", null, this._getLabel(this._translations.refineSelection), hasSelections ? (h("div", null, this._getNotice(this._translations.refineTip, "padding-sides-1"), h("refine-selection", { enabledLayerIds: this.selectionLayerIds, mapView: this.mapView, selectionSets: this._selectionSets, sketchLineSymbol: this.sketchLineSymbol, sketchPointSymbol: this.sketchPointSymbol, sketchPolygonSymbol: this.sketchPolygonSymbol }))) :
+        return (h("calcite-panel", null, this._getLabel(this._translations.refineSelection), hasSelections ? (h("div", null, this._getNotice(this._translations.refineTip, "padding-sides-1"), h("refine-selection", { enabledLayerIds: this.selectionLayerIds, locale: this.locale, mapView: this.mapView, selectionSets: this._selectionSets, sketchLineSymbol: this.sketchLineSymbol, sketchPointSymbol: this.sketchPointSymbol, sketchPolygonSymbol: this.sketchPolygonSymbol }))) :
             this._getNotice(this._translations.refineTipNoSelections, "padding-sides-1")));
     }
     /**
@@ -636,6 +754,7 @@ export class PublicNotification {
             isActive = ss.download ? true : isActive;
             return ss;
         });
+        this._updateExportGraphics(true);
         this._downloadActive = isActive;
         this._fetchingData = true;
         this._numDuplicates = await this._getNumDuplicates();
@@ -740,7 +859,7 @@ export class PublicNotification {
      * @protected
      */
     _getAction(enabled, icon, text, onClick, indicator = false, slot = "") {
-        return (h("calcite-action", { disabled: !enabled, icon: icon, indicator: indicator, onClick: onClick, slot: slot, text: text }));
+        return (h("calcite-action", { disabled: !enabled, icon: icon, iconFlipRtl: true, indicator: indicator, onClick: onClick, slot: slot, text: text }));
     }
     /**
      * Store the number of selected features and if it's more than one enable save
@@ -1071,6 +1190,23 @@ export class PublicNotification {
                 "attribute": "feature-highlight-enabled",
                 "reflect": false
             },
+            "locale": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "string: The current user locale."
+                },
+                "attribute": "locale",
+                "reflect": false
+            },
             "mapView": {
                 "type": "unknown",
                 "mutable": false,
@@ -1251,6 +1387,7 @@ export class PublicNotification {
     }
     static get states() {
         return {
+            "_exportGraphics": {},
             "_addMap": {},
             "_addResults": {},
             "_addTitle": {},

package/dist/collection/components/refine-results-flow-item/refine-results-flow-item.js

@@ -56,7 +56,7 @@ export class RefineResultsFlowItem {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, null, h("slot", null)));
+        return (h(Host, { key: '104457a5adda26509038d324510d96303fc116ec' }, h("slot", { key: 'b20c4a07d8a74354ce7c1dc6aa56dda863b041c9' })));
     }
     static get is() { return "refine-results-flow-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,6 +49,7 @@ export class RefineSelection {
         this._featuresCollection = {};
         this.addresseeLayer = undefined;
         this.enabledLayerIds = [];
+        this.locale = undefined;
         this.mapView = undefined;
         this.selectionSets = [];
         this.sketchLineSymbol = undefined;
@@ -77,7 +78,7 @@ export class RefineSelection {
     render() {
         var _a, _b;
         const layerPickerClass = this._enabledLayerIds.length > 1 ? "display-block" : "display-none";
-        return (h(Host, null, h("div", { class: layerPickerClass + " padding-top-sides-1" }, h("div", { class: "display-flex" }, h("calcite-label", { class: "font-bold width-full label-margin-0" }, h("div", { class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { class: "padding-start-1-2 icon", icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { 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", { closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { class: "padding-1" }, h("div", { class: "padding-bottom-1" }, h("calcite-segmented-control", { class: "w-100", width: "full" }, h("calcite-segmented-control-item", { checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { class: "font-weight-500" }, this._translations.remove)))), h("div", null, h("map-draw-tools", { 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: ((_a = this._refineSelectionSet) === null || _a === void 0 ? void 0 : _a.redoStack.length) > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: ((_b = this._refineSelectionSet) === null || _b === void 0 ? void 0 : _b.undoStack.length) > 0 })), h("br", null), (h("calcite-list", { 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: '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: ((_a = this._refineSelectionSet) === null || _a === void 0 ? void 0 : _a.redoStack.length) > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: ((_b = this._refineSelectionSet) === null || _b === void 0 ? void 0 : _b.undoStack.length) > 0 })), h("br", { key: 'dd122d761bcc924c7bcaad95342398414674e2a8' }), (h("calcite-list", { key: '49986cdfdd61369adf348beaef1a49fdd87c38b9', class: "list-border" }, this._getRefineSelectionSetList())))));
     }
     //--------------------------------------------------------------------------
     //
@@ -293,7 +294,7 @@ export class RefineSelection {
         });
         const oids = Array.isArray(graphics) ? graphics.map(g => { var _a; return g.attributes[(_a = g === null || g === void 0 ? void 0 : g.layer) === null || _a === void 0 ? void 0 : _a.objectIdField]; }) : [];
         await this._updateIds(oids, this._selectionMode, this._refineSelectionSet.undoStack, this._refineLayer);
-        this._drawTools.clear();
+        void this._drawTools.clear();
     }
     /**
      * Highlight any selected features in the map
@@ -454,6 +455,23 @@ export class RefineSelection {
                 },
                 "defaultValue": "[]"
             },
+            "locale": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "string: The current user locale."
+                },
+                "attribute": "locale",
+                "reflect": false
+            },
             "mapView": {
                 "type": "unknown",
                 "mutable": false,

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

@@ -56,7 +56,7 @@ export class ShareItem {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, null, h("slot", null)));
+        return (h(Host, { key: '064acd664456a39d14fd4bd81adb9b217670290f' }, h("slot", { key: 'e2e0fee4f2bff7a48befd54fbc8b724cb5a5f660' })));
     }
     static get is() { return "share-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -84,11 +84,11 @@ export class SolutionConfiguration {
         const solutionData = state.getStoreInfo("solutionData");
         this._solutionVariables = JSON.stringify(utils.getSolutionVariables(solutionData.templates, this._translations));
         this._organizationVariables = JSON.stringify(utils.getOrganizationVariables(this._translations));
-        return (h(Host, null, !this._solutionIsLoaded
+        return (h(Host, { key: '7e1a233174f750801550addbca63ef77690a9341' }, !this._solutionIsLoaded
             ? h("calcite-loader", { label: '' })
-            : null, h("div", { class: "configuration-container" }, h("div", { class: "configuration" }, h("calcite-tabs", { class: "config-tabs" }, h("calcite-tab-nav", { slot: "tab-nav" }, h("calcite-tab-title", null, this._translations.definitionTab), hasServices ?
+            : null, h("div", { key: '4fa27d503bc880078de693f4d23a3869c6786944', class: "configuration-container" }, h("div", { key: '57659db87cadc4335bb62c7a10efa56ac162ed4a', class: "configuration" }, h("calcite-tabs", { key: '934d58e9f29dbd3dff4359dabdc13f666894cdcd', class: "config-tabs" }, h("calcite-tab-nav", { key: 'baf80ffadf2dc4f7dc2f2d7ea250564f9f85a19d', slot: "tab-nav" }, h("calcite-tab-title", { key: 'f5988f58d020b64a6f1f32f2ebe7962e380b6c0a' }, this._translations.definitionTab), hasServices ?
             h("calcite-tab-title", null, this._translations.spatialReferenceTab) :
-            null), h("calcite-tab", { class: "config-tab", selected: true }, h("div", { class: "config-solution" }, h("div", { class: this._treeOpen ? "config-inventory" : "config-inventory-hide" }, h("solution-contents", { id: "configInventory", key: `${this.solutionItemId}-contents`, ref: (el) => (this._solutionContentsComponent = el) })), h("calcite-button", { appearance: "transparent", class: "collapse-btn", "icon-start": this._treeOpen ? "chevrons-left" : "chevrons-right", id: "collapse-vars", onClick: () => this._toggleTree(), scale: "s", title: this._treeOpen ? this._translations.collapse : this._translations.expand }), h("div", { class: "config-item" }, h("solution-item", { authentication: this.authentication, "item-id": this._currentEditItemId, key: `${this.solutionItemId}-item`, "organization-variables": this._organizationVariables, "solution-item-id": this.solutionItemId, "solution-variables": this._solutionVariables })))), hasServices
+            null), h("calcite-tab", { key: '4901cbde911cca97102a21a83f5db4d4419dfec9', class: "config-tab", selected: true }, h("div", { key: '298d3b094913dc57e2744e32b5b21b9eba4fe10c', class: "config-solution" }, h("div", { key: 'ae55fbdb4ee56f48b9f5162a71c36f4c6ca3c9e3', class: this._treeOpen ? "config-inventory" : "config-inventory-hide" }, h("solution-contents", { id: "configInventory", key: `${this.solutionItemId}-contents`, ref: (el) => (this._solutionContentsComponent = el) })), h("calcite-button", { key: 'd7bfd808997a6dd4c41507601f91bc5b6ca8347e', appearance: "transparent", class: "collapse-btn", "icon-start": this._treeOpen ? "chevrons-left" : "chevrons-right", id: "collapse-vars", onClick: () => this._toggleTree(), scale: "s", title: this._treeOpen ? this._translations.collapse : this._translations.expand }), h("div", { key: 'd6ee86b70b0eff80ae0adeae40403d51fd0c4d7e', class: "config-item" }, h("solution-item", { authentication: this.authentication, "item-id": this._currentEditItemId, key: `${this.solutionItemId}-item`, "organization-variables": this._organizationVariables, "solution-item-id": this.solutionItemId, "solution-variables": this._solutionVariables })))), hasServices
             ? h("calcite-tab", { class: "config-tab" }, h("div", { class: "config-solution" }, h("solution-spatial-ref", { defaultWkid: wkid, id: "configure-solution-spatial-ref", key: `${this.solutionItemId}-spatial-ref`, locked: !wkid, services: state.getStoreInfo("featureServices").map(fs => fs.name) })))
             : null)))));
     }
@@ -583,7 +583,7 @@ export class SolutionConfiguration {
                         "UserSession": {
                             "location": "import",
                             "path": "@esri/solution-common",
-                            "id": ""
+                            "id": "node_modules::UserSession"
                         }
                     }
                 },

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

@@ -42,7 +42,7 @@ export class SolutionContents {
      * Renders the component.
      */
     render() {
-        return (h(Host, null, h("calcite-tree", null, this.renderHierarchy(this.templateHierarchy))));
+        return (h(Host, { key: '7546d1fe9d944520db9f8f81600fb7cf0655f1ab' }, h("calcite-tree", { key: '94bea7616cd3bdbb9fbcaddd49bb394e11bcf88b' }, this.renderHierarchy(this.templateHierarchy))));
     }
     renderHierarchy(objs) {
         return objs.map((obj) => {

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

@@ -50,7 +50,7 @@ export class SolutionItem {
      * Renders the component.
      */
     render() {
-        return (h(Host, null, h("div", { class: "configuration-container" }, h("div", { class: "configuration" }, this._showGroupTabs(this.itemType === "Group"), this._showItemTabs(this.itemType !== "Group")))));
+        return (h(Host, { key: '16de446a44799754d7066eb5cc587585fc9e37c8' }, h("div", { key: 'ddb7c1e6c86657502dc4b293d495f3b4dee594cf', class: "configuration-container" }, h("div", { key: '016954a98a5eb229a1f9eb2a4b9260daff3593bf', class: "configuration" }, this._showGroupTabs(this.itemType === "Group"), this._showItemTabs(this.itemType !== "Group")))));
     }
     //--------------------------------------------------------------------------
     //
@@ -120,7 +120,7 @@ export class SolutionItem {
                         "UserSession": {
                             "location": "import",
                             "path": "@esri/solution-common",
-                            "id": ""
+                            "id": "node_modules::UserSession"
                         }
                     }
                 },