@esri/solutions-components 5.1.0-next.11 → 5.1.0-next.110

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

@@ -1,23 +1,23 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { g as S, c as w } from "../../chunks/runtime.js";
-import { e as v, h as $ } from "../../chunks/mapViewUtils.js";
-import { c as x, r as T, b as E, e as k } from "../../chunks/downloadUtils.js";
-import { u as L } from "../../chunks/useT9n.js";
-import { css as C, html as l, nothing as m } from "lit";
-import { createRef as p, ref as h } from "lit-html/directives/ref.js";
-import { LitElement as I, createEvent as P, noShadowRoot as O, safeClassMap as g } from "@arcgis/lumina";
-import { p as R } from "../../chunks/publicNotificationContext.js";
-import { useContextProvider as D } from "@arcgis/lumina/context";
+import { g as G, c as U } from "../../chunks/runtime.js";
+import { e as H, h as j } from "../../chunks/mapViewUtils.js";
+import { c as B, r as J, b as W, e as z } from "../../chunks/downloadUtils.js";
+import { u as q } from "../../chunks/useT9n.js";
+import { css as X, html as l, nothing as k } from "lit";
+import { createRef as v, ref as _ } from "lit-html/directives/ref.js";
+import { LitElement as Y, createEvent as Q, noShadowRoot as K, safeClassMap as x, safeStyleMap as Z } from "@arcgis/lumina";
+import { p as ee } from "../../chunks/publicNotificationContext.js";
+import { useContextProvider as te } from "@arcgis/lumina/context";
 import "../refine-selection/customElement.js";
-import V from "@arcgis/core/Graphic";
-import { Controller as N } from "@arcgis/lumina/controllers";
-import F from "@arcgis/core/rest/support/PrintTemplate";
-import A from "@arcgis/core/rest/support/PrintParameters";
-import * as G from "@arcgis/core/rest/print";
-import * as b from "@arcgis/core/rest/geoprocessor";
-import f from "@arcgis/core/request";
-const U = C`@layer{: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-bottom-0{padding-bottom:0!important}.padding-inline-start-0{padding-inline-start:0!important}.padding-top-sides-1{padding-block-start:1rem;padding-inline-start:1rem;padding-inline-end:1rem}.padding-block-start-1{padding-block-start:1rem}.padding-sides-1{padding-inline-start:1rem;padding-inline-end:1rem}.padding-top-1-2{padding-block-start:.5rem!important}.padding-top-1{padding-top:1rem}.indent-group{border-inline-start:1px solid var(--calcite-color-border-2);margin-bottom:.5rem;padding-inline-start:1rem;margin-inline-start:.5rem}.margin-bottom-0-5{margin-bottom:.5rem}.margin-top-0-5{margin-top:.5rem!important}.instructional-text{line-height:1;padding:0!important;margin:0;color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--2)}.info-blue{color:var(--calcite-color-status-info)}.info-message{justify-content:center;display:grid}.font-bold{font-weight:700}.header-label{font-weight:700;font-size:var(--calcite-font-size-0)}.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}.margin-top-1{margin-top:1rem!important}.label-margin-0{--calcite-label-margin-bottom: 0}.list-label{color:var(--calcite-color-text-1);font-weight:var(--calcite-font-weight-bold)!important}.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}.list-container{padding:0 1rem 1rem}.list-items{align-items:center;background-color:#fff;box-shadow:0 1px 3px #0000001a;font-family:sans-serif;padding:12px 16px}.list-item{display:flex;align-items:center;justify-content:space-between}.item-label{color:#4a4a4a;font-size:16px}.tooltip-message{padding:5px 8px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);max-width:400px}calcite-segmented-control{--calcite-segmented-control-border-color: var(--calcite-color-border-2)}calcite-segmented-control-item{--calcite-segmented-control-color: var(--calcite-color-text-3)}calcite-segmented-control-item[checked]{--calcite-segmented-control-border-color: var(--calcite-color-surface-highlight);--calcite-segmented-control-background-color: var(--calcite-color-surface-highlight);--calcite-segmented-control-color: var(--calcite-color-text-highlight)}calcite-action-bar{--calcite-internal-action-bar-gap: 0px;--calcite-internal-action-bar-padding: 0px}}`;
-class M extends N {
+import ie from "@arcgis/core/Graphic.js";
+import { Controller as se } from "@arcgis/lumina/controllers";
+import ae from "@arcgis/core/rest/support/PrintTemplate.js";
+import oe from "@arcgis/core/rest/support/PrintParameters.js";
+import * as le from "@arcgis/core/rest/print.js";
+import * as V from "@arcgis/core/rest/geoprocessor.js";
+import P from "@arcgis/core/request.js";
+const ne = X`@layer{: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-bottom-0{padding-bottom:0!important}.padding-inline-start-0{padding-inline-start:0!important}.padding-top-sides-1{padding-block-start:1rem;padding-inline-start:1rem;padding-inline-end:1rem}.padding-block-start-1{padding-block-start:1rem}.padding-sides-1{padding-inline-start:1rem;padding-inline-end:1rem}.padding-top-1-2{padding-block-start:.5rem!important}.padding-top-1{padding-top:1rem}.indent-group{border-inline-start:1px solid var(--calcite-color-border-2);margin-bottom:.5rem;padding-inline-start:1rem;margin-inline-start:.5rem}.margin-bottom-0-5{margin-bottom:.5rem}.margin-top-0-5{margin-top:.5rem!important}.instructional-text{line-height:1;padding:0!important;margin:0;color:var(--calcite-color-text-2);font-size:var(--calcite-font-size--2)}.info-blue{color:var(--calcite-color-status-info)}.info-message{justify-content:center;display:grid}.font-bold{font-weight:700}.header-label{font-weight:700;font-size:var(--calcite-font-size-0)}.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}.margin-top-1{margin-top:1rem!important}.label-margin-0{--calcite-label-margin-bottom: 0}.list-label{color:var(--calcite-color-text-1);font-weight:var(--calcite-font-weight-bold)!important}.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-surface-4: var(--calcite-color-brand);--calcite-color-surface-3: var(--calcite-color-brand-hover);--calcite-color-text-1: var(--calcite-color-text-inverse);--calcite-action-background-color-hover: var(--calcite-color-brand-hover)}.padding-bottom-1{padding-bottom:1rem}.word-wrap-anywhere{word-wrap:anywhere}.list-container{padding:0 1rem 1rem}.list-items{align-items:center;background-color:#fff;box-shadow:0 1px 3px #0000001a;font-family:sans-serif;padding:12px 16px}.list-item{display:flex;align-items:center;justify-content:space-between}.item-label{color:#4a4a4a;font-size:16px}.tooltip-message{padding:5px 8px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);max-width:400px}calcite-segmented-control{--calcite-segmented-control-border-color: var(--calcite-color-border-2)}calcite-segmented-control-item{--calcite-segmented-control-color: var(--calcite-color-text-3)}calcite-segmented-control-item[checked]{--calcite-segmented-control-border-color: var(--calcite-color-surface-highlight);--calcite-segmented-control-background-color: var(--calcite-color-surface-highlight);--calcite-segmented-control-color: var(--calcite-color-text-highlight)}calcite-action-bar{--calcite-internal-action-bar-gap: 0px;--calcite-internal-action-bar-padding: 0px}}`;
+class re extends se {
   constructor() {
     super(), this.managedLayers = {}, this.managedTables = [], this.highlightHandles = [];
   }
@@ -28,18 +28,18 @@ class M extends N {
     }), this.highlightHandles = [];
   }
 }
-class H extends I {
+class ce extends Y {
   constructor() {
-    super(), this.addresseeLayerIds = [], this.bufferColor = [227, 139, 79, 0.8], this.bufferOutlineColor = [255, 255, 255], this.customLabelEnabled = !1, this.customExport = !1, this.customExportURL = "", 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 = "PDF", this._fetchingData = !1, this._isMobile = !1, this._numDuplicates = 0, this._pageType = "LIST", this._saveEnabled = !1, this._selectionSets = [], this._segmentType = "STANDARD", this._selectedReportingLayerId = "", this._isInitialLoading = !0, this._layoutTemplates = [], this._translations = L({ name: "public-notification", blocking: !0 }), this._downloadTools = p(), this.layoutTemplateSelectRef = p(), this.reportTemplateSelectRef = 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 = D({ context: R }), this._refineGraphics = [], this._reportTemplates = [], this._reportTemplatesInfo = [], this.searchConfigurationChange = P(), this.listenOn(window, "selectionSetsChanged", this.selectionSetsChanged), this._pnState = new M(), this._pnStateContextProvider.setValue(this._pnState);
+    super(), this.addresseeLayerIds = [], this.bufferColor = [227, 139, 79, 0.8], this.bufferOutlineColor = [255, 255, 255], this.customLabelEnabled = !1, this.customExport = !1, this.customExportURL = "", 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 = "PDF", this._fetchingData = !1, this._isMobile = !1, this._numDuplicates = 0, this._pageType = "LIST", this._saveEnabled = !1, this._selectionSets = [], this._segmentType = "STANDARD", this._selectedReportingLayerId = "", this._isInitialLoading = !0, this._layoutTemplates = [], this._translations = q({ name: "public-notification", blocking: !0 }), this._downloadTools = v(), this.layoutTemplateSelectRef = v(), this.reportTemplateSelectRef = v(), this._onboardingImageUrl = "", this._popupsEnabled = !1, this._removeDuplicates = v(), this._selectTools = v(), this._refineSelection = v(), this._titleElement = v(), this._titleValue = void 0, this._numSelected = 0, this._pnStateContextProvider = te({ context: ee }), this._refineGraphics = [], this._reportTemplates = [], this._reportTemplatesInfo = [], this.searchConfigurationChange = Q(), this.listenOn(window, "selectionSetsChanged", this.selectionSetsChanged), this._pnState = new re(), this._pnStateContextProvider.setValue(this._pnState);
   }
   static {
     this.properties = { addresseeLayerIds: 0, bufferColor: 1, bufferOutlineColor: 1, customLabelEnabled: 5, customExport: 5, customExportURL: 1, 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, _segmentType: 16, _selectedReportingLayerId: 16, _isInitialLoading: 16, _layoutTemplates: 16, _translations: 16 };
   }
   static {
-    this.styles = U;
+    this.styles = ne;
   }
   static {
-    this.shadowRootOptions = O;
+    this.shadowRootOptions = K;
   }
   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 !== "LIST") && this.pageTypeWatchHandler(this._pageType, e.get("_pageType")), (e.has("customExport") || e.has("customExportURL")) && this.hasUpdated && this._setTemplates();
@@ -71,11 +71,11 @@ class H extends I {
     super.connectedCallback(), this._mediaQuery = window.matchMedia("(max-width: 600px)"), this.listenOn(this._mediaQuery, "change", (e) => this._setIsMobile(e));
   }
   async load() {
-    this._initSymbols(), this._onboardingImageUrl = S("assets/public-notification/images/onboarding.png");
+    this._initSymbols(), this._onboardingImageUrl = G("assets/public-notification/images/onboarding.png");
   }
   render() {
     const e = this._isMobile ? "footer" : "header";
-    return l`<calcite-shell>${this._isInitialLoading ? l`<calcite-loader label></calcite-loader>` : l`<calcite-action-bar class="border-bottom-1 action-bar-size" expand-disabled layout=horizontal slot=${e ?? m}>${this._getActionGroup("list-check", "LIST", this._translations.myLists)}${this.showRefineSelection ? this._getActionGroup("test-data", "REFINE", this._translations.refineSelection) : null}${this._getActionGroup("export", "EXPORT", this._translations.export)}</calcite-action-bar>${this._getPage(this._pageType)}`}</calcite-shell>`;
+    return l`<calcite-shell>${this._isInitialLoading ? l`<calcite-loader label></calcite-loader>` : l`<calcite-action-bar class="border-bottom-1 action-bar-size" expand-disabled layout=horizontal slot=${e ?? k}>${this._getActionGroup("list-check", "LIST", this._translations.myLists)}${this.showRefineSelection ? this._getActionGroup("test-data", "REFINE", this._translations.refineSelection) : null}${this._getActionGroup("export", "EXPORT", this._translations.export)}</calcite-action-bar>${this._getPage(this._pageType)}`}</calcite-shell>`;
   }
   async loaded() {
     this.searchConfiguration && this._initSearchConfiguration(this.searchConfiguration), this.customExport && this.customExportURL && await this._setTemplates(), this._isInitialLoading = !1;
@@ -132,9 +132,9 @@ class H extends I {
   }
   _getActionGroup(e, t, i) {
     const s = this.showRefineSelection ? "w-1-3" : "w-1-2";
-    return l`<calcite-action-group class=${g(s)} layout=horizontal><div class="background-override"><calcite-action .active=${this._pageType === t} alignment=center appearance=solid class="width-full height-full" .icon=${e} id=${e ?? m} @click=${() => {
+    return l`<calcite-action-group class=${x(s)} layout=horizontal><div class="background-override"><calcite-action .active=${this._pageType === t} alignment=center class="width-full height-full" .icon=${e} id=${e ?? k} @click=${() => {
       this._setPageType(t);
-    }} text></calcite-action></div><calcite-tooltip label placement=bottom .referenceElement=${e}><span>${i}</span></calcite-tooltip></calcite-action-group>`;
+    }} style=${Z(this._pageType === t ? "background-color: var(--calcite-color-brand)" : "")} .text=${i}></calcite-action></div><calcite-tooltip placement=bottom .referenceElement=${e}><span>${i}</span></calcite-tooltip></calcite-action-group>`;
   }
   _setPageType(e) {
     this._pageType = e;
@@ -164,15 +164,15 @@ class H extends I {
     }} width=full><span class="font-weight-500">${this._translations.add}</span></calcite-button></div></calcite-panel>`;
   }
   _getOnboardingImage() {
-    return l`<div class="display-flex padding-sides-1"><img class="img-container" role=presentation src=${this._onboardingImageUrl ?? m}></div>`;
+    return l`<div class="display-flex padding-sides-1"><img alt aria-hidden=true class="img-container" src=${this._onboardingImageUrl ?? k}></div>`;
   }
   _getSelectionSetList() {
-    return l`<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) => {
+    return l`<div class="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 === "REFINE" && (a = Object.keys(t.refineInfos).reduce((n, r) => {
-        const d = t.refineInfos[r];
-        return n += d.addIds.length + d.removeIds.length, n;
+      return t.workflowType === "REFINE" && (a = Object.keys(t.refineInfos).reduce((n, h) => {
+        const p = t.refineInfos[h];
+        return n += p.addIds.length + p.removeIds.length, n;
       }, 0) > 0), a && e.push(l`<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", "", (o) => this._openSelection(t, o), !1, "actions-end")}${this._getAction(!0, "x", "", (o) => this._deleteSelection(i, o), !1, "actions-end")}</calcite-list-item>`), e;
     }, [])}</calcite-list></div>`;
   }
@@ -185,7 +185,7 @@ class H extends I {
     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 x(this.mapView.map, e), i = t && T(t);
+    const e = this._getExportInfos(), t = this.mapView?.map && await B(this.mapView.map, e), i = t && J(t);
     return t && i ? t.length - i.length : 0;
   }
   _getExportInfos() {
@@ -210,7 +210,7 @@ class H extends I {
   }
   _getSelectPage() {
     const e = this._translations.selectSearchTip;
-    return l`<calcite-panel>${this._getLabel(this._translations?.stepTwoFull, !0, "header-label")}${this._getNotice(e, "padding-1", "word-wrap-anywhere")}<div><map-select-tools .bufferColor=${this.bufferColor} .bufferOutlineColor=${this.bufferOutlineColor} class="" .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} header-label-class .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} ${h(this._selectTools)}></map-select-tools></div>${this._getPageNavButtons(this._translations.done, this._numSelected === 0, () => {
+    return l`<calcite-panel>${this._getLabel(this._translations?.stepTwoFull, !0, "header-label")}${this._getNotice(e, "padding-1", "word-wrap-anywhere")}<div><map-select-tools .bufferColor=${this.bufferColor} .bufferOutlineColor=${this.bufferOutlineColor} class="" .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} header-label-class .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} ${_(this._selectTools)}></map-select-tools></div>${this._getPageNavButtons(this._translations.done, this._numSelected === 0, () => {
       this._saveSelection();
     }, this._translations.cancel, !1, () => {
       this._home();
@@ -218,18 +218,18 @@ class H extends I {
   }
   _getExportPage() {
     const e = this._hasSelections(this.showRefineSelection), t = this._numDuplicates > 0 ? "display-block" : "display-none", i = this.customExport && this.customExportURL && this._layoutTemplates.length;
-    return l`<calcite-panel><div>${this._getLabel(this._translations.export, !1, "header-label")}${e ? l`<div>${this._getNotice(this._translations.exportTip, "padding-sides-1")}${this._getLabel(this._translations.exportListsLabel, !1, "")}${this._getExportSelectionLists()}<div class=${`padding-sides-1 ${t}`}><div class="display-flex"><calcite-label layout=inline><calcite-checkbox ${h(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="segmented-controls padding-top-sides-1">${this._getLabel(this._translations.exportOptions, !0, "", "margin-bottom-0-5")}${this._getSegmentedControls()}</div>${i ? this._getCustomPrintOptions() : l`<div class="padding-1 padding-bottom-0">${this._getExportOptions()}</div>`}<div class="padding-1 display-flex"><calcite-button .disabled=${!this._downloadActive || this._fetchingData || !this._addMap && !this._addResults} .loading=${this._fetchingData} @click=${() => this._segmentType === "CUSTOM" ? this._customExport() : void this._standardExport()} 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 l`<calcite-panel><div>${this._getLabel(this._translations.export, !1, "header-label")}${e ? l`<div>${this._getNotice(this._translations.exportTip, "padding-sides-1")}${this._getLabel(this._translations.exportListsLabel, !1, "")}${this._getExportSelectionLists()}<div class=${`padding-sides-1 ${t}`}><div class="display-flex"><calcite-label layout=inline><calcite-checkbox ${_(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 aria-hidden=true 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="segmented-controls padding-top-sides-1">${this._getLabel(this._translations.exportOptions, !0, "", "margin-bottom-0-5")}${this._getSegmentedControls()}</div>${i ? this._getCustomPrintOptions() : l`<div class="padding-1 padding-bottom-0">${this._getExportOptions()}</div>`}<div class="padding-1 display-flex"><calcite-button .disabled=${!this._downloadActive || this._fetchingData || !this._addMap && !this._addResults} .loading=${this._fetchingData} @click=${() => this._segmentType === "CUSTOM" ? this._customExport() : void this._standardExport()} 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>`;
   }
   _customExport() {
     if (!this.mapView)
       return;
     const e = this.layoutTemplateSelectRef.value ? this.layoutTemplateSelectRef.value.selectedOption.value : "", t = this.reportTemplateSelectRef.value ? this.reportTemplateSelectRef.value.selectedOption.value : "";
     this._fetchingData = !0;
-    const i = this._reportTemplatesInfo.find((r) => r.reportTemplate === t), s = i ? { ...i.reportOptions } : {}, a = this._selectedReportingLayerId;
-    s?.reportSectionOverrides && Object.keys(s.reportSectionOverrides).forEach((r) => {
-      s.reportSectionOverrides[r].sourceId = a;
+    const i = this._reportTemplatesInfo.find((h) => h.reportTemplate === t), s = i ? { ...i.reportOptions } : {}, a = this._selectedReportingLayerId;
+    s?.reportSectionOverrides && Object.keys(s.reportSectionOverrides).forEach((h) => {
+      s.reportSectionOverrides[h].sourceId = a;
     });
-    const o = new F({
+    const o = new ae({
       layout: e,
       report: t,
       format: "pdf",
@@ -237,19 +237,19 @@ class H extends I {
         titleText: this._titleElement.value?.value
       },
       reportOptions: s
-    }), n = new A({
+    }), n = new oe({
       view: this.mapView,
       template: o
     });
-    G.execute(this.customExportURL, n).then((r) => {
-      let d = this._titleValue;
-      if (!d) {
-        const u = this._getSelectionIdsAndViews(this._selectionSets, !0), c = E(u);
-        d = k(c);
+    le.execute(this.customExportURL, n).then((h) => {
+      let p = this._titleValue;
+      if (!p) {
+        const g = this._getSelectionIdsAndViews(this._selectionSets, !0), d = W(g);
+        p = z(d);
       }
-      r.url && d && this._downloadCustomPDF(r.url, d), this._fetchingData = !1;
-    }).catch((r) => {
-      this._fetchingData = !1, console.error(r);
+      h.url && p && this._downloadCustomPDF(h.url, p), this._fetchingData = !1;
+    }).catch((h) => {
+      this._fetchingData = !1, console.error(h);
     });
   }
   async _downloadCustomPDF(e, t) {
@@ -275,10 +275,10 @@ class H extends I {
     return this.customExport && this.customExportURL && this._layoutTemplates.length ? this._getStandardAndCustomSegmentedControl() : this._getPDFAndCSVSementedControl();
   }
   _getPDFAndCSVSementedControl() {
-    return l`<calcite-segmented-control class="w-100 calcite-segments" @calciteSegmentedControlChange=${this._exportTypeChange} width=full><calcite-segmented-control-item .checked=${this._exportType === "PDF"} class="w-50 end-border" value=PDF><span class="font-weight-500">${this._translations.pdf}</span></calcite-segmented-control-item><calcite-segmented-control-item .checked=${this._exportType === "CSV"} class="w-50" value=CSV><span class="font-weight-500">${this._translations.csv}</span></calcite-segmented-control-item></calcite-segmented-control>`;
+    return l`<calcite-segmented-control class="w-100 calcite-segments" @calciteSegmentedControlChange=${this._exportTypeChange} width=full><calcite-segmented-control-item .checked=${this._exportType === "PDF"} class="w-50 end-border" .iconStart=${this._exportType === "PDF" ? "check" : void 0} value=PDF><span class="font-weight-500">${this._translations.pdf}</span></calcite-segmented-control-item><calcite-segmented-control-item .checked=${this._exportType === "CSV"} class="w-50" .iconStart=${this._exportType === "CSV" ? "check" : void 0} value=CSV><span class="font-weight-500">${this._translations.csv}</span></calcite-segmented-control-item></calcite-segmented-control>`;
   }
   _getStandardAndCustomSegmentedControl() {
-    return l`<calcite-segmented-control class="w-100 calcite-segments" @calciteSegmentedControlChange=${this._segmentTypeChange} width=full><calcite-segmented-control-item .checked=${this._segmentType === "STANDARD"} class="w-50 end-border" value=STANDARD><span class="font-weight-500">${this._translations.standard}</span></calcite-segmented-control-item><calcite-segmented-control-item .checked=${this._segmentType === "CUSTOM"} class="w-50" value=CUSTOM><span class="font-weight-500">${this._translations.custom}</span></calcite-segmented-control-item></calcite-segmented-control>`;
+    return l`<calcite-segmented-control class="w-100 calcite-segments" @calciteSegmentedControlChange=${this._segmentTypeChange} width=full><calcite-segmented-control-item .checked=${this._segmentType === "STANDARD"} class="w-50 end-border" .iconStart=${this._segmentType === "STANDARD" ? "check" : void 0} value=STANDARD><span class="font-weight-500">${this._translations.standard}</span></calcite-segmented-control-item><calcite-segmented-control-item .checked=${this._segmentType === "CUSTOM"} class="w-50" .iconStart=${this._segmentType === "CUSTOM" ? "check" : void 0} value=CUSTOM><span class="font-weight-500">${this._translations.custom}</span></calcite-segmented-control-item></calcite-segmented-control>`;
   }
   _getCustomPrintOptions() {
     return this._segmentType === "STANDARD" ? this._getStandardExportOptions() : this._getCustomExportOptions();
@@ -290,7 +290,7 @@ class H extends I {
     const e = this._titleValue ? this._titleValue : this.defaultExportTitle ? this.defaultExportTitle : "", t = [], i = this._getSelectionIdsAndViews(this._selectionSets, !0);
     return Object.keys(i).forEach((s) => {
       i[s].ids.length && t.push(s);
-    }), l`<div id=custom-export-div class="padding-top-sides-1"><p class="instructional-text">${this._translations.formattingTip}</p>${t.length > 1 && l`<p class="instructional-text margin-top-0-5">${this._translations.selectMatchingInputLayersLabel}</p>` || ""}<div class=${"margin-top-1"}>${this._getLabel(this._translations.title, !0, "", "none")}<calcite-input-text class="padding-inline-start-0 padding-top-1-2" @calciteInputTextInput=${() => this._changeTitle()} .placeholder=${this._translations.titlePlaceholder} .value=${e} ${h(this._titleElement)}></calcite-input-text></div><div class=${"margin-top-1"}>${this._getLabel(this._translations.layoutTemplate, !0, "", "none")}</div><calcite-select class="padding-inline-start-0 padding-top-1-2" label ${h(this.layoutTemplateSelectRef)}>${this._layoutTemplates.map((s, a) => l`<calcite-option .selected=${a === 0} .value=${s}>${s}</calcite-option>`)}</calcite-select>${this._reportTemplates?.length && l`<div class=${"margin-top-1"}>${this._getLabel(this._translations.reportTemplate, !0, "", "none")}</div><calcite-select class="padding-inline-start-0 padding-top-1-2" label ${h(this.reportTemplateSelectRef)}>${this._reportTemplates.map((s, a) => l`<calcite-option .selected=${a === 0} .value=${s}>${s}</calcite-option>`)}</calcite-select><div class=${"padding-top-sides-1 padding-inline-start-0 display-flex margin-bottom-0-5"}><calcite-label class="label-margin-0" layout=inline>${this._translations.reportLayer}</calcite-label><calcite-icon class="padding-start-1-2 icon" .flipRtl=${this._translations._lang?.toLowerCase() !== "he"} icon=information id=filter-message-info scale=s></calcite-icon><calcite-popover closable label overlay-positioning=fixed reference-element=filter-message-info><span class="tooltip-message">${this._translations.sourceLayerWarning}</span></calcite-popover></div><map-layer-picker .disabled=${t.length <= 1} .enabledLayerIds=${t} .mapView=${this.mapView} @layerSelectionChange=${(s) => {
+    }), l`<div id=custom-export-div class="padding-top-sides-1"><p class="instructional-text">${this._translations.formattingTip}</p>${t.length > 1 && l`<p class="instructional-text margin-top-0-5">${this._translations.selectMatchingInputLayersLabel}</p>` || ""}<div class=${"margin-top-1"}>${this._getLabel(this._translations.title, !0, "", "none")}<calcite-input-text class="padding-inline-start-0 padding-top-1-2" @calciteInputTextInput=${() => this._changeTitle()} .placeholder=${this._translations.titlePlaceholder} .value=${e} ${_(this._titleElement)}></calcite-input-text></div><div class=${"margin-top-1"}>${this._getLabel(this._translations.layoutTemplate, !0, "", "none")}</div><calcite-select class="padding-inline-start-0 padding-top-1-2" label ${_(this.layoutTemplateSelectRef)}>${this._layoutTemplates.map((s, a) => l`<calcite-option .selected=${a === 0} .value=${s}>${s}</calcite-option>`)}</calcite-select>${this._reportTemplates?.length && l`<div class=${"margin-top-1"}>${this._getLabel(this._translations.reportTemplate, !0, "", "none")}</div><calcite-select class="padding-inline-start-0 padding-top-1-2" label ${_(this.reportTemplateSelectRef)}>${this._reportTemplates.map((s, a) => l`<calcite-option .selected=${a === 0} .value=${s}>${s}</calcite-option>`)}</calcite-select><div class=${"padding-top-sides-1 padding-inline-start-0 display-flex margin-bottom-0-5"}><calcite-label class="label-margin-0" layout=inline>${this._translations.reportLayer}</calcite-label><calcite-icon class="padding-start-1-2 icon" .flipRtl=${this._translations._lang?.toLowerCase() !== "he"} icon=information id=filter-message-info scale=s></calcite-icon><calcite-popover closable label overlay-positioning=fixed reference-element=filter-message-info><span class="tooltip-message">${this._translations.sourceLayerWarning}</span></calcite-popover></div><map-layer-picker .disabled=${t.length <= 1} .enabledLayerIds=${t} .mapView=${this.mapView} @layerSelectionChange=${(s) => {
       this._selectedReportingLayerId = s.detail[0];
     }} .selectedIds=${[this._selectedReportingLayerId]}></map-layer-picker>` || ""}</div>`;
   }
@@ -303,18 +303,18 @@ class H extends I {
     try {
       const i = await this.getTasksInfo(t);
       let s = "";
-      const a = i.tasks?.map(async (c) => {
-        await this.getTaskType(c, t) === "GetReportTemplatesInfo" && (s = `${t}/${c}`);
+      const a = i.tasks?.map(async (d) => {
+        await this.getTaskType(d, t) === "GetReportTemplatesInfo" && (s = `${t}/${d}`);
       });
       a && await Promise.all(a), s && i.executionType && await this._fetchReportTemplates(s, i.executionType);
-      const n = (await f(e, {
+      const n = (await P(e, {
         authMode: "auto",
         responseType: "json",
         query: { f: "json" }
-      }))?.data, r = n.parameters.find((c) => c.name === "Layout_Template" && Array.isArray(c.choiceList)), d = n.parameters.find((c) => c.name === "Report_Template" && Array.isArray(c.choiceList));
-      this._layoutTemplates = r ? r.choiceList : [];
-      const u = d ? d.choiceList : [];
-      this._reportTemplates = this._reportTemplatesInfo.length ? u.filter((c) => this._reportTemplatesInfo.some((_) => _.reportTemplate === c)) : [];
+      }))?.data, h = n.parameters.find((d) => d.name === "Layout_Template" && Array.isArray(d.choiceList)), p = n.parameters.find((d) => d.name === "Report_Template" && Array.isArray(d.choiceList));
+      this._layoutTemplates = h ? h.choiceList : [];
+      const g = p ? p.choiceList : [];
+      this._reportTemplates = this._reportTemplatesInfo.length ? g.filter((d) => this._reportTemplatesInfo.some(($) => $.reportTemplate === d)) : [];
     } catch (i) {
       this.resetCustomExport(), console.error(i);
     }
@@ -327,7 +327,7 @@ class H extends I {
       return Promise.resolve("");
     const i = `${t}/${e}`;
     try {
-      const o = (await f(i, {
+      const o = (await P(i, {
         authMode: "auto",
         responseType: "json",
         query: { f: "json" }
@@ -346,7 +346,7 @@ class H extends I {
       query: { f: "json" }
     };
     try {
-      const a = (await f(t, i))?.data, o = a?.tasks, n = a?.executionType === "esriExecutionTypeSynchronous" ? "execute" : "submitJob";
+      const a = (await P(t, i))?.data, o = a?.tasks, n = a?.executionType === "esriExecutionTypeSynchronous" ? "execute" : "submitJob";
       return {
         tasks: o,
         supportedOperations: n,
@@ -360,10 +360,10 @@ class H extends I {
     if (e)
       try {
         if (t === "esriExecutionTypeSynchronous") {
-          const s = (await b.execute(e, {}))?.results?.find((a) => a.paramName === "Output_JSON");
+          const s = (await V.execute(e, {}))?.results?.find((a) => a.paramName === "Output_JSON");
           this._reportTemplatesInfo = s?.value ?? [];
         } else {
-          const i = await b.submitJob(e, {});
+          const i = await V.submitJob(e, {});
           await i.waitForJobCompletion();
           const s = await i.fetchResultData("Output_JSON");
           this._reportTemplatesInfo = s?.value ?? [];
@@ -384,7 +384,7 @@ class H extends I {
   }
   _getExportOptions() {
     const e = this._exportType === "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 l`<div class=${g(e)}><p class="instructional-text">${this._translations.selectContentTip}</p><div class="padding-top-sides-1 padding-inline-start-0"><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=${`indent-group margin-top-1 ${a}`}><div class="margin-bottom-0-5"><calcite-label class="label-margin-0">${this._translations.selectPDFLabelOption}</calcite-label></div><div><pdf-download .defaultNumLabelsPerPage=${Number.parseInt(this.defaultNumLabelsPerPage.toString(), 10)} .disabled=${!this._downloadActive} ${h(this._downloadTools)}></pdf-download></div></div><div class="padding-top-sides-1 padding-inline-start-0"><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=${`${t} indent-group margin-top-0-5`}><calcite-input-text class="padding-inline-start-0 padding-top-1-2" @calciteInputTextInput=${() => this._changeTitle()} .placeholder=${this._translations.titlePlaceholder} .value=${s} ${h(this._titleElement)}></calcite-input-text></div><div class="padding-top-sides-1 padding-inline-start-0"><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 padding-inline-start-0 ${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 l`<div class=${x(e)}><p class="instructional-text">${this._translations.selectContentTip}</p><div class="padding-top-sides-1 padding-inline-start-0"><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=${`indent-group margin-top-1 ${a}`}><div class="margin-bottom-0-5"><calcite-label class="label-margin-0">${this._translations.selectPDFLabelOption}</calcite-label></div><div><pdf-download .defaultNumLabelsPerPage=${Number.parseInt(this.defaultNumLabelsPerPage.toString(), 10)} .disabled=${!this._downloadActive} ${_(this._downloadTools)}></pdf-download></div></div><div class="padding-top-sides-1 padding-inline-start-0"><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=${`${t} indent-group margin-top-0-5`}><calcite-input-text class="padding-inline-start-0 padding-top-1-2" @calciteInputTextInput=${() => this._changeTitle()} .placeholder=${this._translations.titlePlaceholder} .value=${s} ${_(this._titleElement)}></calcite-input-text></div><div class="padding-top-sides-1 padding-inline-start-0"><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 padding-inline-start-0 ${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();
@@ -420,7 +420,7 @@ class H extends I {
             color: this.bufferOutlineColor,
             width: 1
           }
-        }, a = new V({
+        }, a = new ie({
           geometry: i.buffer,
           symbol: s
         });
@@ -428,9 +428,83 @@ class H extends I {
       }
     });
   }
+  async _getExportCropArea() {
+    if (!this.mapView)
+      return;
+    const [e, t] = this.mapView.size || [0, 0];
+    if (e <= 0 || t <= 0)
+      return;
+    const i = [], s = (c) => {
+      c && isFinite(c.xmin) && isFinite(c.ymin) && isFinite(c.xmax) && isFinite(c.ymax) && i.push({
+        xmin: c.xmin,
+        ymin: c.ymin,
+        xmax: c.xmax,
+        ymax: c.ymax,
+        sr: c.spatialReference
+      });
+    }, a = (c) => {
+      c?.graphics.forEach((r) => {
+        const m = r?.geometry;
+        m && (m.extent ? s(m.extent) : typeof m.x == "number" && typeof m.y == "number" && i.push({
+          xmin: m.x,
+          ymin: m.y,
+          xmax: m.x,
+          ymax: m.y,
+          sr: m.spatialReference
+        }));
+      });
+    };
+    a(this._getManagedLayer("buffer")), a(this._getManagedLayer("sketch"));
+    const o = [];
+    if (this._selectionSets.forEach((c) => {
+      const r = (m, T) => {
+        m && T?.length && o.push(m.queryExtent({ objectIds: T }).then((A) => A?.extent ?? null).catch(() => null));
+      };
+      c.workflowType === "REFINE" && c.refineInfos ? Object.keys(c.refineInfos).forEach((m) => {
+        const T = c.refineInfos[m];
+        r(T?.layerView, T?.addIds || []);
+      }) : r(c.layerView, c.selectedIds || []);
+    }), o.length > 0 && (await Promise.all(o)).forEach((r) => s(r)), i.length === 0)
+      return;
+    const n = i[0].sr;
+    let h = i[0].xmin, p = i[0].ymin, g = i[0].xmax, d = i[0].ymax;
+    for (let c = 1; c < i.length; ++c) {
+      const r = i[c];
+      r.xmin < h && (h = r.xmin), r.ymin < p && (p = r.ymin), r.xmax > g && (g = r.xmax), r.ymax > d && (d = r.ymax);
+    }
+    const $ = [
+      { x: h, y: p, spatialReference: n },
+      { x: h, y: d, spatialReference: n },
+      { x: g, y: p, spatialReference: n },
+      { x: g, y: d, spatialReference: n }
+    ];
+    let f = Number.POSITIVE_INFINITY, y = Number.POSITIVE_INFINITY, b = Number.NEGATIVE_INFINITY, S = Number.NEGATIVE_INFINITY;
+    for (const c of $) {
+      const r = this.mapView.toScreen(c);
+      !r || !isFinite(r.x) || !isFinite(r.y) || (r.x < f && (f = r.x), r.y < y && (y = r.y), r.x > b && (b = r.x), r.y > S && (S = r.y));
+    }
+    if (!isFinite(f) || !isFinite(y) || !isFinite(b) || !isFinite(S))
+      return;
+    const E = 24;
+    f = Math.max(0, Math.floor(f - E)), y = Math.max(0, Math.floor(y - E)), b = Math.min(e, Math.ceil(b + E)), S = Math.min(t, Math.ceil(S + E));
+    const O = b - f, R = S - y;
+    if (O <= 0 || R <= 0)
+      return;
+    const D = 8 / 10.5, F = (f + b) / 2, M = (y + S) / 2;
+    let u = Math.max(O, R * D), w = u / D;
+    const L = Math.min(e / u, t / w);
+    L > 1 && (u *= L, w *= L), u > e && (u = e), w > t && (w = t);
+    let I = F - u / 2, C = M - w / 2;
+    return I = Math.max(0, Math.min(I, e - u)), C = Math.max(0, Math.min(C, t - w)), {
+      x: Math.floor(I),
+      y: Math.floor(C),
+      width: Math.floor(u),
+      height: Math.floor(w)
+    };
+  }
   _getRefinePage() {
     const e = this._hasSelections();
-    return l`<calcite-panel>${this._getLabel(this._translations.refineSelection, !1, "header-label")}${e ? l`<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} ${h(this._refineSelection)}></refine-selection></div>` : this._getNotice(this._translations.refineTipNoSelections, "padding-sides-1")}</calcite-panel>`;
+    return l`<calcite-panel>${this._getLabel(this._translations.refineSelection, !1, "header-label")}${e ? l`<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} ${_(this._refineSelection)}></refine-selection></div>` : this._getNotice(this._translations.refineTipNoSelections, "padding-sides-1")}</calcite-panel>`;
   }
   _getPageNavButtons(e, t, i, s, a, o) {
     return l`<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=${o} width=full><span class="font-weight-500">${s}</span></calcite-button></div></div>`;
@@ -439,10 +513,10 @@ class H extends I {
     this._titleElement.value?.value && (this._titleValue = this._titleElement.value.value || "");
   }
   _getNotice(e, t = "padding-1", i = "") {
-    return l`<calcite-notice class=${g(t)} icon=lightbulb kind=success open><div class=${g(i)} slot=message>${e}</div></calcite-notice>`;
+    return l`<calcite-notice class=${x(t)} icon=lightbulb kind=success open><div class=${x(i)} slot=message>${e}</div></calcite-notice>`;
   }
   _getLabel(e, t = !1, i = "font-bold", s = "padding-top-sides-1") {
-    return i += t ? " label-margin-0" : "", l`<div class=${g(s)}><calcite-label class=${g(i)}>${e}</calcite-label></div>`;
+    return i += t ? " label-margin-0" : "", l`<div class=${x(s)}><calcite-label class=${x(i)}>${e}</calcite-label></div>`;
   }
   _getExportSelectionLists() {
     return this._selectionSets.reduce((e, t) => {
@@ -467,7 +541,17 @@ class H extends I {
     const e = this._addResults ? this._getSelectionIdsAndViews(this._selectionSets, !0) : {};
     if (this._exportType === "PDF") {
       let t = "";
-      this._addMap && this.mapView && (t = (await this.mapView.takeScreenshot({ width: 1500, height: 2e3 }))?.dataUrl), this._fetchingData = !0, this._downloadTools.value && this._removeDuplicates.value && this.mapView?.map && await this._downloadTools.value.downloadPDF(this.mapView.map, e, this._removeDuplicates.value.checked, this._addTitle && this._titleElement.value ? this._titleElement.value.value : "", t), this._fetchingData = !1;
+      if (this._addMap && this.mapView) {
+        const i = await this._getExportCropArea(), [s, a] = this.mapView.size || [0, 0], o = 2e3, n = i?.width ?? s, h = i?.height ?? a;
+        let p = 1500, g = 2e3;
+        if (n > 0 && h > 0) {
+          const f = o / Math.max(n, h);
+          p = Math.max(1, Math.round(n * f)), g = Math.max(1, Math.round(h * f));
+        }
+        const d = { width: p, height: g };
+        i && (d.area = i), t = (await this.mapView.takeScreenshot(d))?.dataUrl;
+      }
+      this._fetchingData = !0, this._downloadTools.value && this._removeDuplicates.value && this.mapView?.map && await this._downloadTools.value.downloadPDF(this.mapView.map, e, this._removeDuplicates.value.checked, this._addTitle && this._titleElement.value ? this._titleElement.value.value : "", t), this._fetchingData = !1;
     }
     this._exportType === "CSV" && (this._fetchingData = !0, this._downloadTools.value && this.mapView?.map && await this._downloadTools.value.downloadCSV(this.mapView.map, e, this._removeDuplicates.value?.checked || !1), this._fetchingData = !1);
   }
@@ -477,8 +561,8 @@ class H extends I {
         Object.keys(a.refineInfos).forEach((o) => {
           const n = a.refineInfos[o];
           if (n.addIds) {
-            const r = n.layerView.layer.id;
-            s = this._updateExportInfos(s, r, a.label, n.addIds, n.layerView);
+            const h = n.layerView.layer.id;
+            s = this._updateExportInfos(s, h, a.label, n.addIds, n.layerView);
           }
         });
       else {
@@ -496,7 +580,7 @@ class H extends I {
     }), e;
   }
   _getAction(e, t, i, s, a = !1, o = "") {
-    return l`<calcite-action appearance=solid .disabled=${!e} .icon=${t} icon-flip-rtl .indicator=${a} @click=${s} slot=${o ?? m} .text=${i}></calcite-action>`;
+    return l`<calcite-action .disabled=${!e} .icon=${t} icon-flip-rtl .indicator=${a} @click=${s} slot=${o ?? k} .text=${i}></calcite-action>`;
   }
   _updateForSelection(e) {
     this._numSelected = e.detail, this._saveEnabled = this._numSelected > 0;
@@ -519,7 +603,7 @@ class H extends I {
     return t.stopPropagation(), this._selectionSets = this._selectionSets.filter((i, s) => (i.workflowType === "REFINE" && (this._refineGraphics = []), s !== e ? i : !1)), this._highlightFeatures();
   }
   _gotoSelection(e, t) {
-    e.selectedIds && e.layerView && v(e.selectedIds, e.layerView, t, this.featureHighlightEnabled, this.featureEffect);
+    e.selectedIds && e.layerView && H(e.selectedIds, e.layerView, t, this.featureHighlightEnabled, this.featureEffect);
   }
   _openSelection(e, t) {
     t.stopPropagation(), this._activeSelection = e, this._pageType = e.workflowType === "REFINE" ? "REFINE" : "SELECT";
@@ -532,7 +616,7 @@ class H extends I {
       for (let s = 0; s < i.length; s++) {
         const a = t[i[s]];
         if (a.layerView && this.mapView) {
-          const o = await $(a.ids, a.layerView, this.mapView);
+          const o = await j(a.ids, a.layerView, this.mapView);
           e.highlightHandles.push(o);
         }
       }
@@ -545,7 +629,7 @@ class H extends I {
     e && e.highlightHandles && e.removeHandles();
   }
 }
-w("public-notification", H);
+U("public-notification", ce);
 export {
-  H as PublicNotification
+  ce as PublicNotification
 };

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

@@ -1,5 +1,11 @@
 /// <reference path="../../index.d.ts" />
-/// <reference types="@arcgis/core/interfaces.d.ts" />
+import type Graphic from "@arcgis/core/Graphic.js";
+import type FeatureLayerView from "@arcgis/core/views/layers/FeatureLayerView.js";
+import type Geometry from "@arcgis/core/geometry/Geometry.js";
+import type SimpleFillSymbol from "@arcgis/core/symbols/SimpleFillSymbol.js";
+import type SimpleMarkerSymbol from "@arcgis/core/symbols/SimpleMarkerSymbol.js";
+import type SimpleLineSymbol from "@arcgis/core/symbols/SimpleLineSymbol.js";
+import type MapView from "@arcgis/core/views/MapView.js";
 import type { DistanceUnit, ISelectionSet } from "../../utils/interfaces.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
@@ -37,7 +43,7 @@ export abstract class RefineSelection extends LitElement {
       sketchLayer: string;
   }>;
   /** esri/views/layers/FeatureLayerView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html */
-  accessor addresseeLayer: __esri.FeatureLayerView | undefined;
+  accessor addresseeLayer: FeatureLayerView | undefined;
   /** string | number[] |  object with r, g, b, a: https://developers.arcgis.com/javascript/latest/api-reference/esri-Color.html */
   accessor bufferColor: any;
   /** string | number[] | object with r, g, b, a: https://developers.arcgis.com/javascript/latest/api-reference/esri-Color.html */
@@ -48,8 +54,8 @@ export abstract class RefineSelection extends LitElement {
   accessor defaultBufferUnit: DistanceUnit | undefined;
   /** Array of drawn graphics for refine selection */
   accessor drawnGraphicsArr: {
-      drawnGraphic: __esri.Graphic | undefined;
-      bufferGraphic: __esri.Graphic | undefined;
+      drawnGraphic: Graphic | undefined;
+      bufferGraphic: Graphic | undefined;
   }[];
   /**
    * string[]: Optional list of enabled layer ids
@@ -69,9 +75,9 @@ export abstract class RefineSelection extends LitElement {
    */
   accessor enableSearchDistanceOnLoad: boolean;
   /** esri/geometry: https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry.html */
-  accessor geometries: __esri.Geometry[] | undefined;
+  accessor geometries: Geometry[] | undefined;
   /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
-  accessor mapView: __esri.MapView | undefined;
+  accessor mapView: MapView | undefined;
   /**
    * boolean: when true buffer tools controls are enabled
    *
@@ -81,11 +87,11 @@ export abstract class RefineSelection extends LitElement {
   /** utils/interfaces/ISelectionSet: An array of user defined selection sets */
   accessor selectionSets: ISelectionSet[];
   /** esri/symbols/SimpleLineSymbol | JSON representation : https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html */
-  accessor sketchLineSymbol: __esri.SimpleLineSymbol | undefined;
+  accessor sketchLineSymbol: SimpleLineSymbol | undefined;
   /** esri/symbols/SimpleMarkerSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html */
-  accessor sketchPointSymbol: __esri.SimpleMarkerSymbol | undefined;
+  accessor sketchPointSymbol: SimpleMarkerSymbol | undefined;
   /** esri/symbols/SimpleFillSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html */
-  accessor sketchPolygonSymbol: __esri.SimpleFillSymbol | undefined;
+  accessor sketchPolygonSymbol: SimpleFillSymbol | undefined;
   /** Emitted on demand when selection starts or ends. */
   readonly selectionLoadingChange: import("@arcgis/lumina").TargetedEvent<this, boolean>;
   /** Emitted on demand when selection sets change. */