@esri/solutions-components 1.2.0-next.32 → 1.2.0-next.34

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

@@ -1,13 +1,14 @@
 import { c as y } from "../../chunks/runtime.js";
-import { l as W } from "../../chunks/loadModules.js";
-import { u as v } from "../../chunks/useT9n.js";
-import { css as T, html as r, nothing as _ } from "lit";
+import { u as W } from "../../chunks/useT9n.js";
+import { css as v, html as r, nothing as _ } from "lit";
 import { createRef as n, ref as h } from "lit-html/directives/ref.js";
-import { LitElement as F, safeClassMap as a } from "@arcgis/lumina";
+import { LitElement as T, safeClassMap as a } from "@arcgis/lumina";
+import F from "@arcgis/core/widgets/Expand";
+import $ from "@arcgis/core/widgets/Home";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.32 */
-const $ = T`/** @license
+v1.2.0-next.34 */
+const E = v`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -22,15 +23,15 @@ const $ = T`/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{display:block}.display-none{display:none}.display-flex{display:flex}.margin-top-1-2{margin-top:.5rem}.margin-left-1-2{margin-left:.5rem}.square-32{width:32px;height:32px}.square-40{width:40px;height:40px}.square-48{width:48px;height:48px}.border-bottom{border-bottom:1px solid var(--calcite-color-border-3)}.box-shadow{box-shadow:0 1px 2px #0000004d}.margin-bottom-1-2{margin-bottom:.5rem}.danger-icon-color{--calcite-icon-color: var(--calcite-color-status-danger)}`;
-class E extends F {
+class x extends T {
   constructor() {
-    super(), this.enabledLayerIds = [], this.enableLegend = !1, this.enableFloorFilter = !1, this.enableFullscreen = !1, this.enableSearch = !1, this.enableBasemap = !1, this.enableHome = !1, this.enableSingleExpand = !1, this.zoomToolsSize = "m", this.layout = "vertical", this.mapWidgetsSize = "m", this.enableMapPicker = !1, this.enableMapLayerPicker = !1, this.position = "top-leading", this.stackTools = !0, this.enableSelectionTool = !1, this.toolOrder = ["home", "legend", "search", "fullscreen", "floorfilter", "selectiontool", "map-picker", "map-layer-picker"], this.mapInfos = [], this.defaultLayerId = "", this.isMobile = !1, this.selectedWebMapId = "", this.showOnlyUpdatableLayers = !1, this._hasFloorInfo = !1, this._translations = v({ name: "map-tools", blocking: !0 }), this._showTools = !0, this._showBasemapWidget = !1, this._showFloorFilter = !1, this._showFullscreen = !1, this._showLegendWidget = !1, this._showSearchWidget = !1, this._selectionToolActive = !1, this._showEllipsisTools = !0, this._ellipsisTools = [], this._isValidWebMap = !0, this._basemapElement = n(), this._floorFilterElement = n(), this._fullscreenElement = n(), this._legendElement = n(), this._searchElement = n(), this._widgets = [], this._selectionToolElement = n(), this._mapTools = [], this._mapTool = n(), this.listenOn(window, "mapChanged", this.mapChanged);
+    super(), this.enabledLayerIds = [], this.enableLegend = !1, this.enableFloorFilter = !1, this.enableFullscreen = !1, this.enableSearch = !1, this.enableBasemap = !1, this.enableHome = !1, this.enableSingleExpand = !1, this.zoomToolsSize = "m", this.layout = "vertical", this.mapWidgetsSize = "m", this.enableMapPicker = !1, this.enableMapLayerPicker = !1, this.position = "top-leading", this.stackTools = !0, this.enableSelectionTool = !1, this.toolOrder = ["home", "legend", "search", "fullscreen", "floorfilter", "selectiontool", "map-picker", "map-layer-picker"], this.mapInfos = [], this.defaultLayerId = "", this.isMobile = !1, this.selectedWebMapId = "", this.showOnlyUpdatableLayers = !1, this._hasFloorInfo = !1, this._translations = W({ name: "map-tools", blocking: !0 }), this._showTools = !0, this._showBasemapWidget = !1, this._showFloorFilter = !1, this._showFullscreen = !1, this._showLegendWidget = !1, this._showSearchWidget = !1, this._selectionToolActive = !1, this._showEllipsisTools = !0, this._ellipsisTools = [], this._isValidWebMap = !0, this._basemapElement = n(), this._floorFilterElement = n(), this._fullscreenElement = n(), this._legendElement = n(), this._searchElement = n(), this._widgets = [], this._selectionToolElement = n(), this._mapTools = [], this._mapTool = n(), this.listenOn(window, "mapChanged", this.mapChanged);
   }
   static {
     this.properties = { basemapConfig: 0, enabledLayerIds: 0, enableLegend: 5, enableFloorFilter: 5, enableFullscreen: 5, enableSearch: 5, enableBasemap: 5, enableHome: 5, enableSingleExpand: 5, zoomToolsSize: 1, layout: 1, mapView: 0, mapWidgetsSize: 1, enableMapPicker: 5, enableMapLayerPicker: 5, position: 1, searchConfiguration: 0, stackTools: 5, enableSelectionTool: 5, toolOrder: 0, selectedLayer: 0, mapInfos: 0, defaultLayerId: 1, isMobile: 5, parentComponentHeight: 9, parentComponentWidth: 9, selectedWebMapId: 1, showOnlyUpdatableLayers: 5, mapInfo: 0, _hasFloorInfo: 16, _translations: 16, _showTools: 16, _showBasemapWidget: 16, _showFloorFilter: 16, _showFullscreen: 16, _showLegendWidget: 16, _showSearchWidget: 16, _selectionToolActive: 16, _showEllipsisTools: 16, _ellipsisTools: 16, _isValidWebMap: 16 };
   }
   static {
-    this.styles = $;
+    this.styles = E;
   }
   willUpdate(s) {
     s.has("mapView") && this.mapViewWatchHandler(), s.has("parentComponentWidth") && this.parentComponentWidth && this.parentComponentWidthWatchHandler(this.parentComponentWidth), s.has("_showBasemapWidget") && (this.hasUpdated || this._showBasemapWidget !== !1) && this._showBasemapWidgetWatchHandler(this._showBasemapWidget), s.has("_showFloorFilter") && (this.hasUpdated || this._showFloorFilter !== !1) && this._showFloorFilterWatchHandler(this._showFloorFilter), s.has("_showFullscreen") && (this.hasUpdated || this._showFullscreen !== !1) && this._showFullscreenWatchHandler(this._showFullscreen), s.has("_showLegendWidget") && (this.hasUpdated || this._showLegendWidget !== !1) && this._showLegendWidgetWatchHandler(this._showLegendWidget), s.has("_showSearchWidget") && (this.hasUpdated || this._showSearchWidget !== !1) && this._showSearchWidgetWatchHandler(this._showSearchWidget);
@@ -80,21 +81,17 @@ class E extends F {
     this._isValidWebMap = e;
   }
   async load() {
-    this._mapTools = [...this.toolOrder], await this._initModules();
+    this._mapTools = [...this.toolOrder];
   }
   render() {
     this._setZoomToolsSize();
     const s = this.layout === "horizontal" ? "display-flex" : "", e = this._getToggleIcon(), i = this._showTools ? s : "display-none", l = this._showEllipsisTools ? "" : "display-none", t = this._showSearchWidget ? "" : "display-none", o = this._showBasemapWidget ? "" : "display-none", d = this._showLegendWidget ? "" : "display-none", c = this._showFloorFilter ? "" : "display-none", p = this._showFullscreen ? "" : "display-none", m = this._showTools ? this._translations.collapse : this._translations.expand, f = !this.enableBasemap && !this.enableFullscreen && !this.enableLegend && !this.enableSearch && !this.enableMapPicker && !this.enableMapLayerPicker ? "display-none" : "", w = this.enableSingleExpand ? this.layout === "horizontal" ? "margin-left-1-2" : "margin-top-1-2" : "", u = this._ellipsisTools.length > 0 && this._showTools ? "" : "display-none", g = this.stackTools && this._ellipsisTools.length === 0 ? "box-shadow" : "";
-    return r`<div class=${`${f} ${s}`}>${this.enableSingleExpand ? r`<div class=${a(g)}>${this._getActionGroup(e, !1, m || "", () => this._toggleTools())}</div>` : void 0}<div class=${`${w} ${g} ${i}`}>${this._getMapWidgets(this._mapTools)}</div><div><div class=${a(u)}>${this._getActionGroup("ellipsis", !1, "", () => this._toggleEllipsisTools())}<div class=${a(l)}>${this._getMapWidgets(this._ellipsisTools)}</div></div></div></div><basemap-gallery .basemapConfig=${this.basemapConfig} class=${a(o)} .mapView=${this.mapView} ${h(this._basemapElement)}></basemap-gallery><map-search class=${a(t)} .mapView=${this.mapView} result-graphic-enabled .searchConfiguration=${this.searchConfiguration} ${h(this._searchElement)}></map-search><map-legend class=${a(d)} .mapView=${this.mapView} ${h(this._legendElement)}></map-legend><map-fullscreen class=${a(p)} .mapView=${this.mapView} @fullscreenStateChange=${(b) => this._fullscreenStateChange(b.detail)} ${h(this._fullscreenElement)}></map-fullscreen><floor-filter class=${a(c)} .enabled=${this.enableFloorFilter} .mapView=${this.mapView} ${h(this._floorFilterElement)}></floor-filter><selection-tool .mapView=${this.mapView} @drawingComplete=${() => {
+    return r`<div class=${`${f} ${s}`}>${this.enableSingleExpand ? r`<div class=${a(g)}>${this._getActionGroup(e, !1, m || "", () => this._toggleTools())}</div>` : void 0}<div class=${`${w} ${g} ${i}`}>${this._getMapWidgets(this._mapTools)}</div><div><div class=${a(u)}>${this._getActionGroup("ellipsis", !1, "", () => this._toggleEllipsisTools())}<div class=${a(l)}>${this._getMapWidgets(this._ellipsisTools)}</div></div></div></div><map-basemap-gallery .basemapConfig=${this.basemapConfig} class=${a(o)} .mapView=${this.mapView} ${h(this._basemapElement)}></map-basemap-gallery><map-search class=${a(t)} .mapView=${this.mapView} result-graphic-enabled .searchConfiguration=${this.searchConfiguration} ${h(this._searchElement)}></map-search><map-legend class=${a(d)} .mapView=${this.mapView} ${h(this._legendElement)}></map-legend><map-fullscreen class=${a(p)} .mapView=${this.mapView} @fullscreenStateChange=${(b) => this._fullscreenStateChange(b.detail)} ${h(this._fullscreenElement)}></map-fullscreen><map-floor-filter class=${a(c)} .enabled=${this.enableFloorFilter} .mapView=${this.mapView} ${h(this._floorFilterElement)}></map-floor-filter><selection-tool .mapView=${this.mapView} @drawingComplete=${() => {
       this._selectionToolActive = !this._selectionToolActive;
     }} .selectedLayerId=${this.selectedLayer?.id} tool=rectangle ${h(this._selectionToolElement)}></selection-tool>${this.enableMapPicker && r`<map-picker class=mapPickerClass .height=${(this.parentComponentHeight ?? 0) - 25} id=map-picker .mapInfos=${this.mapInfos} reference-element=map .selectedWebMapId=${this.selectedWebMapId} show-map-list-in-popover></map-picker>` || ""}${this.enableMapLayerPicker && this.selectedLayer && r`<map-layer-picker appearance=transparent .defaultLayerId=${this.defaultLayerId} .enabledLayerIds=${this.enabledLayerIds} .height=${(this.parentComponentHeight ?? 0) - 25} .isMobile=${this.isMobile} .mapView=${this.mapView} .showOnlyUpdatableLayers=${this.showOnlyUpdatableLayers} reference-element=layers scale=s .selectedIds=${this.selectedLayer ? [this.selectedLayer.id] : []} show-layers-list-in-popover show-tables type=dropdown></map-layer-picker>` || ""}`;
   }
-  async _initModules() {
-    const [s, e] = await W(["esri/widgets/Expand", "esri/widgets/Home"]);
-    this.Expand = s, this.Home = e;
-  }
   _initHome() {
-    this.enableHome && (this._homeWidget = this.Home && new this.Home({
+    this.enableHome && (this._homeWidget = new $({
       view: this.mapView
     }));
   }
@@ -158,7 +155,7 @@ class E extends F {
   }
   _getWidget(s, e, i) {
     if (this._widgets.indexOf(s) < 0 && this.mapView && e) {
-      const l = this.toolOrder.indexOf(s), t = this.Expand && new this.Expand({
+      const l = this.toolOrder.indexOf(s), t = new F({
         view: this.mapView,
         content: e
       }), o = this.enableHome ? 2 : 1;
@@ -193,7 +190,7 @@ class E extends F {
     this._showEllipsisTools = !this._showEllipsisTools;
   }
 }
-y("map-tools", E);
+y("map-tools", x);
 export {
-  E as MapTools
+  x as MapTools
 };

package/dist/components/map-tools/index.d.ts

@@ -1,8 +1,8 @@
-import "../basemap-gallery/index.js";
+import "../map-basemap-gallery/index.js";
 import "../map-search/index.js";
 import "../map-legend/index.js";
 import "../map-fullscreen/index.js";
-import "../floor-filter/index.js";
+import "../map-floor-filter/index.js";
 import "../selection-tool/index.js";
 import "../map-picker/index.js";
 import "../map-layer-picker/index.js";

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

@@ -1,8 +1,8 @@
-import "../basemap-gallery/index.js";
+import "../map-basemap-gallery/index.js";
 import "../map-search/index.js";
 import "../map-legend/index.js";
 import "../map-fullscreen/index.js";
-import "../floor-filter/index.js";
+import "../map-floor-filter/index.js";
 import "../selection-tool/index.js";
 import "../map-picker/index.js";
 import "../map-layer-picker/index.js";

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

@@ -5,7 +5,7 @@ import { createRef as o, ref as n } from "lit-html/directives/ref.js";
 import { LitElement as u, safeClassMap as a } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.32 */
+v1.2.0-next.34 */
 const r = c`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/pdf-download/customElement.d.ts

@@ -15,6 +15,10 @@ export declare class PdfDownload extends LitElement {
     /**
      * Downloads csv of mailing labels for the provided list of ids
      *
+     * @param webmap
+     * @param exportInfos
+     * @param removeDuplicates
+     * @param addColumnTitle
      * @param webmap Webmap containing layer
      * @param exportInfos Information about items to be exported
      * @param removeDuplicates When true a single label is generated when multiple featues have a shared address value
@@ -25,6 +29,11 @@ export declare class PdfDownload extends LitElement {
     /**
      * Downloads pdf of mailing labels for the provided list of ids
      *
+     * @param webmap
+     * @param exportInfos
+     * @param removeDuplicates
+     * @param title
+     * @param initialImageDataUrl
      * @param webmap Webmap containing layer
      * @param exportInfos Information about items to be exported
      * @param removeDuplicates When true a single label is generated when multiple featues have a shared address value

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

@@ -6,7 +6,7 @@ import { createRef as g, ref as c } from "lit-html/directives/ref.js";
 import { LitElement as m } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.32 */
+v1.2.0-next.34 */
 const h = [
   {
     descriptionPDF: {

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

@@ -1,19 +1,20 @@
 import { g as m, c as y } from "../../chunks/runtime.js";
-import { g as c, c as l, f as h } from "../../chunks/interfaces.js";
-import { l as S } from "../../chunks/loadModules.js";
-import { b as w, c as v } from "../../chunks/mapViewUtils.js";
-import { c as $, r as x } from "../../chunks/downloadUtils.js";
-import { u as k } from "../../chunks/useT9n.js";
-import { css as L, nothing as p, html as o } from "lit";
-import { createRef as g, ref as f } from "lit-html/directives/ref.js";
-import { LitElement as E, createEvent as C, noShadowRoot as T, safeClassMap as d } from "@arcgis/lumina";
-import { p as I } from "../../chunks/publicNotificationContext.js";
-import { useContextProvider as P } from "@arcgis/lumina/context";
-import { Controller as D } from "@arcgis/lumina/controllers";
+import { g as c, c as l, f as r } from "../../chunks/interfaces.js";
+import { b as S, c as w } from "../../chunks/mapViewUtils.js";
+import { c as v, r as $ } from "../../chunks/downloadUtils.js";
+import { u as x } from "../../chunks/useT9n.js";
+import { css as k, nothing as f, html as o } from "lit";
+import { createRef as p, ref as g } from "lit-html/directives/ref.js";
+import { LitElement as L, createEvent as E, noShadowRoot as C, safeClassMap as d } from "@arcgis/lumina";
+import { p as T } from "../../chunks/publicNotificationContext.js";
+import { useContextProvider as I } from "@arcgis/lumina/context";
+import { Controller as P } from "@arcgis/lumina/controllers";
+import "../refine-selection/customElement.js";
+import D from "@arcgis/core/Graphic";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.32 */
-const O = L`@layer{/** @license
+v1.2.0-next.34 */
+const O = k`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -28,7 +29,7 @@ const O = L`@layer{/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{display:block;--calcite-input-message-spacing-value: 0}.align-center{align-items:center}.border-bottom-1{border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-color-border-3)}.action-bar-size{height:3.5rem;width:100%}.w-1-2{width:50%}.w-1-3{width:33.33%}.width-full{width:100%}.height-full{height:100%}.padding-1{padding:1rem}.padding-top-sides-1{padding-block-start:1rem;padding-inline-start:1rem;padding-inline-end:1rem}.padding-sides-1{padding-inline-start:1rem;padding-inline-end:1rem}.padding-top-1-2{padding-block-start:.5rem}.padding-top-1{padding-top:1rem}.padding-bottom-1{padding-bottom:1rem}.info-blue{color:#00a0ff}.info-message{justify-content:center;display:grid}.font-bold{font-weight:700}.display-flex{display:flex}.display-block{display:block}.display-none{display:none}.border-bottom{border-bottom:1px solid var(--calcite-color-border-2)}.padding-start-1-2{padding-inline-start:.5rem}.list-border{border:1px solid var(--calcite-color-border-2)}.margin-sides-1{margin-inline-start:1rem;margin-inline-end:1rem}.margin-start-1-2{margin-inline-start:.5rem}.margin-top-0{margin-block-start:0!important}.label-margin-0{--calcite-label-margin-bottom: 0}.list-label{color:var(--calcite-color-text-1)}.list-label,.list-description{font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);overflow-wrap:break-word;word-break:break-word}.list-description{margin-block-start:.125rem;color:var(--calcite-color-text-3)}.img-container{width:100%;height:100%}.font-weight-500{font-weight:500}.background-override{height:100%;width:100%;--calcite-color-foreground-3: var(--calcite-color-brand);--calcite-color-foreground-2: var(--calcite-color-brand-hover);--calcite-color-text-1: var(--calcite-color-text-inverse)}.word-wrap-anywhere{word-wrap:anywhere}.tooltip-message{padding:5px 8px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);max-width:400px}}`;
-class V extends D {
+class V extends P {
   constructor() {
     super(), this.managedLayers = {}, this.managedTables = [], this.highlightHandles = [];
   }
@@ -38,9 +39,9 @@ class V extends D {
     }), this.highlightHandles = [];
   }
 }
-class N extends E {
+class N extends L {
   constructor() {
-    super(), this.addresseeLayerIds = [], this.bufferColor = [227, 139, 79, 0.8], this.bufferOutlineColor = [255, 255, 255], this.customLabelEnabled = !1, this.defaultBufferDistance = 0, this.defaultBufferUnit = "feet", this.defaultExportTitle = "", this.defaultNumLabelsPerPage = 6, this.enableLayerFeatures = !0, this.enableLayerFeaturesOnLoad = !1, this.enableSearchDistance = !0, this.enableSearchDistanceOnLoad = !1, this.enableSketchTools = !0, this.featureHighlightEnabled = !1, this.noResultText = "", this.initialNotice = "", this.selectionLayerIds = [], this.showRefineSelection = !1, this.showSearchSettings = !0, this._exportGraphics = !1, this._addMap = !1, this._addResults = !0, this._addTitle = !1, this._downloadActive = !0, this._exportType = c.PDF, this._fetchingData = !1, this._isMobile = !1, this._numDuplicates = 0, this._pageType = l.LIST, this._saveEnabled = !1, this._selectionSets = [], this._translations = k({ name: "public-notification", blocking: !0 }), this._downloadTools = g(), this._onboardingImageUrl = "", this._popupsEnabled = !1, this._removeDuplicates = g(), this._selectTools = g(), this._titleElement = g(), this._titleValue = void 0, this._numSelected = 0, this._pnStateContextProvider = P({ context: I }), this.searchConfigurationChange = C(), this.listenOn(window, "selectionSetsChanged", this.selectionSetsChanged), this._pnState = new V(), this._pnStateContextProvider.setValue(this._pnState);
+    super(), this.addresseeLayerIds = [], this.bufferColor = [227, 139, 79, 0.8], this.bufferOutlineColor = [255, 255, 255], this.customLabelEnabled = !1, this.defaultBufferDistance = 0, this.defaultBufferUnit = "feet", this.defaultExportTitle = "", this.defaultNumLabelsPerPage = 6, this.enableLayerFeatures = !0, this.enableLayerFeaturesOnLoad = !1, this.enableSearchDistance = !0, this.enableSearchDistanceOnLoad = !1, this.enableSketchTools = !0, this.featureHighlightEnabled = !1, this.noResultText = "", this.initialNotice = "", this.selectionLayerIds = [], this.showRefineSelection = !1, this.showSearchSettings = !0, this._exportGraphics = !1, this._addMap = !1, this._addResults = !0, this._addTitle = !1, this._downloadActive = !0, this._exportType = c.PDF, this._fetchingData = !1, this._isMobile = !1, this._numDuplicates = 0, this._pageType = l.LIST, this._saveEnabled = !1, this._selectionSets = [], this._translations = x({ name: "public-notification", blocking: !0 }), this._downloadTools = p(), this._onboardingImageUrl = "", this._popupsEnabled = !1, this._removeDuplicates = p(), this._selectTools = p(), this._refineSelection = p(), this._titleElement = p(), this._titleValue = void 0, this._numSelected = 0, this._pnStateContextProvider = I({ context: T }), this._refineGraphics = [], this.searchConfigurationChange = E(), this.listenOn(window, "selectionSetsChanged", this.selectionSetsChanged), this._pnState = new V(), this._pnStateContextProvider.setValue(this._pnState);
   }
   static {
     this.properties = { addresseeLayerIds: 0, bufferColor: 1, bufferOutlineColor: 1, customLabelEnabled: 5, defaultBufferDistance: 9, defaultBufferUnit: 1, defaultExportTitle: 1, defaultNumLabelsPerPage: 9, enableLayerFeatures: 5, enableLayerFeaturesOnLoad: 5, enableSearchDistance: 5, enableSearchDistanceOnLoad: 5, enableSketchTools: 5, featureEffect: 0, featureHighlightEnabled: 5, mapView: 0, noResultText: 1, initialNotice: 1, searchConfiguration: 0, selectionLayerIds: 0, showRefineSelection: 5, showSearchSettings: 5, sketchLineSymbol: 0, sketchPointSymbol: 0, sketchPolygonSymbol: 0, _exportGraphics: 16, _addMap: 16, _addResults: 16, _addTitle: 16, _downloadActive: 16, _exportType: 16, _fetchingData: 16, _isMobile: 16, _numDuplicates: 16, _pageType: 16, _saveEnabled: 16, _selectionSets: 16, _translations: 16 };
@@ -49,7 +50,7 @@ class N extends E {
     this.styles = O;
   }
   static {
-    this.shadowRootOptions = T;
+    this.shadowRootOptions = C;
   }
   willUpdate(e) {
     e.has("mapView") && this.mapView && this.mapViewWatchHandler(this.mapView), e.has("searchConfiguration") && this.searchConfiguration && this.watchSearchConfigurationHandler(this.searchConfiguration, e.get("searchConfiguration")), e.has("sketchLineSymbol") && this.sketchLineSymbolWatchHandler(this.sketchLineSymbol, e.get("sketchLineSymbol")), e.has("sketchPointSymbol") && this.sketchPointSymbolWatchHandler(this.sketchPointSymbol, e.get("sketchPointSymbol")), e.has("sketchPolygonSymbol") && this.sketchPolygonSymbolWatchHandler(this.sketchPolygonSymbol, e.get("sketchPolygonSymbol")), e.has("_pageType") && (this.hasUpdated || this._pageType !== l.LIST) && this.pageTypeWatchHandler(this._pageType, e.get("_pageType"));
@@ -81,22 +82,15 @@ class N extends E {
     super.connectedCallback(), this._mediaQuery = window.matchMedia("(max-width: 600px)"), this.listenOn(this._mediaQuery, "change", (e) => this._setIsMobile(e));
   }
   async load() {
-    await this._initModules(), this._initSymbols(), this._onboardingImageUrl = m("assets/public-notification/images/onboarding.png");
+    this._initSymbols(), this._onboardingImageUrl = m("assets/public-notification/images/onboarding.png");
   }
   render() {
     const e = this._isMobile ? "footer" : "header";
-    return o`<calcite-shell><calcite-action-bar class="border-bottom-1 action-bar-size" expand-disabled layout=horizontal slot=${e ?? p}>${this._getActionGroup("list-check", l.LIST, this._translations.myLists)}${this.showRefineSelection ? this._getActionGroup("test-data", l.REFINE, this._translations.refineSelection) : null}${this._getActionGroup("export", l.EXPORT, this._translations.export)}</calcite-action-bar>${this._getPage(this._pageType)}</calcite-shell>`;
+    return o`<calcite-shell><calcite-action-bar class="border-bottom-1 action-bar-size" expand-disabled layout=horizontal slot=${e ?? f}>${this._getActionGroup("list-check", l.LIST, this._translations.myLists)}${this.showRefineSelection ? this._getActionGroup("test-data", l.REFINE, this._translations.refineSelection) : null}${this._getActionGroup("export", l.EXPORT, this._translations.export)}</calcite-action-bar>${this._getPage(this._pageType)}</calcite-shell>`;
   }
   loaded() {
     this.searchConfiguration && this._initSearchConfiguration(this.searchConfiguration);
   }
-  async _initModules() {
-    const [e, t] = await S([
-      "esri/symbols/support/jsonUtils",
-      "esri/Graphic"
-    ]);
-    this._jsonUtils = e, this.Graphic = t;
-  }
   _initSearchConfiguration(e) {
     this.searchConfiguration && !this._searchConfiguration && this.mapView && (this._searchConfiguration = e, this.searchConfigurationChange.emit(this._searchConfiguration), this._home());
   }
@@ -149,7 +143,7 @@ class N extends E {
   }
   _getActionGroup(e, t, i) {
     const s = this.showRefineSelection ? "w-1-3" : "w-1-2";
-    return o`<calcite-action-group class=${d(s)} layout=horizontal><div class="background-override"><calcite-action .active=${this._pageType === t} alignment=center class="width-full height-full" .icon=${e} id=${e ?? p} @click=${() => {
+    return o`<calcite-action-group class=${d(s)} layout=horizontal><div class="background-override"><calcite-action .active=${this._pageType === t} alignment=center class="width-full height-full" .icon=${e} id=${e ?? f} @click=${() => {
       this._setPageType(t);
     }} text></calcite-action></div><calcite-tooltip label placement=bottom .referenceElement=${e}><span>${i}</span></calcite-tooltip></calcite-action-group>`;
   }
@@ -181,34 +175,34 @@ class N extends E {
     }} width=full><span class="font-weight-500">${this._translations.add}</span></calcite-button></div></calcite-panel>`;
   }
   _getOnboardingImage() {
-    return o`<div class="display-flex padding-sides-1"><img class="img-container" role=presentation src=${this._onboardingImageUrl ?? p}></div>`;
+    return o`<div class="display-flex padding-sides-1"><img class="img-container" role=presentation src=${this._onboardingImageUrl ?? f}></div>`;
   }
   _getSelectionSetList() {
     return o`<div class="padding-top-1-2 padding-bottom-1-2"><calcite-list class="list-border margin-sides-1" label>${this._selectionSets.reduce((e, t, i) => {
       const s = this._getSelectionSetIds(t);
       let a = !0;
-      return t.workflowType === h.REFINE && (a = Object.keys(t.refineInfos).reduce((r, u) => {
-        const _ = t.refineInfos[u];
-        return r += _.addIds.length + _.removeIds.length, r;
+      return t.workflowType === r.REFINE && (a = Object.keys(t.refineInfos).reduce((h, _) => {
+        const u = t.refineInfos[_];
+        return h += u.addIds.length + u.removeIds.length, h;
       }, 0) > 0), a && e.push(o`<calcite-list-item .label=${t.label} @click=${() => this.mapView && this._gotoSelection(t, this.mapView)}><div slot=content><div class="list-label">${t.label}</div><div class="list-description">${t?.layerView?.layer.title}</div><div class="list-description">${this._translations.selectedFeatures.replace("{{n}}", s.length.toString())}</div></div>${this._getAction(!0, "pencil", "", (n) => this._openSelection(t, n), !1, "actions-end")}${this._getAction(!0, "x", "", (n) => this._deleteSelection(i, n), !1, "actions-end")}</calcite-list-item>`), e;
     }, [])}</calcite-list></div>`;
   }
   _getSelectionSetIds(e) {
-    return e.workflowType !== h.REFINE ? e.selectedIds : Object.keys(e.refineInfos).reduce((t, i) => [...t, ...e.refineInfos[i].addIds], []);
+    return e.workflowType !== r.REFINE ? e.selectedIds : Object.keys(e.refineInfos).reduce((t, i) => [...t, ...e.refineInfos[i].addIds], []);
   }
   _hasSelections(e = !1) {
     let t = [];
-    const i = this._selectionSets.some((s) => s.workflowType === h.REFINE ? (t = this._getSelectionSetIds(s), !0) : !1);
+    const i = this._selectionSets.some((s) => s.workflowType === r.REFINE ? (t = this._getSelectionSetIds(s), !0) : !1);
     return e && i ? t.length > 0 || this._selectionSets.length > 1 : this._selectionSets.length > 0;
   }
   async _getNumDuplicates() {
-    const e = this._getExportInfos(), t = this.mapView?.map && await $(this.mapView.map, e), i = t && x(t);
+    const e = this._getExportInfos(), t = this.mapView?.map && await v(this.mapView.map, e), i = t && $(t);
     return t && i ? t.length - i.length : 0;
   }
   _getExportInfos() {
     return this._selectionSets.reduce((e, t) => {
       if (t.download)
-        if (t.workflowType !== h.REFINE && t?.layerView) {
+        if (t.workflowType !== r.REFINE && t?.layerView) {
           const i = t.layerView.layer.id;
           i !== void 0 && this._updateIds(i, t.layerView, t.selectedIds, e);
         } else
@@ -227,7 +221,7 @@ class N extends E {
   }
   _getSelectPage() {
     const e = this._translations.selectSearchTip;
-    return o`<calcite-panel>${this._getLabel(this._translations?.stepTwoFull, !0)}${this._getNotice(e, "padding-1", "word-wrap-anywhere")}<div><map-select-tools .bufferColor=${this.bufferColor} .bufferOutlineColor=${this.bufferOutlineColor} class="font-bold" .customLabelEnabled=${this.customLabelEnabled} .defaultBufferDistance=${this.defaultBufferDistance} .defaultBufferUnit=${this.defaultBufferUnit} .enableLayerFeatures=${this.enableLayerFeatures} .enableLayerFeaturesOnLoad=${this.enableLayerFeaturesOnLoad} .enableSearchDistance=${this.enableSearchDistance} .enableSearchDistanceOnLoad=${this.enableSearchDistanceOnLoad} .enableSketchTools=${this.enableSketchTools} .enabledLayerIds=${this.addresseeLayerIds} .isUpdate=${!!this._activeSelection} .mapView=${this.mapView} .noResultText=${this.noResultText} @selectionSetChange=${this._updateForSelection} .searchConfiguration=${this._searchConfiguration} .searchDistanceEnabled=${this.enableSearchDistanceOnLoad} .selectionLayerIds=${this.selectionLayerIds} .selectionSet=${this._activeSelection} .sketchLineSymbol=${this.sketchLineSymbol} .sketchPointSymbol=${this.sketchPointSymbol} .sketchPolygonSymbol=${this.sketchPolygonSymbol} .useLayerFeaturesEnabled=${this.enableLayerFeaturesOnLoad} ${f(this._selectTools)}></map-select-tools></div>${this._getPageNavButtons(this._translations.done, this._numSelected === 0, () => {
+    return o`<calcite-panel>${this._getLabel(this._translations?.stepTwoFull, !0)}${this._getNotice(e, "padding-1", "word-wrap-anywhere")}<div><map-select-tools .bufferColor=${this.bufferColor} .bufferOutlineColor=${this.bufferOutlineColor} class="font-bold" .customLabelEnabled=${this.customLabelEnabled} .defaultBufferDistance=${this.defaultBufferDistance} .defaultBufferUnit=${this.defaultBufferUnit} .enableLayerFeatures=${this.enableLayerFeatures} .enableLayerFeaturesOnLoad=${this.enableLayerFeaturesOnLoad} .enableSearchDistance=${this.enableSearchDistance} .enableSearchDistanceOnLoad=${this.enableSearchDistanceOnLoad} .enableSketchTools=${this.enableSketchTools} .enabledLayerIds=${this.addresseeLayerIds} .isUpdate=${!!this._activeSelection} .mapView=${this.mapView} .noResultText=${this.noResultText} @selectionSetChange=${this._updateForSelection} .searchConfiguration=${this._searchConfiguration} .searchDistanceEnabled=${this.enableSearchDistanceOnLoad} .selectionLayerIds=${this.selectionLayerIds} .selectionSet=${this._activeSelection} .sketchLineSymbol=${this.sketchLineSymbol} .sketchPointSymbol=${this.sketchPointSymbol} .sketchPolygonSymbol=${this.sketchPolygonSymbol} .useLayerFeaturesEnabled=${this.enableLayerFeaturesOnLoad} ${g(this._selectTools)}></map-select-tools></div>${this._getPageNavButtons(this._translations.done, this._numSelected === 0, () => {
       this._saveSelection();
     }, this._translations.cancel, !1, () => {
       this._home();
@@ -235,14 +229,14 @@ class N extends E {
   }
   _getExportPage() {
     const e = this._hasSelections(this.showRefineSelection), t = this._numDuplicates > 0 ? "display-block" : "display-none";
-    return o`<calcite-panel><div>${this._getLabel(this._translations.export, !1)}${e ? o`<div>${this._getNotice(this._translations.exportTip, "padding-sides-1")}${this._getLabel(this._translations.exportListsLabel)}${this._getExportSelectionLists()}<div class=${`padding-sides-1 ${t}`}><div class="display-flex"><calcite-label layout=inline><calcite-checkbox ${f(this._removeDuplicates)}></calcite-checkbox><div class="display-flex">${this._translations.removeDuplicate}<div class="info-message padding-start-1-2"><calcite-input-message class="info-blue margin-top-0" scale=m>${` ${this._translations.numDuplicates.replace("{{n}}", this._numDuplicates.toString())}`}</calcite-input-message></div></div></calcite-label><calcite-icon class="padding-start-1-2 icon" .flipRtl=${this._translations._lang?.toLowerCase() !== "he"} icon=question id=remove-duplicates-icon scale=s></calcite-icon></div><calcite-popover closable label overlay-positioning=fixed reference-element=remove-duplicates-icon><span class="tooltip-message">${this._translations.duplicatesTip}</span></calcite-popover></div><div class="border-bottom"></div><div class="padding-top-sides-1"><calcite-segmented-control class="w-100" @calciteSegmentedControlChange=${this._exportTypeChange} width=full><calcite-segmented-control-item .checked=${this._exportType === c.PDF} class="w-50 end-border" .value=${c.PDF}><span class="font-weight-500">${this._translations.pdf}</span></calcite-segmented-control-item><calcite-segmented-control-item .checked=${this._exportType === c.CSV} class="w-50" .value=${c.CSV}><span class="font-weight-500">${this._translations.csv}</span></calcite-segmented-control-item></calcite-segmented-control></div><div class="padding-bottom-1">${this._getExportOptions()}</div><div class="padding-1 display-flex"><calcite-button .disabled=${!this._downloadActive || this._fetchingData || !this._addMap && !this._addResults} .loading=${this._fetchingData} @click=${() => void this._export()} width=full><span class="font-weight-500">${this._translations.export}</span></calcite-button></div></div>` : this._getNotice(this._translations.downloadNoLists, "padding-sides-1 padding-bottom-1")}</div></calcite-panel>`;
+    return o`<calcite-panel><div>${this._getLabel(this._translations.export, !1)}${e ? o`<div>${this._getNotice(this._translations.exportTip, "padding-sides-1")}${this._getLabel(this._translations.exportListsLabel)}${this._getExportSelectionLists()}<div class=${`padding-sides-1 ${t}`}><div class="display-flex"><calcite-label layout=inline><calcite-checkbox ${g(this._removeDuplicates)}></calcite-checkbox><div class="display-flex">${this._translations.removeDuplicate}<div class="info-message padding-start-1-2"><calcite-input-message class="info-blue margin-top-0" scale=m>${` ${this._translations.numDuplicates.replace("{{n}}", this._numDuplicates.toString())}`}</calcite-input-message></div></div></calcite-label><calcite-icon class="padding-start-1-2 icon" .flipRtl=${this._translations._lang?.toLowerCase() !== "he"} icon=question id=remove-duplicates-icon scale=s></calcite-icon></div><calcite-popover closable label overlay-positioning=fixed reference-element=remove-duplicates-icon><span class="tooltip-message">${this._translations.duplicatesTip}</span></calcite-popover></div><div class="border-bottom"></div><div class="padding-top-sides-1"><calcite-segmented-control class="w-100" @calciteSegmentedControlChange=${this._exportTypeChange} width=full><calcite-segmented-control-item .checked=${this._exportType === c.PDF} class="w-50 end-border" .value=${c.PDF}><span class="font-weight-500">${this._translations.pdf}</span></calcite-segmented-control-item><calcite-segmented-control-item .checked=${this._exportType === c.CSV} class="w-50" .value=${c.CSV}><span class="font-weight-500">${this._translations.csv}</span></calcite-segmented-control-item></calcite-segmented-control></div><div class="padding-bottom-1">${this._getExportOptions()}</div><div class="padding-1 display-flex"><calcite-button .disabled=${!this._downloadActive || this._fetchingData || !this._addMap && !this._addResults} .loading=${this._fetchingData} @click=${() => void this._export()} width=full><span class="font-weight-500">${this._translations.export}</span></calcite-button></div></div>` : this._getNotice(this._translations.downloadNoLists, "padding-sides-1 padding-bottom-1")}</div></calcite-panel>`;
   }
   _exportTypeChange(e) {
     this._exportType = e.target.value;
   }
   _getExportOptions() {
     const e = this._exportType === c.PDF ? "display-block" : "display-none", t = this._addTitle ? "display-block" : "display-none", i = this._addMap ? "display-flex" : "display-none", s = this._titleValue ? this._titleValue : this.defaultExportTitle ? this.defaultExportTitle : "", a = this._addResults ? "" : "display-none";
-    return o`<div class=${d(e)}>${this._getLabel(this._translations.pdfOptions, !0)}<div class="padding-top-sides-1"><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._addResults} @calciteCheckboxChange=${() => this._addResults = !this._addResults}></calcite-checkbox>${this._translations.addResults}</calcite-label></div><div class=${`padding-top-sides-1 ${a}`}><calcite-label class="label-margin-0">${this._translations.selectPDFLabelOption}</calcite-label></div><div class=${`padding-sides-1 ${a}`}><pdf-download .defaultNumLabelsPerPage=${Number.parseInt(this.defaultNumLabelsPerPage.toString(), 10)} .disabled=${!this._downloadActive} ${f(this._downloadTools)}></pdf-download></div><div class="padding-top-sides-1"><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._addTitle} @calciteCheckboxChange=${() => this._addTitle = !this._addTitle}></calcite-checkbox>${this._translations.title}</calcite-label></div><div class=${d(t)}>${this._getLabel(this._translations.title, !0, "")}<calcite-input-text class="padding-sides-1" @calciteInputTextInput=${() => this._changeTitle()} .placeholder=${this._translations.titlePlaceholder} .value=${s} ${f(this._titleElement)}></calcite-input-text></div><div class="padding-top-sides-1"><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._addMap} @calciteCheckboxChange=${() => this._handleAddMapChange()}></calcite-checkbox>${this._translations.includeMap}</calcite-label></div><div class=${`padding-top-sides-1 ${i}`}><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._exportGraphics} @calciteCheckboxChange=${() => this._handleExportGraphicsChange()}></calcite-checkbox>${this._translations.listGraphics}</calcite-label><calcite-icon class="padding-start-1-2 icon" .flipRtl=${this._translations._lang?.toLowerCase() !== "he"} icon=question id=list-graphics-icon scale=s></calcite-icon><calcite-popover closable label overlay-positioning=fixed reference-element=list-graphics-icon><span class="tooltip-message">${this._translations.listGraphicsTip}</span></calcite-popover></div></div>`;
+    return o`<div class=${d(e)}>${this._getLabel(this._translations.pdfOptions, !0)}<div class="padding-top-sides-1"><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._addResults} @calciteCheckboxChange=${() => this._addResults = !this._addResults}></calcite-checkbox>${this._translations.addResults}</calcite-label></div><div class=${`padding-top-sides-1 ${a}`}><calcite-label class="label-margin-0">${this._translations.selectPDFLabelOption}</calcite-label></div><div class=${`padding-sides-1 ${a}`}><pdf-download .defaultNumLabelsPerPage=${Number.parseInt(this.defaultNumLabelsPerPage.toString(), 10)} .disabled=${!this._downloadActive} ${g(this._downloadTools)}></pdf-download></div><div class="padding-top-sides-1"><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._addTitle} @calciteCheckboxChange=${() => this._addTitle = !this._addTitle}></calcite-checkbox>${this._translations.title}</calcite-label></div><div class=${d(t)}>${this._getLabel(this._translations.title, !0, "")}<calcite-input-text class="padding-sides-1" @calciteInputTextInput=${() => this._changeTitle()} .placeholder=${this._translations.titlePlaceholder} .value=${s} ${g(this._titleElement)}></calcite-input-text></div><div class="padding-top-sides-1"><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._addMap} @calciteCheckboxChange=${() => this._handleAddMapChange()}></calcite-checkbox>${this._translations.includeMap}</calcite-label></div><div class=${`padding-top-sides-1 ${i}`}><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._exportGraphics} @calciteCheckboxChange=${() => this._handleExportGraphicsChange()}></calcite-checkbox>${this._translations.listGraphics}</calcite-label><calcite-icon class="padding-start-1-2 icon" .flipRtl=${this._translations._lang?.toLowerCase() !== "he"} icon=question id=list-graphics-icon scale=s></calcite-icon><calcite-popover closable label overlay-positioning=fixed reference-element=list-graphics-icon><span class="tooltip-message">${this._translations.listGraphicsTip}</span></calcite-popover></div></div>`;
   }
   _handleAddMapChange() {
     this._addMap = !this._addMap, this._updateExportGraphics();
@@ -267,7 +261,9 @@ class N extends E {
   }
   _addExportGraphics() {
     const e = this._getManagedLayer("sketch"), t = this._getManagedLayer("buffer");
-    this._selectionSets.forEach((i) => {
+    this._refineGraphics.forEach((i) => {
+      e?.add(i.drawnGraphics), t?.add(i.bufferGraphics);
+    }), this._selectionSets.forEach((i) => {
       if (i.download && (e && i.sketchGraphic && e.graphics.add(i.sketchGraphic), t)) {
         const s = {
           type: "simple-fill",
@@ -276,7 +272,7 @@ class N extends E {
             color: this.bufferOutlineColor,
             width: 1
           }
-        }, a = this.Graphic && new this.Graphic({
+        }, a = new D({
           geometry: i.buffer,
           symbol: s
         });
@@ -286,7 +282,7 @@ class N extends E {
   }
   _getRefinePage() {
     const e = this._hasSelections();
-    return o`<calcite-panel>${this._getLabel(this._translations.refineSelection)}${e ? o`<div>${this._getNotice(this._translations.refineTip, "padding-sides-1")}<refine-selection .enabledLayerIds=${this.selectionLayerIds} .mapView=${this.mapView} .selectionSets=${this._selectionSets} .sketchLineSymbol=${this.sketchLineSymbol} .sketchPointSymbol=${this.sketchPointSymbol} .sketchPolygonSymbol=${this.sketchPolygonSymbol} .bufferColor=${this.bufferColor} .bufferOutlineColor=${this.bufferOutlineColor} .defaultBufferDistance=${this.defaultBufferDistance} .defaultBufferUnit=${this.defaultBufferUnit} .enableSearchDistance=${this.enableSearchDistance} .enableSearchDistanceOnLoad=${this.enableSearchDistanceOnLoad} .searchDistanceEnabled=${this.enableSearchDistanceOnLoad}></refine-selection></div>` : this._getNotice(this._translations.refineTipNoSelections, "padding-sides-1")}</calcite-panel>`;
+    return o`<calcite-panel>${this._getLabel(this._translations.refineSelection)}${e ? o`<div>${this._getNotice(this._translations.refineTip, "padding-sides-1")}<refine-selection .enabledLayerIds=${this.selectionLayerIds} .mapView=${this.mapView} .drawnGraphicsArr=${this._refineGraphics} .selectionSets=${this._selectionSets} .sketchLineSymbol=${this.sketchLineSymbol} .sketchPointSymbol=${this.sketchPointSymbol} .sketchPolygonSymbol=${this.sketchPolygonSymbol} .bufferColor=${this.bufferColor} .bufferOutlineColor=${this.bufferOutlineColor} .defaultBufferDistance=${this.defaultBufferDistance} .defaultBufferUnit=${this.defaultBufferUnit} .enableSearchDistance=${this.enableSearchDistance} .enableSearchDistanceOnLoad=${this.enableSearchDistanceOnLoad} .searchDistanceEnabled=${this.enableSearchDistanceOnLoad} ${g(this._refineSelection)}></refine-selection></div>` : this._getNotice(this._translations.refineTipNoSelections, "padding-sides-1")}</calcite-panel>`;
   }
   _getPageNavButtons(e, t, i, s, a, n) {
     return o`<div class="padding-bottom-1"><div class="display-flex padding-top-sides-1"><calcite-button .disabled=${t} @click=${i} width=full><span class="font-weight-500">${e}</span></calcite-button></div><div class="display-flex padding-top-1-2 padding-sides-1"><calcite-button appearance=outline .disabled=${a} @click=${n} width=full><span class="font-weight-500">${s}</span></calcite-button></div></div>`;
@@ -302,7 +298,7 @@ class N extends E {
   }
   _getExportSelectionLists() {
     return this._selectionSets.reduce((e, t) => {
-      const i = this._getSelectionSetIds(t), s = t.workflowType !== h.REFINE || i.length > 0;
+      const i = this._getSelectionSetIds(t), s = t.workflowType !== r.REFINE || i.length > 0;
       return !this._downloadActive && t.download && s && (this._downloadActive = !0), s && e.push(o`<div class="display-flex padding-sides-1 padding-bottom-1"><calcite-checkbox .checked=${t.download} class="align-center" @calciteCheckboxChange=${() => {
         this._toggleDownload(t.id);
       }}></calcite-checkbox><calcite-list class="list-border margin-start-1-2 width-full" id=download-list label><calcite-list-item .disabled=${!t.download} .label=${t.label} @click=${() => {
@@ -324,12 +320,12 @@ class N extends E {
   }
   _getSelectionIdsAndViews(e, t = !1) {
     return (t ? e.filter((s) => s.download) : e).reduce((s, a) => {
-      if (a.workflowType === h.REFINE)
+      if (a.workflowType === r.REFINE)
         Object.keys(a.refineInfos).forEach((n) => {
-          const r = a.refineInfos[n];
-          if (r.addIds) {
-            const u = r.layerView.layer.id;
-            s = this._updateExportInfos(s, u, a.label, r.addIds, r.layerView);
+          const h = a.refineInfos[n];
+          if (h.addIds) {
+            const _ = h.layerView.layer.id;
+            s = this._updateExportInfos(s, _, a.label, h.addIds, h.layerView);
           }
         });
       else {
@@ -347,7 +343,7 @@ class N extends E {
     }), e;
   }
   _getAction(e, t, i, s, a = !1, n = "") {
-    return o`<calcite-action .disabled=${!e} .icon=${t} icon-flip-rtl .indicator=${a} @click=${s} slot=${n ?? p} .text=${i}></calcite-action>`;
+    return o`<calcite-action .disabled=${!e} .icon=${t} icon-flip-rtl .indicator=${a} @click=${s} slot=${n ?? f} .text=${i}></calcite-action>`;
   }
   _updateForSelection(e) {
     this._numSelected = e.detail, this._saveEnabled = this._numSelected > 0;
@@ -367,13 +363,13 @@ class N extends E {
     await this._selectTools.value?.clearSelection(), this._numSelected = 0, this._activeSelection = void 0;
   }
   async _deleteSelection(e, t) {
-    return t.stopPropagation(), this._selectionSets = this._selectionSets.filter((i, s) => s !== e ? i : !1), this._highlightFeatures();
+    return t.stopPropagation(), this._selectionSets = this._selectionSets.filter((i, s) => (i.workflowType === r.REFINE && (this._refineGraphics = []), s !== e ? i : !1)), this._highlightFeatures();
   }
   _gotoSelection(e, t) {
-    e.selectedIds && e.layerView && w(e.selectedIds, e.layerView, t, this.featureHighlightEnabled, this.featureEffect);
+    e.selectedIds && e.layerView && S(e.selectedIds, e.layerView, t, this.featureHighlightEnabled, this.featureEffect);
   }
   _openSelection(e, t) {
-    t.stopPropagation(), this._activeSelection = e, this._pageType = e.workflowType === h.REFINE ? l.REFINE : l.SELECT;
+    t.stopPropagation(), this._activeSelection = e, this._pageType = e.workflowType === r.REFINE ? l.REFINE : l.SELECT;
   }
   async _highlightFeatures() {
     const e = this._pnStateContextProvider.value;
@@ -383,7 +379,7 @@ class N extends E {
       for (let s = 0; s < i.length; s++) {
         const a = t[i[s]];
         if (a.layerView && this.mapView) {
-          const n = await v(a.ids, a.layerView, this.mapView);
+          const n = await w(a.ids, a.layerView, this.mapView);
           e.highlightHandles.push(n);
         }
       }

package/dist/components/refine-selection/customElement.d.ts

@@ -49,7 +49,12 @@ export declare class RefineSelection extends LitElement {
     /** number: The default value to show for the buffer distance */
     defaultBufferDistance: number | undefined;
     /** esri/geometry: https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry.html */
-    geometries: __esri.Geometry[];
+    geometries: __esri.Geometry[] | undefined;
+    /** Array of drawn graphics for refine selection */
+    drawnGraphicsArr: {
+        drawnGraphics: __esri.Graphic | undefined;
+        bufferGraphics: __esri.Graphic | undefined;
+    }[];
     /** Emitted on demand when selection starts or ends. */
     readonly selectionLoadingChange: TargetedEvent<this, boolean>;
     /** Emitted on demand when selection sets change. */