@esri/solutions-components 1.0.0-next.20250415 → 1.0.0-next.20250421

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

@@ -3,12 +3,12 @@ import { l as f } from "../../chunks/loadModules.js";
 import { u as b } from "../../chunks/useT9n.js";
 import { html as d, nothing as F } from "lit";
 import { createRef as h, ref as n } from "lit-html/directives/ref.js";
-import { LitElement as W, safeClassMap as o } from "@arcgis/lumina";
-import { css as v } from "@lit/reactive-element/css-tag.js";
+import { LitElement as W, safeClassMap as a } from "@arcgis/lumina";
+import { css as x } 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.20250415 */
-const x = v`/** @license
+v1.0.0-next.20250421 */
+const v = x`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -25,11 +25,18 @@ const x = v`/** @license
  */:host{display:block}.display-none{display:none}.margin-top-1-2{margin-top:.5rem}.square-32{width:32px;height:32px}.square-40{width:40px;height:40px}.square-48{width:48px;height:48px}.width-40{width:40px}.square-40-41{width:40px;height:41px}.border-bottom{border-bottom:1px solid var(--calcite-color-border-3)}.box-shadow{box-shadow:0 1px 2px #0000004d}.margin-bottom-1-2{margin-bottom:.5rem}`;
 class E extends W {
   constructor() {
-    super(...arguments), this.homeZoomToolsSize = "m", this.layout = "vertical", this.mapWidgetsSize = "m", this.position = "top-right", this.stackTools = !0, this._hasFloorInfo = !1, this._translations = b({ name: "map-tools" }), this._showTools = !0, this._showBasemapWidget = !1, this._showFloorFilter = !1, this._showFullscreen = !1, this._showLegendWidget = !1, this._showSearchWidget = !1, this._basemapElement = h(), this._floorFilterElement = h(), this._fullscreenElement = h(), this._legendElement = h(), this._searchElement = h(), this._widgets = [];
+    super(...arguments), this.enableLegend = !1, this.enableFloorFilter = !1, this.enableFullscreen = !1, this.enableSearch = !1, this.enableBasemap = !1, this.enableHome = !1, this.enableSingleExpand = !1, this.homeZoomToolsSize = "m", this.layout = "vertical", this.locale = "", this.mapWidgetsSize = "m", this.position = "top-right", this.stackTools = !0, this.toolOrder = [], this._hasFloorInfo = !1, this._translations = b({ name: "map-tools" }), this._showTools = !0, this._showBasemapWidget = !1, this._showFloorFilter = !1, this._showFullscreen = !1, this._showLegendWidget = !1, this._showSearchWidget = !1, this._basemapElement = h(), this._floorFilterElement = h(), this._fullscreenElement = h(), this._legendElement = h(), this._searchElement = h(), this._widgets = [];
   }
   static {
     this.properties = { basemapConfig: 0, enableLegend: 5, enableFloorFilter: 5, enableFullscreen: 5, enableSearch: 5, enableBasemap: 5, enableHome: 5, enableSingleExpand: 5, homeZoomToolsSize: 1, layout: 1, locale: 1, mapView: 0, mapWidgetsSize: 1, position: 1, searchConfiguration: 0, stackTools: 5, toolOrder: 0, _hasFloorInfo: 16, _translations: 16, _showTools: 16, _showBasemapWidget: 16, _showFloorFilter: 16, _showFullscreen: 16, _showLegendWidget: 16, _showSearchWidget: 16 };
   }
+  static {
+    this.styles = v;
+  }
+  /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */
+  willUpdate(e) {
+    e.has("locale") && this.localeWatchHandler(), e.has("mapView") && this.mapViewWatchHandler(), e.has("_showBasemapWidget") && (this.hasUpdated || this._showBasemapWidget !== !1) && this._showBasemapWidgetWatchHandler(this._showBasemapWidget), e.has("_showFloorFilter") && (this.hasUpdated || this._showFloorFilter !== !1) && this._showFloorFilterWatchHandler(this._showFloorFilter), e.has("_showFullscreen") && (this.hasUpdated || this._showFullscreen !== !1) && this._showFullscreenWatchHandler(this._showFullscreen), e.has("_showLegendWidget") && (this.hasUpdated || this._showLegendWidget !== !1) && this._showLegendWidgetWatchHandler(this._showLegendWidget), e.has("_showSearchWidget") && (this.hasUpdated || this._showSearchWidget !== !1) && this._showSearchWidgetWatchHandler(this._showSearchWidget);
+  }
   //--------------------------------------------------------------------------
   //
   //  Watch handlers
@@ -41,25 +48,25 @@ class E extends W {
   }
   /** When the mapView loads check if it supports floor awareness */
   async mapViewWatchHandler() {
-    await this.mapView.when(() => {
+    await this.mapView?.when(() => {
       this._hasFloorInfo = this.mapView?.map?.floorInfo;
     });
   }
   /** When the _showBasemapWidget property is true display the basemap gallery */
   async _showBasemapWidgetWatchHandler(e) {
     const s = this._basemapElement.value ? this._basemapElement.value.basemapWidget : void 0;
-    s && (e ? this.mapView.ui.add(s, {
+    s && (e ? this.mapView?.ui.add(s, {
       position: this.position,
       index: 1
-    }) : this.mapView.ui.remove(s));
+    }) : this.mapView?.ui.remove(s));
   }
   /** When the _showBasemapWidget property is true display the basemap gallery */
   async _showFloorFilterWatchHandler(e) {
     const s = this._floorFilterElement.value ? this._floorFilterElement.value.floorFilterWidget : void 0;
-    s && (e ? this.mapView.ui.add(s, {
+    s && (e ? this.mapView?.ui.add(s, {
       position: this.position,
       index: 1
-    }) : this.mapView.ui.remove(s));
+    }) : this.mapView?.ui.remove(s));
   }
   /** When the _showFullscreen property is true the app will consume the full screen */
   async _showFullscreenWatchHandler(e) {
@@ -69,18 +76,18 @@ class E extends W {
   /** When the _showLegendWidget property is true display the search widget */
   async _showLegendWidgetWatchHandler(e) {
     const s = this._legendElement.value ? this._legendElement.value.legendWidget : void 0;
-    s && (e ? this.mapView.ui.add(s, {
+    s && (e ? this.mapView?.ui.add(s, {
       position: this.position,
       index: 1
-    }) : this.mapView.ui.remove(s));
+    }) : this.mapView?.ui.remove(s));
   }
   /** When the _showSearchWidget property is true display the search widget */
   async _showSearchWidgetWatchHandler(e) {
     const s = this._searchElement.value ? this._searchElement.value.searchWidget : void 0;
-    s && (e ? this.mapView.ui.add(s, {
+    s && (e ? this.mapView?.ui.add(s, {
       position: this.position,
       index: 1
-    }) : this.mapView.ui.remove(s));
+    }) : this.mapView?.ui.remove(s));
   }
   /** Called once just after the component is first connected to the DOM. */
   async load() {
@@ -89,8 +96,8 @@ class E extends W {
   /** Renders the component. */
   render() {
     this._setZoomToolsSize();
-    const e = this._showTools ? "chevrons-up" : "chevrons-down", s = this._showTools ? "" : "display-none", i = this._showSearchWidget ? "" : "display-none", t = this._showBasemapWidget ? "" : "display-none", a = this._showLegendWidget ? "" : "display-none", l = this._showFloorFilter ? "" : "display-none", r = this._showFullscreen ? "" : "display-none", c = this._showTools ? this._translations?.collapse : this._translations?.expand, p = !this.enableBasemap && !this.enableFullscreen && !this.enableLegend && !this.enableSearch ? "display-none" : "", m = this.enableSingleExpand ? "margin-top-1-2" : "", g = this.toolOrder ? this.toolOrder : ["legend", "search", "fullscreen", "floorfilter"], _ = this.stackTools ? "box-shadow" : "";
-    return d`<div class=${o(p)}>${this.enableSingleExpand ? d`<div class="box-shadow">${this._getActionGroup(e, !1, c || "", () => this._toggleTools())}</div>` : void 0}<div class=${`${m} ${_} ${s}`}>${this._getMapWidgets(g)}</div></div><basemap-gallery .basemapConfig=${this.basemapConfig} class=${o(t)} .mapView=${this.mapView} ${n(this._basemapElement)}></basemap-gallery><map-search class=${o(i)} .mapView=${this.mapView} result-graphic-enabled .searchConfiguration=${this.searchConfiguration} ${n(this._searchElement)}></map-search><map-legend class=${o(a)} .mapView=${this.mapView} ${n(this._legendElement)}></map-legend><map-fullscreen class=${o(r)} .mapView=${this.mapView} @fullscreenStateChange=${(w) => this._fullscreenStateChange(w.detail)} ${n(this._fullscreenElement)}></map-fullscreen><floor-filter class=${o(l)} .enabled=${this.enableFloorFilter} .mapView=${this.mapView} ${n(this._floorFilterElement)}></floor-filter>`;
+    const e = this._showTools ? "chevrons-up" : "chevrons-down", s = this._showTools ? "" : "display-none", i = this._showSearchWidget ? "" : "display-none", t = this._showBasemapWidget ? "" : "display-none", l = this._showLegendWidget ? "" : "display-none", o = this._showFloorFilter ? "" : "display-none", r = this._showFullscreen ? "" : "display-none", c = this._showTools ? this._translations?.collapse : this._translations?.expand, p = !this.enableBasemap && !this.enableFullscreen && !this.enableLegend && !this.enableSearch ? "display-none" : "", m = this.enableSingleExpand ? "margin-top-1-2" : "", g = this.toolOrder ? this.toolOrder : ["legend", "search", "fullscreen", "floorfilter"], _ = this.stackTools ? "box-shadow" : "";
+    return d`<div class=${a(p)}>${this.enableSingleExpand ? d`<div class="box-shadow">${this._getActionGroup(e, !1, c || "", () => this._toggleTools())}</div>` : void 0}<div class=${`${m} ${_} ${s}`}>${this._getMapWidgets(g)}</div></div><basemap-gallery .basemapConfig=${this.basemapConfig} class=${a(t)} .mapView=${this.mapView} ${n(this._basemapElement)}></basemap-gallery><map-search class=${a(i)} .mapView=${this.mapView} result-graphic-enabled .searchConfiguration=${this.searchConfiguration} ${n(this._searchElement)}></map-search><map-legend class=${a(l)} .mapView=${this.mapView} ${n(this._legendElement)}></map-legend><map-fullscreen class=${a(r)} .mapView=${this.mapView} @fullscreenStateChange=${(w) => this._fullscreenStateChange(w.detail)} ${n(this._fullscreenElement)}></map-fullscreen><floor-filter class=${a(o)} .enabled=${this.enableFloorFilter} .mapView=${this.mapView} ${n(this._floorFilterElement)}></floor-filter>`;
   }
   //--------------------------------------------------------------------------
   //
@@ -163,8 +170,8 @@ class E extends W {
    * @protected
    */
   _getActionGroup(e, s, i, t) {
-    const a = this.mapWidgetsSize === "s" ? "square-32" : this.mapWidgetsSize === "m" ? "square-40" : "square-48", l = this.stackTools ? "" : "margin-bottom-1-2", r = this.stackTools ? "" : "box-shadow";
-    return d`<div><calcite-action alignment=center class=${`${a} ${l} border-bottom ${r}`} .disabled=${s} .icon=${e} id=${e ?? F} @click=${t} scale=s text><calcite-icon icon=cheveron-up scale=s slot=icon></calcite-icon></calcite-action><calcite-tooltip label placement=trailing .referenceElement=${e}><span>${i}</span></calcite-tooltip></div>`;
+    const l = this.mapWidgetsSize === "s" ? "square-32" : this.mapWidgetsSize === "m" ? "square-40" : "square-48", o = this.stackTools ? "" : "margin-bottom-1-2", r = this.stackTools ? "" : "box-shadow";
+    return d`<div><calcite-action alignment=center class=${`${l} ${o} border-bottom ${r}`} .disabled=${s} .icon=${e} id=${e ?? F} @click=${t} scale=s text><calcite-icon icon=cheveron-up scale=s slot=icon></calcite-icon></calcite-action><calcite-tooltip label placement=trailing .referenceElement=${e}><span>${i}</span></calcite-tooltip></div>`;
   }
   /**
    * Add the widget to the UI and optionally to an Expand widget
@@ -176,13 +183,13 @@ class E extends W {
    */
   _getWidget(e, s, i) {
     if (this._widgets.indexOf(e) < 0 && this.mapView && s) {
-      const t = this.toolOrder.indexOf(e), a = new this.Expand({
+      const t = this.toolOrder.indexOf(e), l = this.Expand && new this.Expand({
         view: this.mapView,
         content: s
-      }), l = this.enableHome ? 2 : 1;
-      this.mapView.ui.add(i ? a : s, {
+      }), o = this.enableHome ? 2 : 1;
+      this.mapView.ui.add(i ? l : s, {
         position: this.position,
-        index: t > -1 ? t + l : 1
+        index: t > -1 ? t + o : 1
       }), this._widgets.push(e);
     }
   }
@@ -210,13 +217,6 @@ class E extends W {
   _toggleTools() {
     this._showTools || (this._showBasemapWidget = !1, this._showSearchWidget = !1, this._showLegendWidget = !1, this._showFloorFilter = !1), this._showTools = !this._showTools;
   }
-  static {
-    this.styles = x;
-  }
-  /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */
-  willUpdate(e) {
-    e.has("locale") && this.localeWatchHandler(), e.has("mapView") && this.mapViewWatchHandler(), e.has("_showBasemapWidget") && (this.hasUpdated || this._showBasemapWidget !== !1) && this._showBasemapWidgetWatchHandler(this._showBasemapWidget), e.has("_showFloorFilter") && (this.hasUpdated || this._showFloorFilter !== !1) && this._showFloorFilterWatchHandler(this._showFloorFilter), e.has("_showFullscreen") && (this.hasUpdated || this._showFullscreen !== !1) && this._showFullscreenWatchHandler(this._showFullscreen), e.has("_showLegendWidget") && (this.hasUpdated || this._showLegendWidget !== !1) && this._showLegendWidgetWatchHandler(this._showLegendWidget), e.has("_showSearchWidget") && (this.hasUpdated || this._showSearchWidget !== !1) && this._showSearchWidgetWatchHandler(this._showSearchWidget);
-  }
 }
 u("map-tools", E);
 export {

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

@@ -6,7 +6,7 @@ import { LitElement as n, safeClassMap as a } from "@arcgis/lumina";
 import { css as r } 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.20250415 */
+v1.0.0-next.20250421 */
 const u = r`/** @license
  * Copyright 2025 Esri
  *

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

@@ -6,7 +6,7 @@ import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/
 
 export declare class PdfDownload extends LitElement {
     /** number: The default number of labels per page to export */
-    defaultNumLabelsPerPage: number;
+    defaultNumLabelsPerPage: number | undefined;
     /** boolean: Controls the enabled/disabled state of download */
     disabled: boolean;
     /** string: Locale to use for translation of stings in the UI */

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

@@ -8,7 +8,7 @@ import { LitElement as h } from "@arcgis/lumina";
 import { css as m } 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.20250415 */
+v1.0.0-next.20250421 */
 const P = [
   {
     descriptionPDF: {
@@ -219,7 +219,7 @@ const P = [
  */:host{display:block}`;
 class D extends h {
   constructor() {
-    super(...arguments), this.disabled = !1, this._translations = d({ name: "pdf-download" }), this._labelInfoElement = g();
+    super(...arguments), this.disabled = !1, this.locale = "", this._translations = d({ name: "pdf-download" }), this._labelInfoElement = g();
   }
   static {
     this.properties = { defaultNumLabelsPerPage: 9, disabled: 5, locale: 1, _translations: 16 };

package/dist/components/public-notification/customElement.d.ts

@@ -38,13 +38,13 @@ export declare class PublicNotification extends LitElement {
      *
      * esri/layers/support/FeatureEffect: https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-support-FeatureEffect.html
      */
-    featureEffect: __esri.FeatureEffect;
+    featureEffect: __esri.FeatureEffect | undefined;
     /** boolean: When enabled features will be highlighted when their notification list item is clicked. */
     featureHighlightEnabled: boolean;
     /** string: The current user locale. */
     locale: string;
     /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
-    mapView: __esri.MapView;
+    mapView: __esri.MapView | undefined;
     /**
      * string: The value to show for no results
      * when left empty the default text "0 selected features from {layerTitle}" will be shown
@@ -56,7 +56,7 @@ export declare class PublicNotification extends LitElement {
      */
     initialNotice: string;
     /** ISearchConfiguration: Configuration details for the Search widget */
-    searchConfiguration: ISearchConfiguration;
+    searchConfiguration: ISearchConfiguration | undefined;
     /**
      * string[]: List of layer ids that should be shown as potential selection layers
      * when skectching with "Use layer features" option
@@ -73,7 +73,7 @@ export declare class PublicNotification extends LitElement {
      * See the ArcGIS REST API documentation for examples of the structure of various input JSON objects.
      * https://developers.arcgis.com/documentation/common-data-types/symbol-objects.htm
      */
-    sketchLineSymbol: __esri.SimpleLineSymbol | any;
+    sketchLineSymbol: __esri.SimpleLineSymbol | undefined;
     /**
      * esri/symbols/SimpleMarkerSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html
      *
@@ -81,7 +81,7 @@ export declare class PublicNotification extends LitElement {
      * See the ArcGIS REST API documentation for examples of the structure of various input JSON objects.
      * https://developers.arcgis.com/documentation/common-data-types/symbol-objects.htm
      */
-    sketchPointSymbol: __esri.SimpleMarkerSymbol | any;
+    sketchPointSymbol: __esri.SimpleMarkerSymbol | undefined;
     /**
      * esri/symbols/SimpleFillSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html
      *
@@ -89,7 +89,7 @@ export declare class PublicNotification extends LitElement {
      * See the ArcGIS REST API documentation for examples of the structure of various input JSON objects.
      * https://developers.arcgis.com/documentation/common-data-types/symbol-objects.htm
      */
-    sketchPolygonSymbol: __esri.SimpleFillSymbol | any;
+    sketchPolygonSymbol: __esri.SimpleFillSymbol | undefined;
     /** Emitted on demand when searchConfiguration gets a new value */
     readonly searchConfigurationChange: TargetedEvent<this, ISearchConfiguration>;
 }

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

@@ -1,5 +1,5 @@
 import { g as b, c as y } from "../../chunks/runtime.js";
-import { e as c, f as l, a as d } from "../../chunks/interfaces.js";
+import { e as c, f as l, a as h } from "../../chunks/interfaces.js";
 import { l as S } from "../../chunks/loadModules.js";
 import { b as w, c as v } from "../../chunks/mapViewUtils.js";
 import { s as p } from "../../chunks/publicNotificationStore.js";
@@ -7,12 +7,12 @@ import { c as $, r as k } from "../../chunks/downloadUtils.js";
 import { u as L } from "../../chunks/useT9n.js";
 import { nothing as g, html as o } from "lit";
 import { createRef as f, ref as _ } from "lit-html/directives/ref.js";
-import { LitElement as x, createEvent as E, noShadowRoot as T, safeClassMap as h } from "@arcgis/lumina";
-import { css as I } from "@lit/reactive-element/css-tag.js";
+import { LitElement as x, createEvent as E, noShadowRoot as T, safeClassMap as d } from "@arcgis/lumina";
+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.20250415 */
-const C = I`@layer{/** @license
+v1.0.0-next.20250421 */
+const I = C`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -29,20 +29,20 @@ const C = I`@layer{/** @license
  */:host{display:block;--calcite-input-message-spacing-value: 0}.align-center{align-items:center}.border-bottom-1{border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-color-border-3)}.action-bar-size{height:3.5rem;width:100%}.w-1-2{width:50%}.w-1-3{width:33.33%}.width-full{width:100%}.height-full{height:100%}.padding-1{padding:1rem}.padding-top-sides-1{padding-block-start:1rem;padding-inline-start:1rem;padding-inline-end:1rem}.padding-sides-1{padding-inline-start:1rem;padding-inline-end:1rem}.padding-end-1-2{padding-inline-end:.5rem}.padding-top-1-2{padding-block-start:.5rem}.padding-top-1{padding-top:1rem}.padding-bottom-1{padding-bottom:1rem}.padding-bottom-1-2{padding-bottom:.5rem}.info-blue{color:#00a0ff}.info-message{justify-content:center;display:grid}.font-bold{font-weight:700}.display-flex{display:flex}.display-block{display:block}.display-none{display:none}.border-bottom{border-bottom:1px solid var(--calcite-color-border-2)}.padding-start-1-2{padding-inline-start:.5rem}.list-border{border:1px solid var(--calcite-color-border-2)}.margin-sides-1{margin-inline-start:1rem;margin-inline-end:1rem}.margin-start-1-2{margin-inline-start:.5rem}.float-right{float:right}.float-right[dir=rtl],.float-left{float:left}.float-left[dir=rtl]{float:right}.margin-top-0{margin-block-start:0!important}.height-1-1-2{height:1.5rem}.main-background{background-color:var(--calcite-color-foreground-2)}.position-right{position:absolute;right:1rem}.position-right[dir=rtl]{position:absolute;left:1rem}.label-margin-0{--calcite-label-margin-bottom: 0}.list-label{color:var(--calcite-color-text-1)}.list-label,.list-description{font-family:var(--calcite-sans-family);font-size:var(--calcite-font-size--2);font-weight:var(--calcite-font-weight-normal);overflow-wrap:break-word;word-break:break-word}.list-description{margin-block-start:.125rem;color:var(--calcite-color-text-3)}.img-container{width:100%;height:100%}.font-weight-500{font-weight:500}.background-override{height:100%;width:100%;--calcite-color-foreground-3: var(--calcite-color-brand);--calcite-color-foreground-2: var(--calcite-color-brand-hover);--calcite-color-text-1: var(--calcite-color-text-inverse)}.word-wrap-anywhere{word-wrap:anywhere}.tooltip-message{padding:5px 8px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);max-width:400px}}`;
 class P extends x {
   constructor() {
-    super(), this.addresseeLayerIds = [], this.bufferColor = [227, 139, 79, 0.8], this.bufferOutlineColor = [255, 255, 255], 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.initialNotice = "", this.selectionLayerIds = [], this.showRefineSelection = !1, this.showSearchSettings = !0, this._exportGraphics = !1, this._addMap = !1, this._addResults = !0, this._addTitle = !1, this._downloadActive = !0, this._exportType = c.PDF, this._fetchingData = !1, this._numDuplicates = 0, this._pageType = l.LIST, this._saveEnabled = !1, this._selectionSets = [], this._translations = L({ name: "public-notification" }), this._downloadTools = f(), this._onboardingImageUrl = "", this._removeDuplicates = f(), this._selectTools = f(), this._titleElement = f(), this._titleValue = void 0, this._numSelected = 0, this.searchConfigurationChange = E(), this.listenOn(window, "selectionSetsChanged", this.selectionSetsChanged);
+    super(), this.addresseeLayerIds = [], this.bufferColor = [227, 139, 79, 0.8], this.bufferOutlineColor = [255, 255, 255], this.customLabelEnabled = !1, this.defaultBufferDistance = 0, this.defaultBufferUnit = "feet", this.defaultExportTitle = "", this.defaultNumLabelsPerPage = 6, this.enableLayerFeatures = !0, this.enableLayerFeaturesOnLoad = !1, this.enableSearchDistance = !0, this.enableSearchDistanceOnLoad = !1, this.enableSketchTools = !0, this.featureHighlightEnabled = !1, this.locale = "", this.noResultText = "", this.initialNotice = "", this.selectionLayerIds = [], this.showRefineSelection = !1, this.showSearchSettings = !0, this._exportGraphics = !1, this._addMap = !1, this._addResults = !0, this._addTitle = !1, this._downloadActive = !0, this._exportType = c.PDF, this._fetchingData = !1, this._isMobile = !1, this._numDuplicates = 0, this._pageType = l.LIST, this._saveEnabled = !1, this._selectionSets = [], this._translations = L({ name: "public-notification" }), this._downloadTools = f(), this._onboardingImageUrl = "", this._popupsEnabled = !1, this._removeDuplicates = f(), this._selectTools = f(), this._titleElement = f(), this._titleValue = void 0, this._numSelected = 0, this.searchConfigurationChange = E(), this.listenOn(window, "selectionSetsChanged", this.selectionSetsChanged);
   }
   static {
-    this.properties = { addresseeLayerIds: 0, bufferColor: 1, bufferOutlineColor: 1, customLabelEnabled: 5, defaultBufferDistance: 9, defaultBufferUnit: 1, defaultExportTitle: 1, defaultNumLabelsPerPage: 9, enableLayerFeatures: 5, enableLayerFeaturesOnLoad: 5, enableSearchDistance: 5, enableSearchDistanceOnLoad: 5, enableSketchTools: 5, featureEffect: 0, featureHighlightEnabled: 5, locale: 1, mapView: 0, noResultText: 1, initialNotice: 1, searchConfiguration: 0, selectionLayerIds: 0, showRefineSelection: 5, showSearchSettings: 5, sketchLineSymbol: 1, sketchPointSymbol: 1, sketchPolygonSymbol: 1, _exportGraphics: 16, _addMap: 16, _addResults: 16, _addTitle: 16, _downloadActive: 16, _exportType: 16, _fetchingData: 16, _isMobile: 16, _numDuplicates: 16, _pageType: 16, _saveEnabled: 16, _selectionSets: 16, _translations: 16 };
+    this.properties = { addresseeLayerIds: 0, bufferColor: 1, bufferOutlineColor: 1, customLabelEnabled: 5, defaultBufferDistance: 9, defaultBufferUnit: 1, defaultExportTitle: 1, defaultNumLabelsPerPage: 9, enableLayerFeatures: 5, enableLayerFeaturesOnLoad: 5, enableSearchDistance: 5, enableSearchDistanceOnLoad: 5, enableSketchTools: 5, featureEffect: 0, featureHighlightEnabled: 5, locale: 1, mapView: 0, noResultText: 1, initialNotice: 1, searchConfiguration: 0, selectionLayerIds: 0, showRefineSelection: 5, showSearchSettings: 5, sketchLineSymbol: 0, sketchPointSymbol: 0, sketchPolygonSymbol: 0, _exportGraphics: 16, _addMap: 16, _addResults: 16, _addTitle: 16, _downloadActive: 16, _exportType: 16, _fetchingData: 16, _isMobile: 16, _numDuplicates: 16, _pageType: 16, _saveEnabled: 16, _selectionSets: 16, _translations: 16 };
   }
   static {
-    this.styles = C;
+    this.styles = I;
   }
   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("locale") && this.localeWatchHandler(), e.has("mapView") && this.mapViewWatchHandler(this.mapView), e.has("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"));
+    e.has("locale") && this.localeWatchHandler(), 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"));
   }
   //--------------------------------------------------------------------------
   //
@@ -55,7 +55,7 @@ class P extends x {
   }
   /** Called each time the mapView prop is changed. */
   async mapViewWatchHandler(e) {
-    e?.popup && (this._popupsEnabled = e?.popupEnabled), this._initSearchConfiguration(this.searchConfiguration);
+    e?.popup && (this._popupsEnabled = e?.popupEnabled), this.searchConfiguration && this._initSearchConfiguration(this.searchConfiguration);
   }
   /**
    * Called each time the searchConfiguration prop is changed.
@@ -64,7 +64,7 @@ class P extends x {
    */
   async watchSearchConfigurationHandler(e, t) {
     const i = JSON.stringify(e);
-    this.mapView && (i !== JSON.stringify(t) || i && !this._searchConfiguration) && (this._searchConfiguration = JSON.parse(i), this.searchConfigurationChange.emit(this._searchConfiguration), this._home());
+    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) {
@@ -108,7 +108,7 @@ class P extends x {
   }
   /** Called once just after the component is first loaded. */
   loaded() {
-    this._initSearchConfiguration(this.searchConfiguration);
+    this.searchConfiguration && this._initSearchConfiguration(this.searchConfiguration);
   }
   /** Called every time the component is disconnected from the DOM */
   disconnectedCallback() {
@@ -158,7 +158,7 @@ class P extends x {
    */
   _setLineSymbol(e) {
     const t = e?.type === "simple-line";
-    this.sketchLineSymbol = t ? e : this._jsonUtils.fromJSON(e || {
+    this.sketchLineSymbol = t ? e : this._jsonUtils?.fromJSON(e || {
       type: "esriSLS",
       color: [130, 130, 130, 255],
       width: 2,
@@ -173,7 +173,7 @@ class P extends x {
    */
   _setPointSymbol(e) {
     const t = e?.type === "simple-marker";
-    this.sketchPointSymbol = t ? e : this._jsonUtils.fromJSON(e || {
+    this.sketchPointSymbol = t ? e : this._jsonUtils?.fromJSON(e || {
       type: "esriSMS",
       color: [255, 255, 255, 255],
       angle: 0,
@@ -197,7 +197,7 @@ class P extends x {
    */
   _setPolygonSymbol(e) {
     const t = e?.type === "simple-fill";
-    this.sketchPolygonSymbol = t ? e : this._jsonUtils.fromJSON(e || {
+    this.sketchPolygonSymbol = t ? e : this._jsonUtils?.fromJSON(e || {
       type: "esriSFS",
       color: [150, 150, 150, 51],
       outline: {
@@ -229,7 +229,7 @@ class P extends x {
    */
   _getActionGroup(e, t, i) {
     const s = this.showRefineSelection ? "w-1-3" : "w-1-2";
-    return o`<calcite-action-group class=${h(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=${() => {
+    return o`<calcite-action-group class=${d(s)} layout=horizontal><div class="background-override"><calcite-action .active=${this._pageType === t} alignment=center class="width-full height-full" .icon=${e} id=${e ?? g} @click=${() => {
       this._setPageType(t);
     }} text></calcite-action></div><calcite-tooltip label placement=bottom .referenceElement=${e}><span>${i}</span></calcite-tooltip></calcite-action-group>`;
   }
@@ -299,10 +299,10 @@ class P extends x {
     return o`<div class="padding-top-1-2 padding-bottom-1-2"><calcite-list class="list-border margin-sides-1" label>${this._selectionSets.reduce((e, t, i) => {
       const s = this._getSelectionSetIds(t);
       let a = !0;
-      return t.workflowType === d.REFINE && (a = Object.keys(t.refineInfos).reduce((r, u) => {
+      return t.workflowType === h.REFINE && (a = Object.keys(t.refineInfos).reduce((r, u) => {
         const m = t.refineInfos[u];
         return r += m.addIds.length + m.removeIds.length, r;
-      }, 0) > 0), a && e.push(o`<calcite-list-item .label=${t.label} @click=${() => 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;
+      }, 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>`;
   }
   /**
@@ -314,7 +314,7 @@ class P extends x {
    * @protected
    */
   _getSelectionSetIds(e) {
-    return e.workflowType !== d.REFINE ? e.selectedIds : Object.keys(e.refineInfos).reduce((t, i) => [...t, ...e.refineInfos[i].addIds], []);
+    return e.workflowType !== h.REFINE ? e.selectedIds : Object.keys(e.refineInfos).reduce((t, i) => [...t, ...e.refineInfos[i].addIds], []);
   }
   /**
    * Check if any valid selection sets exist.
@@ -324,7 +324,7 @@ class P extends x {
    */
   _hasSelections(e = !1) {
     let t = [];
-    const i = this._selectionSets.some((s) => s.workflowType === d.REFINE ? (t = this._getSelectionSetIds(s), !0) : !1);
+    const i = this._selectionSets.some((s) => s.workflowType === h.REFINE ? (t = this._getSelectionSetIds(s), !0) : !1);
     return e && i ? t.length > 0 || this._selectionSets.length > 1 : this._selectionSets.length > 0;
   }
   /**
@@ -334,8 +334,8 @@ class P extends x {
    * @protected
    */
   async _getNumDuplicates() {
-    const e = this._getExportInfos(), t = await $(this.mapView.map, e), i = k(t);
-    return t.length - i.length;
+    const e = this._getExportInfos(), t = this.mapView && await $(this.mapView.map, e), i = t && k(t);
+    return t && i ? t.length - i.length : 0;
   }
   /**
    * Get key details about what to export
@@ -346,7 +346,7 @@ class P extends x {
   _getExportInfos() {
     return this._selectionSets.reduce((e, t) => {
       if (t.download)
-        if (t.workflowType !== d.REFINE && t?.layerView) {
+        if (t.workflowType !== h.REFINE && t?.layerView) {
           const i = t.layerView.layer.id;
           i !== void 0 && this._updateIds(i, t.layerView, t.selectedIds, e);
         } else
@@ -396,7 +396,7 @@ class P extends x {
    */
   _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=${h("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.locale?.toLowerCase() !== "he"} icon=question id=remove-duplicates-icon scale=s></calcite-icon></div><calcite-popover closable label overlay-positioning=fixed reference-element=remove-duplicates-icon><span class="tooltip-message">${this._translations.duplicatesTip}</span></calcite-popover></div><div class="border-bottom"></div><div class="padding-top-sides-1"><calcite-segmented-control class="w-100" @calciteSegmentedControlChange=${this._exportTypeChange} width=full><calcite-segmented-control-item .checked=${this._exportType === c.PDF} class="w-50 end-border" .value=${c.PDF}><span class="font-weight-500">${this._translations.pdf}</span></calcite-segmented-control-item><calcite-segmented-control-item .checked=${this._exportType === c.CSV} class="w-50" .value=${c.CSV}><span class="font-weight-500">${this._translations.csv}</span></calcite-segmented-control-item></calcite-segmented-control></div><div class="padding-bottom-1">${this._getExportOptions()}</div><div class="padding-1 display-flex"><calcite-button .disabled=${!this._downloadActive || this._fetchingData || !this._addMap && !this._addResults} .loading=${this._fetchingData} @click=${() => void this._export()} width=full><span class="font-weight-500">${this._translations.export}</span></calcite-button></div></div>` : this._getNotice(this._translations.downloadNoLists || "", "padding-sides-1 padding-bottom-1")}</div></calcite-panel>`;
+    return o`<calcite-panel><div>${this._getLabel(this._translations.export || "", !1)}${e ? o`<div>${this._getNotice(this._translations.exportTip || "", "padding-sides-1")}${this._getLabel(this._translations.exportListsLabel || "")}${this._getExportSelectionLists()}<div class=${d("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.locale?.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
@@ -413,7 +413,7 @@ class P extends x {
    */
   _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=${h(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=${parseInt(this.defaultNumLabelsPerPage.toString(), 10)} .disabled=${!this._downloadActive} .locale=${this.locale} ${_(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=${h(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.locale?.toLowerCase() !== "he"} icon=question id=list-graphics-icon scale=s></calcite-icon><calcite-popover closable label overlay-positioning=fixed reference-element=list-graphics-icon><span class="tooltip-message">${this._translations.listGraphicsTip}</span></calcite-popover></div></div>`;
+    return o`<div class=${d(e)}>${this._getLabel(this._translations.pdfOptions || "", !0)}<div class="padding-top-sides-1"><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._addResults} @calciteCheckboxChange=${() => this._addResults = !this._addResults}></calcite-checkbox>${this._translations.addResults}</calcite-label></div><div class=${`padding-top-sides-1 ${a}`}><calcite-label class="label-margin-0">${this._translations.selectPDFLabelOption}</calcite-label></div><div class=${`padding-sides-1 ${a}`}><pdf-download .defaultNumLabelsPerPage=${parseInt(this.defaultNumLabelsPerPage.toString(), 10)} .disabled=${!this._downloadActive} .locale=${this.locale} ${_(this._downloadTools)}></pdf-download></div><div class="padding-top-sides-1"><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._addTitle} @calciteCheckboxChange=${() => this._addTitle = !this._addTitle}></calcite-checkbox>${this._translations.title}</calcite-label></div><div class=${d(t)}>${this._getLabel(this._translations.title || "", !0, "")}<calcite-input-text class="padding-sides-1" @calciteInputTextInput=${() => this._changeTitle()} .placeholder=${this._translations.titlePlaceholder} .value=${s} ${_(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.locale?.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
@@ -439,10 +439,10 @@ class P extends x {
    */
   _getManagedLayer(e) {
     let t;
-    return console.log(e), Object.keys(p.managedLayers).some((i) => {
-      const s = this.mapView.map.layers.findIndex((a) => a.title === i);
-      return p.managedLayers[i] === e ? (t = this.mapView.map.layers.getItemAt(s), !0) : !1;
-    }), console.log(t), t;
+    return Object.keys(p.managedLayers).some((i) => {
+      const s = this.mapView?.map.layers.findIndex((a) => a.title === i);
+      return p.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
@@ -478,11 +478,11 @@ class P extends x {
             color: this.bufferOutlineColor,
             width: 1
           }
-        }, a = new this.Graphic({
+        }, a = this.Graphic && new this.Graphic({
           geometry: i.buffer,
           symbol: s
         });
-        t.graphics.add(a);
+        a && t.graphics.add(a);
       }
     });
   }
@@ -523,7 +523,7 @@ class P extends x {
    * @protected
    */
   _getNotice(e, t = "padding-1", i = "") {
-    return o`<calcite-notice class=${h(t)} icon=lightbulb kind=success open><div class=${h(i)} slot=message>${e}</div></calcite-notice>`;
+    return o`<calcite-notice class=${d(t)} icon=lightbulb kind=success open><div class=${d(i)} slot=message>${e}</div></calcite-notice>`;
   }
   /**
    * Create a calcite label
@@ -535,7 +535,7 @@ class P extends x {
    * @protected
    */
   _getLabel(e, t = !1, i = "font-bold") {
-    return i += t ? " label-margin-0" : "", o`<div class=padding-top-sides-1><calcite-label class=${h(i)}>${e}</calcite-label></div>`;
+    return i += t ? " label-margin-0" : "", o`<div class=padding-top-sides-1><calcite-label class=${d(i)}>${e}</calcite-label></div>`;
   }
   /**
    * Get selection set list node with checkbox for Download pages
@@ -545,7 +545,7 @@ class P extends x {
    */
   _getExportSelectionLists() {
     return this._selectionSets.reduce((e, t) => {
-      const i = this._getSelectionSetIds(t), s = t.workflowType !== d.REFINE || i.length > 0;
+      const i = this._getSelectionSetIds(t), s = t.workflowType !== h.REFINE || i.length > 0;
       return !this._downloadActive && t.download && s && (this._downloadActive = !0), s && e.push(o`<div class="display-flex padding-sides-1 padding-bottom-1"><calcite-checkbox .checked=${t.download} class="align-center" @click=${() => {
         this._toggleDownload(t.id);
       }}></calcite-checkbox><calcite-list class="list-border margin-start-1-2 width-full" id=download-list label><calcite-list-item .disabled=${!t.download} .label=${t.label} @click=${() => {
@@ -572,9 +572,9 @@ class P extends x {
     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 && 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 && 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 && await this._downloadTools.value.downloadCSV(this.mapView.map, e, this._removeDuplicates.value?.checked || !1), 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
@@ -585,7 +585,7 @@ class P extends x {
    */
   _getSelectionIdsAndViews(e, t = !1) {
     return (t ? e.filter((s) => s.download) : e).reduce((s, a) => {
-      if (a.workflowType === d.REFINE)
+      if (a.workflowType === h.REFINE)
         Object.keys(a.refineInfos).forEach((n) => {
           const r = a.refineInfos[n];
           if (r.addIds) {
@@ -699,7 +699,7 @@ class P extends x {
    * @protected
    */
   _openSelection(e, t) {
-    t.stopPropagation(), this._activeSelection = e, this._pageType = e.workflowType === d.REFINE ? l.REFINE : l.SELECT;
+    t.stopPropagation(), this._activeSelection = e, this._pageType = e.workflowType === h.REFINE ? l.REFINE : l.SELECT;
   }
   /**
    * Highlight any selected features in the map
@@ -712,7 +712,7 @@ class P extends x {
     if (t.length > 0)
       for (let i = 0; i < t.length; i++) {
         const s = e[t[i]];
-        console.log(i), s.layerView && p.highlightHandles.push(await v(s.ids, s.layerView, this.mapView));
+        s.layerView && this.mapView && p.highlightHandles.push(await v(s.ids, s.layerView, this.mapView));
       }
   }
   /**
@@ -721,7 +721,7 @@ class P extends x {
    * @protected
    */
   _checkPopups() {
-    typeof this._popupsEnabled != "boolean" && (this._popupsEnabled = this.mapView?.popupEnabled);
+    typeof this._popupsEnabled != "boolean" && (this._popupsEnabled = !!this.mapView?.popupEnabled);
   }
   /**
    * Clear any highlighted features in the map

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

@@ -8,7 +8,7 @@ import { MapDrawTools } from '../map-draw-tools/customElement.js';
 
 export declare class RefineSelection extends LitElement {
     /** esri/views/layers/FeatureLayerView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html */
-    addresseeLayer: __esri.FeatureLayerView;
+    addresseeLayer: __esri.FeatureLayerView | undefined;
     /**
      * string[]: Optional list of enabled layer ids
      *  If empty all layers will be available
@@ -17,15 +17,15 @@ export declare class RefineSelection extends LitElement {
     /** string: The current user locale. */
     locale: string;
     /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
-    mapView: __esri.MapView;
+    mapView: __esri.MapView | undefined;
     /** utils/interfaces/ISelectionSet: An array of user defined selection sets */
     selectionSets: ISelectionSet[];
     /** esri/symbols/SimpleLineSymbol | JSON representation : https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html */
-    sketchLineSymbol: __esri.SimpleLineSymbol;
+    sketchLineSymbol: __esri.SimpleLineSymbol | undefined;
     /** esri/symbols/SimpleMarkerSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html */
-    sketchPointSymbol: __esri.SimpleMarkerSymbol;
+    sketchPointSymbol: __esri.SimpleMarkerSymbol | undefined;
     /** esri/symbols/SimpleFillSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html */
-    sketchPolygonSymbol: __esri.SimpleFillSymbol;
+    sketchPolygonSymbol: __esri.SimpleFillSymbol | undefined;
     /** Emitted on demand when selection starts or ends. */
     readonly selectionLoadingChange: TargetedEvent<this, boolean>;
     /** Emitted on demand when selection sets change. */