@esri/solutions-components 1.0.0-next.20250501.2 → 1.0.0-next.20250506.1

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

@@ -11,7 +11,7 @@ import { LitElement as x, createEvent as E, noShadowRoot as T, safeClassMap as p
 import { css as C } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250501.2 */
+v1.0.0-next.20250506.1 */
 const I = C`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -40,87 +40,48 @@ class P extends x {
   static {
     this.shadowRootOptions = T;
   }
-  /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */
   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"));
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  /** Called each time the mapView prop is changed. */
   async mapViewWatchHandler(e) {
     e?.popup && (this._popupsEnabled = e?.popupEnabled), this.searchConfiguration && this._initSearchConfiguration(this.searchConfiguration);
   }
-  /**
-   * Called each time the searchConfiguration prop is changed.
-   *
-   * @returns Promise when complete
-   */
   async watchSearchConfigurationHandler(e, t) {
     const i = JSON.stringify(e);
     this.mapView && (i !== JSON.stringify(t) || i && !this._searchConfiguration) && (this._searchConfiguration = JSON.parse(i), this._searchConfiguration && this.searchConfigurationChange.emit(this._searchConfiguration), this._home());
   }
-  /** Called each time the sketchLineSymbol prop is changed. */
   async sketchLineSymbolWatchHandler(e, t) {
     e && JSON.stringify(e) !== JSON.stringify(t) && this._setLineSymbol(e);
   }
-  /** Called each time the sketchPointSymbol prop is changed. */
   async sketchPointSymbolWatchHandler(e, t) {
     e && JSON.stringify(e) !== JSON.stringify(t) && this._setPointSymbol(e);
   }
-  /** Called each time the sketchPolygonSymbol prop is changed. */
   async sketchPolygonSymbolWatchHandler(e, t) {
     e && JSON.stringify(e) !== JSON.stringify(t) && this._setPolygonSymbol(e);
   }
-  /** Called each time the pageType prop is changed. */
   async pageTypeWatchHandler(e, t) {
     if (this._checkPopups(), this.mapView?.popup && (this.mapView.popupEnabled = e !== l.LIST ? !1 : this._popupsEnabled), e === l.EXPORT && (this._fetchingData = !0, this._numDuplicates = await this._getNumDuplicates(), this._updateExportGraphics(), this._fetchingData = !1), this._clearHighlight(), (t === l.SELECT || t === l.REFINE) && await this._clearSelection(), t === l.EXPORT && this._removeExportGraphics(), e !== l.SELECT)
       return this._highlightFeatures();
   }
-  /** Handle changes to the selection sets */
   selectionSetsChanged(e) {
     this._selectionSets = [...e.detail];
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /** Called every time the component is connected to the DOM */
-  // TODO...is this right...the lifecycle method??
   connectedCallback() {
     super.connectedCallback(), this._mediaQuery = window.matchMedia("(max-width: 600px)"), this.listenOn(this._mediaQuery, "change", (e) => this._setIsMobile(e));
   }
-  /** Called once just after the component is first connected to the DOM. */
   async load() {
     await this._initModules(), this._initSymbols(), this._onboardingImageUrl = b("assets/public-notification/images/onboarding.png");
   }
-  /** Renders the component. */
   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 ?? g}>${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>`;
   }
-  /** Called once just after the component is first loaded. */
   loaded() {
     this.searchConfiguration && this._initSearchConfiguration(this.searchConfiguration);
   }
-  /** Called every time the component is disconnected from the DOM */
   disconnectedCallback() {
     super.disconnectedCallback();
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Load esri javascript api modules
-   *
-   * @returns Promise resolving when function is done
-   * @protected
-   */
   async _initModules() {
     const [e, t, i] = await S([
       "esri/geometry/geometryEngine",
@@ -129,29 +90,12 @@ class P extends x {
     ]);
     this._geometryEngine = e, this._jsonUtils = t, this.Graphic = i;
   }
-  /**
-   * Load the search configuration
-   *
-   * @returns Promise resolving when function is done
-   * @protected
-   */
   _initSearchConfiguration(e) {
     this.searchConfiguration && !this._searchConfiguration && this.mapView && (this._searchConfiguration = e, this.searchConfigurationChange.emit(this._searchConfiguration), this._home());
   }
-  /**
-   * Initialize the default symbols that will be used when creating new graphics
-   *
-   * @protected
-   */
   _initSymbols() {
     this._setLineSymbol(this.sketchLineSymbol), this._setPointSymbol(this.sketchPointSymbol), this._setPolygonSymbol(this.sketchPolygonSymbol);
   }
-  /**
-   * Convert a JSON representation of a line symbol and/or set the line symbol
-   *
-   * @param v SimpleLineSymbol or a JSON representation of a line symbol
-   * @protected
-   */
   _setLineSymbol(e) {
     const t = e?.type === "simple-line";
     this.sketchLineSymbol = t ? e : this._jsonUtils?.fromJSON(e || {
@@ -161,12 +105,6 @@ class P extends x {
       style: "esriSLSSolid"
     });
   }
-  /**
-   * Convert a JSON representation of a point symbol and/or set the point symbol
-   *
-   * @param v SimpleMarkerSymbol or a JSON representation of a point symbol
-   * @protected
-   */
   _setPointSymbol(e) {
     const t = e?.type === "simple-marker";
     this.sketchPointSymbol = t ? e : this._jsonUtils?.fromJSON(e || {
@@ -185,12 +123,6 @@ class P extends x {
       }
     });
   }
-  /**
-   * Convert a JSON representation of a polygon symbol and/or set the polygon symbol
-   *
-   * @param v SimpleFillSymbol or a JSON representation of a polygon symbol
-   * @protected
-   */
   _setPolygonSymbol(e) {
     const t = e?.type === "simple-fill";
     this.sketchPolygonSymbol = t ? e : this._jsonUtils?.fromJSON(e || {
@@ -205,46 +137,18 @@ class P extends x {
       style: "esriSFSSolid"
     });
   }
-  /**
-   * Set _isMobile to true when the view is 600px or less
-   *
-   * @param _evt event from media query
-   * @protected
-   */
   _setIsMobile(e) {
     this._isMobile = e.matches;
   }
-  /**
-   * Get a calcite action group for the current action
-   *
-   * @param icon the icon to display for the current action
-   * @param disabled should the action be disabled
-   * @param pageType what page type will the action navigate to
-   * @param tip information tip to display helpful details to end user
-   * @protected
-   */
   _getActionGroup(e, t, i) {
     const s = this.showRefineSelection ? "w-1-3" : "w-1-2";
     return o`<calcite-action-group class=${p(s)} layout=horizontal><div class="background-override"><calcite-action .active=${this._pageType === t} alignment=center class="width-full height-full" .icon=${e} id=${e ?? g} @click=${() => {
       this._setPageType(t);
     }} text></calcite-action></div><calcite-tooltip label placement=bottom .referenceElement=${e}><span>${i}</span></calcite-tooltip></calcite-action-group>`;
   }
-  /**
-   * Navigate to the defined page type
-   *
-   * @param pageType what page type will the action navigate to
-   * @protected
-   */
   _setPageType(e) {
     this._pageType = e;
   }
-  /**
-   * Navigate to the defined page type
-   *
-   * @param pageType what page type will the action navigate to
-   * @returns the page node
-   * @protected
-   */
   _getPage(e) {
     let t;
     switch (e) {
@@ -263,34 +167,15 @@ class P extends x {
     }
     return t;
   }
-  /**
-   * Create the List page that shows as the initial home screen
-   * This page is also used to show and selection sets that have been created
-   *
-   * @returns the page node
-   * @protected
-   */
   _getListPage() {
     const e = this._hasSelections(), t = e ? this._translations.listHasSetsTip : this.initialNotice !== "" ? this.initialNotice : this._translations.selectLayerAndAdd;
     return o`<calcite-panel>${this._getLabel(this._translations.myLists)}${this._getNotice(t || "", "padding-sides-1 padding-bottom-1", "word-wrap-anywhere")}${e ? this._getSelectionSetList() : this._getOnboardingImage()}<div class="display-flex padding-1"><calcite-button @click=${() => {
       this._setPageType(l.SELECT);
     }} width=full><span class="font-weight-500">${this._translations.add}</span></calcite-button></div></calcite-panel>`;
   }
-  /**
-   * Display an image to help illustrate the basic workflow of the widget
-   *
-   * @returns the image node to display
-   * @protected
-   */
   _getOnboardingImage() {
     return o`<div class="display-flex padding-sides-1"><img class="img-container" role=presentation src=${this._onboardingImageUrl ?? g}></div>`;
   }
-  /**
-   * Create the selection sets list node for the List page
-   *
-   * @returns selection sets list node
-   * @protected
-   */
   _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);
@@ -301,44 +186,18 @@ class P extends x {
       }, 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>`;
   }
-  /**
-   * Get the ids for a given selection set
-   * For most sets this will be selectedIds
-   * For the Refine set we are only concerned with IDs from ADD operations on any of the layers
-   *
-   * @returns an array of the IDs
-   * @protected
-   */
   _getSelectionSetIds(e) {
     return e.workflowType !== d.REFINE ? e.selectedIds : Object.keys(e.refineInfos).reduce((t, i) => [...t, ...e.refineInfos[i].addIds], []);
   }
-  /**
-   * Check if any valid selection sets exist.
-   *
-   * @returns true if valid selection sets exist
-   * @protected
-   */
   _hasSelections(e = !1) {
     let t = [];
     const i = this._selectionSets.some((s) => s.workflowType === d.REFINE ? (t = this._getSelectionSetIds(s), !0) : !1);
     return e && i ? t.length > 0 || this._selectionSets.length > 1 : this._selectionSets.length > 0;
   }
-  /**
-   * Check if any duplicate labels exist
-   *
-   * @returns true if duplicates are found
-   * @protected
-   */
   async _getNumDuplicates() {
-    const e = this._getExportInfos(), t = this.mapView && await $(this.mapView.map, e), i = t && k(t);
+    const e = this._getExportInfos(), t = this.mapView?.map && await $(this.mapView.map, e), i = t && k(t);
     return t && i ? t.length - i.length : 0;
   }
-  /**
-   * Get key details about what to export
-   *
-   * @returns IExportInfos that contain ids and layer
-   * @protected
-   */
   _getExportInfos() {
     return this._selectionSets.reduce((e, t) => {
       if (t.download)
@@ -353,28 +212,12 @@ class P extends x {
       return e;
     }, {});
   }
-  /**
-   * Consolidate ids for each layer
-   *
-   * @param id the layer id from the selectionSet
-   * @param layerView the layerView from the selectionSet
-   * @param ids the selectedIds from the selectionSet
-   * @param obj the object that will store the consolidated ids and layer info
-   * @returns IExportInfo key details that will be used for export
-   * @protected
-   */
   _updateIds(e, t, i, s) {
     return s[e] ? s[e].ids = s[e].ids.concat(i) : s[e] = {
       layerView: t,
       ids: i
     }, s;
   }
-  /**
-   * Create the Select page that shows the selection workflows
-   *
-   * @returns the page node
-   * @protected
-   */
   _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} ${_(this._selectTools)}></map-select-tools></div>${this._getPageNavButtons(this._translations.done, this._numSelected === 0, () => {
@@ -383,56 +226,23 @@ class P extends x {
       this._home();
     })}</calcite-panel>`;
   }
-  /**
-   * Create the main download page that has the shared aspects of both PDF and CSV
-   * But only show the current PDF or CSV page content
-   *
-   * @returns the page node
-   * @protected
-   */
   _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 ${_(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>`;
   }
-  /**
-   * Store the user selected export type CSV || PDF
-   *
-   * @protected
-   */
   _exportTypeChange(e) {
     this._exportType = e.target.value;
   }
-  /**
-   * Render the export options to the user
-   *
-   * @protected
-   */
   _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=${p(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} ${_(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=${p(t)}>${this._getLabel(this._translations.title, !0, "")}<calcite-input-text class="padding-sides-1" @calciteInputTextInput=${() => this._changeTitle()} .placeholder=${this._translations.titlePlaceholder} .value=${s} ${_(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>`;
   }
-  /**
-   * Toggle the _addMap state variable and update the graphics on the map
-   *
-   * @protected
-   */
   _handleAddMapChange() {
     this._addMap = !this._addMap, this._updateExportGraphics();
   }
-  /**
-   * Toggle the _exportGraphics state variable and update the graphics on the map
-   *
-   * @protected
-   */
   _handleExportGraphicsChange() {
     this._exportGraphics = !this._exportGraphics, this._updateExportGraphics();
   }
-  /**
-   * Get the "sketch" or "buffer" graphics layer
-   *
-   * @param type The type of managed layer to fetch "sketch" | "buffer"
-   * @protected
-   */
   _getManagedLayer(e) {
     let t;
     return Object.keys(h.managedLayers).some((i) => {
@@ -440,29 +250,13 @@ class P extends x {
       return h.managedLayers[i] === e && s !== void 0 ? (t = this.mapView?.map.layers.getItemAt(s), !0) : !1;
     }), t;
   }
-  /**
-   * Update the export graphics by adding or removeing them
-   *
-   * @param clear When true the graphics layers will be cleared prior to adding any new graphics, defaults to false
-   * @protected
-   */
   _updateExportGraphics(e = !1) {
     (e || !this._exportGraphics || !this._addMap) && this._removeExportGraphics(), this._exportGraphics && this._addMap && this._addExportGraphics();
   }
-  /**
-   * Remove all buffer and sketch graphics
-   *
-   * @protected
-   */
   _removeExportGraphics() {
     const e = this._getManagedLayer("sketch"), t = this._getManagedLayer("buffer");
     e && e.graphics.removeAll(), t && t.graphics.removeAll();
   }
-  /**
-   * Add all buffer and sketch graphics that are flagged for download
-   *
-   * @protected
-   */
   _addExportGraphics() {
     const e = this._getManagedLayer("sketch"), t = this._getManagedLayer("buffer");
     this._selectionSets.forEach((i) => {
@@ -482,63 +276,22 @@ class P extends x {
       }
     });
   }
-  /**
-   * Render the refine page
-   *
-   * @protected
-   */
   _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}></refine-selection></div>` : this._getNotice(this._translations.refineTipNoSelections, "padding-sides-1")}</calcite-panel>`;
   }
-  /**
-   * Create the stacked navigation buttons for a page
-   *
-   * @param topLabel the label to use for the button on top
-   * @param topDisabled should the button be disabled
-   * @param topFunc the fucntion to execute when the button is clicked
-   * @param bottomLabel the label to use for the button on bottom
-   * @param bottomDisabled should the button be disabled
-   * @param bottomFunc the fucntion to execute when the button is clicked
-   * @returns the page node
-   * @protected
-   */
   _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>`;
   }
-  /** Store the user defined title value */
   _changeTitle() {
     this._titleElement.value?.value && (this._titleValue = this._titleElement.value.value || "");
   }
-  /**
-   * Create an informational notice
-   *
-   * @param message the message to display in the notice
-   * @param noticeClass any custom css for the notice (default is "padding-1")
-   * @returns the notice node
-   * @protected
-   */
   _getNotice(e, t = "padding-1", i = "") {
     return o`<calcite-notice class=${p(t)} icon=lightbulb kind=success open><div class=${p(i)} slot=message>${e}</div></calcite-notice>`;
   }
-  /**
-   * Create a calcite label
-   *
-   * @param label value to display in the label
-   * @param disableSpacing should extra calcite defined spacing be applied
-   * @param labelClass by default label will be bold unless overridden here
-   * @returns the label node
-   * @protected
-   */
   _getLabel(e, t = !1, i = "font-bold") {
     return i += t ? " label-margin-0" : "", o`<div class=padding-top-sides-1><calcite-label class=${p(i)}>${e}</calcite-label></div>`;
   }
-  /**
-   * Get selection set list node with checkbox for Download pages
-   *
-   * @returns the list node
-   * @protectedlabel
-   */
   _getExportSelectionLists() {
     return this._selectionSets.reduce((e, t) => {
       const i = this._getSelectionSetIds(t), s = t.workflowType !== d.REFINE || i.length > 0;
@@ -549,36 +302,18 @@ class P extends x {
       }}><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}}", i.length.toString())}</div></div></calcite-list-item></calcite-list></div>`), e;
     }, []) || o`<div></div>`;
   }
-  /**
-   * Toggle the disabled state for the download options based on user selection
-   *
-   * @param id the selection set id to toggle
-   * @protected
-   */
   async _toggleDownload(e) {
     let t = !1;
     this._selectionSets = this._selectionSets.map((i) => (i.download = i.id === e ? !i.download : i.download, t = i.download ? !0 : t, i)), this._updateExportGraphics(!0), this._downloadActive = t, this._fetchingData = !0, this._numDuplicates = await this._getNumDuplicates(), this._fetchingData = !1, await this._highlightFeatures();
   }
-  /**
-   * Download all selection sets as PDF or CSV or alert the user that they need to choose at least 1 export format
-   *
-   * @protected
-   */
   async _export() {
     const e = this._addResults ? this._getSelectionIdsAndViews(this._selectionSets, !0) : {};
     if (this._exportType === c.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 && 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._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;
     }
-    this._exportType === c.CSV && (this._fetchingData = !0, this._downloadTools.value && this.mapView && await this._downloadTools.value.downloadCSV(this.mapView.map, e, this._removeDuplicates.value?.checked || !1), this._fetchingData = !1);
-  }
-  /**
-   * Sort selection sets by layer and retain key export details
-   *
-   * @param selectionSets selection sets to evaluate
-   * @returns key export details from the selection sets
-   * @protected
-   */
+    this._exportType === c.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);
+  }
   _getSelectionIdsAndViews(e, t = !1) {
     return (t ? e.filter((s) => s.download) : e).reduce((s, a) => {
       if (a.workflowType === d.REFINE)
@@ -596,17 +331,6 @@ class P extends x {
       return s;
     }, {});
   }
-  /**
-   * Store the ids and selection set names for export
-   *
-   * @param exportInfos the current export infos object to update
-   * @param id the layer id for the selection set
-   * @param label the selection sets label
-   * @param newIds the current ids
-   * @param layerView the layer associated with the selection set
-   * @returns key export details from the selection sets
-   * @protected
-   */
   _updateExportInfos(e, t, i, s, a) {
     return t && Object.keys(e).indexOf(t) > -1 ? (e[t].ids = [.../* @__PURE__ */ new Set([...e[t].ids, ...s])], e[t].selectionSetNames.push(i)) : t && (e[t] = {
       ids: s,
@@ -614,45 +338,15 @@ class P extends x {
       selectionSetNames: [i]
     }), e;
   }
-  /**
-   * Create a calcite action
-   *
-   * @param enabled controls the enabled state of the control
-   * @param icon the image to display in the action
-   * @param text and supporting text for the action
-   * @param onClick the fucntion the actio will execute
-   * @param indicator boolean to control if an indicator should be shown (default is false)
-   * @param slot the supporting slot to use
-   * @returns the calcite action node
-   * @protected
-   */
   _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 ?? g} .text=${i}></calcite-action>`;
   }
-  /**
-   * Store the number of selected features and if it's more than one enable save
-   *
-   * @returns the page node
-   * @protected
-   */
   _updateForSelection(e) {
     this._numSelected = e.detail, this._saveEnabled = this._numSelected > 0;
   }
-  /**
-   * Clear the selection and navigate to the home page
-   *
-   * @returns Promise when the function has completed
-   * @protected
-   */
   async _home() {
     await this._clearSelection(), this._setPageType(l.LIST);
   }
-  /**
-   * Update the selection sets with any new selections from the select tools
-   *
-   * @returns Promise when the function has completed
-   * @protected
-   */
   async _saveSelection() {
     const e = await this._selectTools.value?.getSelection();
     if (e) {
@@ -661,47 +355,18 @@ class P extends x {
     }
     return this._home();
   }
-  /**
-   * Clear any selections
-   *
-   * @returns Promise when the function has completed
-   * @protected
-   */
   async _clearSelection() {
     await this._selectTools.value?.clearSelection(), this._numSelected = 0, this._activeSelection = void 0;
   }
-  /**
-   * Delete the selection at the defined index
-   *
-   * @param index number that defines what selection set to delete
-   * @protected
-   */
   async _deleteSelection(e, t) {
     return t.stopPropagation(), this._selectionSets = this._selectionSets.filter((i, s) => s !== e ? i : !1), this._highlightFeatures();
   }
-  /**
-   * Pan to the current selection
-   *
-   * @param selSet ISelectionSet to pan to
-   * @param mapView Current MapView to pan within
-   * @protected
-   */
   _gotoSelection(e, t) {
     e.selectedIds && e.layerView && w(e.selectedIds, e.layerView, t, this.featureHighlightEnabled, this.featureEffect);
   }
-  /**
-   * Open the selection set for further adjustment
-   *
-   * @protected
-   */
   _openSelection(e, t) {
     t.stopPropagation(), this._activeSelection = e, this._pageType = e.workflowType === d.REFINE ? l.REFINE : l.SELECT;
   }
-  /**
-   * Highlight any selected features in the map
-   *
-   * @protected
-   */
   async _highlightFeatures() {
     this._clearHighlight();
     const e = this._getSelectionIdsAndViews(this._selectionSets, this._pageType === l.EXPORT), t = Object.keys(e);
@@ -711,19 +376,9 @@ class P extends x {
         s.layerView && this.mapView && h.highlightHandles.push(await v(s.ids, s.layerView, this.mapView));
       }
   }
-  /**
-   * Clear any highlighted features in the map
-   *
-   * @protected
-   */
   _checkPopups() {
     typeof this._popupsEnabled != "boolean" && (this._popupsEnabled = !!this.mapView?.popupEnabled);
   }
-  /**
-   * Clear any highlighted features in the map
-   *
-   * @protected
-   */
   _clearHighlight() {
     console.log("_clearHighlight"), h && h.highlightHandles && h.removeHandles();
   }