@esri/solutions-components 1.1.0-next.20250910.1 → 1.1.0-next.20250911.2

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

@@ -1,17 +1,18 @@
-import { c as L } from "../../chunks/runtime.js";
-import { l as S } from "../../chunks/loadModules.js";
-import { b as v, c as C, g as b } from "../../chunks/mapViewUtils.js";
-import { b as G, g as V, a as I } from "../../chunks/queryUtils.js";
-import { q as d } from "../../chunks/interfaces.js";
-import { s as u } from "../../chunks/publicNotificationStore.js";
-import { u as k } from "../../chunks/useT9n.js";
-import { css as E, html as c } from "lit";
-import { createRef as p, ref as y } from "lit-html/directives/ref.js";
-import { LitElement as T, createEvent as O, noShadowRoot as $, safeClassMap as f, safeStyleMap as F } from "@arcgis/lumina";
+import { c as w } from "../../chunks/runtime.js";
+import { l as L } from "../../chunks/loadModules.js";
+import { b as S, c as v, g } from "../../chunks/mapViewUtils.js";
+import { b as C, g as G, a as V } from "../../chunks/queryUtils.js";
+import { p as d } from "../../chunks/interfaces.js";
+import { u as I } from "../../chunks/useT9n.js";
+import { css as k, html as c } from "lit";
+import { createRef as u, ref as p } from "lit-html/directives/ref.js";
+import { LitElement as E, createEvent as T, noShadowRoot as O, safeClassMap as y, safeStyleMap as $ } from "@arcgis/lumina";
+import { useContextConsumer as F } from "@arcgis/lumina/context";
+import { p as D } from "../../chunks/publicNotificationContext.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250910.1 */
-const D = E`@layer{/** @license
+v1.1.0-next.20250911.2 */
+const x = k`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -26,18 +27,21 @@ const D = E`@layer{/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{display:block}.div-visible{display:inherit}.div-visible-search{display:flex;height:44px;align-items:center;padding-bottom:0}.div-not-visible{display:none}.padding-bottom-1{padding-bottom:1rem}.padding-top-1{padding-top:1rem}.search-widget{width:100%!important;border:1px solid var(--calcite-color-border-input)}.w-100{width:100%}.w-50{width:50%}.search-distance-container{padding-top:"1rem"!important}.end-border{border-inline-end:1px solid var(--calcite-color-border-2)}.search-distance{display:flex;padding-top:1rem}.font-bold{font:bold}.border-bottom{border-bottom:1px solid var(--calcite-color-border-2)}.tooltip-container{display:flex}.padding-start-1-2{padding-inline-start:.5rem}.padding-end-1-2{padding-inline-end:.5rem}.icon{--calcite-color-icon-color: var(--calcite-color-brand)}.tooltip-message{padding:5px 8px;font-weight:var(--calcite-font-weight-normal);color:var(--calcite-color-text-2);max-width:400px}}`;
-class N extends T {
+class N extends E {
   constructor() {
-    super(), this.bufferColor = [227, 139, 79, 0.8], this.bufferOutlineColor = [255, 255, 255], this.customLabelEnabled = !1, this.enabledLayerIds = [], this.enableLayerFeatures = !0, this.enableLayerFeaturesOnLoad = !1, this.enableSearchDistance = !0, this.enableSearchDistanceOnLoad = !1, this.enableSketchTools = !0, this.geometries = [], this.isUpdate = !1, this.layerViews = [], this.noResultText = "", this.selectionLayerIds = [], this.searchDistanceEnabled = !1, this.useLayerFeaturesEnabled = !1, this._numSelected = 0, this._searchTerm = "", this._selectionLoading = !1, this._translations = k({ name: "map-select-tools", blocking: !0 }), this._bufferTools = p(), this._drawTools = p(), this._labelName = p(), this._selectLayers = [], this._searchElement = p(), this._selectedIds = [], this._selectionLabel = "", this._graphics = [], this._featuresCollection = {}, this.selectionSetChange = O(), this.listenOn(window, "searchConfigurationChange", this.searchConfigurationChangeChanged), this.listenOn(window, "distanceChanged", this.distanceChanged), this.listenOn(window, "unitChanged", this.unitChanged);
+    super(), this.bufferColor = [227, 139, 79, 0.8], this.bufferOutlineColor = [255, 255, 255], this.customLabelEnabled = !1, this.enabledLayerIds = [], this.enableLayerFeatures = !0, this.enableLayerFeaturesOnLoad = !1, this.enableSearchDistance = !0, this.enableSearchDistanceOnLoad = !1, this.enableSketchTools = !0, this.geometries = [], this.isUpdate = !1, this.layerViews = [], this.noResultText = "", this.selectionLayerIds = [], this.searchDistanceEnabled = !1, this.useLayerFeaturesEnabled = !1, this._numSelected = 0, this._searchTerm = "", this._selectionLoading = !1, this._translations = I({ name: "map-select-tools", blocking: !0 }), this._bufferTools = u(), this._drawTools = u(), this._labelName = u(), this._pnContextConsumer = F({
+      context: D,
+      subscribe: !0
+    }), this._selectLayers = [], this._searchElement = u(), this._selectedIds = [], this._selectionLabel = "", this._graphics = [], this._featuresCollection = {}, this.selectionSetChange = T(), this.listenOn(window, "searchConfigurationChange", this.searchConfigurationChangeChanged), this.listenOn(window, "distanceChanged", this.distanceChanged), this.listenOn(window, "unitChanged", this.unitChanged);
   }
   static {
     this.properties = { bufferColor: 1, bufferOutlineColor: 1, customLabelEnabled: 5, enabledLayerIds: 0, enableLayerFeatures: 5, enableLayerFeaturesOnLoad: 5, enableSearchDistance: 5, enableSearchDistanceOnLoad: 5, enableSketchTools: 5, defaultBufferDistance: 9, defaultBufferUnit: 1, geometries: 0, isUpdate: 5, layerViews: 0, mapView: 0, noResultText: 1, searchConfiguration: 0, selectionSet: 0, selectionLayerIds: 0, selectLayerView: 0, sketchLineSymbol: 0, sketchPointSymbol: 0, sketchPolygonSymbol: 0, searchDistanceEnabled: 5, useLayerFeaturesEnabled: 5, _numSelected: 16, _searchTerm: 16, _selectionLoading: 16, _translations: 16 };
   }
   static {
-    this.styles = D;
+    this.styles = x;
   }
   static {
-    this.shadowRootOptions = $;
+    this.shadowRootOptions = O;
   }
   willUpdate(e) {
     e.has("geometries") && (this.hasUpdated || this.geometries?.length > 0) && this.watchGeometriesHandler(this.geometries, e.get("geometries")), e.has("mapView") && this.mapView && this.mapViewWatchHandler(this.mapView, e.get("mapView")), e.has("searchConfiguration") && this.searchConfiguration && this.watchSearchConfigurationHandler(this.searchConfiguration, e.get("searchConfiguration"));
@@ -93,12 +97,12 @@ class N extends T {
   }
   render() {
     const e = this.enableSketchTools ? "" : "display-none", t = this.enableSketchTools ? "padding-top-1" : "";
-    return c`${this._getMapLayerPicker()}<div class="border-bottom"></div><div class="padding-top-sides-1"><div class="search-widget" ${y(this._searchElement)}></div><div class=${f(t)}><map-draw-tools active class=${f(e)} .editGraphicsEnabled=${!this.useLayerFeaturesEnabled} .graphics=${this._graphics} .mapView=${this.mapView} @sketchGraphicsChange=${(s) => void this._sketchGraphicsChanged(s)} .pointSymbol=${this.sketchPointSymbol} .polygonSymbol=${this.sketchPolygonSymbol} .polylineSymbol=${this.sketchLineSymbol} ${y(this._drawTools)}></map-draw-tools></div>${this.enableSearchDistance ? this._getBufferOptions() : void 0}${this.enableLayerFeatures ? this._getUseLayerFeaturesOptions() : void 0}${this._getNumSelected()}</div><div class="border-bottom"></div>${this._getNameInput()}`;
+    return c`${this._getMapLayerPicker()}<div class="border-bottom"></div><div class="padding-top-sides-1"><div class="search-widget" ${p(this._searchElement)}></div><div class=${y(t)}><map-draw-tools active class=${y(e)} .editGraphicsEnabled=${!this.useLayerFeaturesEnabled} .graphics=${this._graphics} .mapView=${this.mapView} @sketchGraphicsChange=${(s) => void this._sketchGraphicsChanged(s)} .pointSymbol=${this.sketchPointSymbol} .polygonSymbol=${this.sketchPolygonSymbol} .polylineSymbol=${this.sketchLineSymbol} ${p(this._drawTools)}></map-draw-tools></div>${this.enableSearchDistance ? this._getBufferOptions() : void 0}${this.enableLayerFeatures ? this._getUseLayerFeaturesOptions() : void 0}${this._getNumSelected()}</div><div class="border-bottom"></div>${this._getNameInput()}`;
   }
   _getBufferOptions() {
     this.enableSearchDistanceOnLoad && (this.searchDistanceEnabled = !0, this.enableSearchDistanceOnLoad = !1);
     const e = this.searchDistanceEnabled ? "search-distance" : "div-not-visible", t = typeof this.selectionSet?.distance == "number" ? this.selectionSet.distance : this.defaultBufferDistance;
-    return c`<div><div class="padding-top-1 display-flex"><calcite-label class="label-margin-0 w-100" layout=inline-space-between><div class="tooltip-container">${this._translations.searchDistance}<calcite-icon class="padding-start-1-2 icon" .flipRtl=${this._translations._lang?.toLowerCase() !== "he"} icon=question id=search-distance-icon scale=s></calcite-icon></div></calcite-label><calcite-popover closable label overlay-positioning=fixed reference-element=search-distance-icon><span class="tooltip-message">${this._translations.useSearchDistanceTootip}</span></calcite-popover><calcite-switch .checked=${this.searchDistanceEnabled} @calciteSwitchChange=${() => this.searchDistanceEnabled = !this.searchDistanceEnabled}></calcite-switch></div><div class=${f(e)}><buffer-tools .disabled=${!this.searchDistanceEnabled} .distance=${t} .geometries=${this.geometries} @bufferComplete=${(s) => void this._bufferComplete(s)} .unit=${this.selectionSet?.unit || this.defaultBufferUnit} ${y(this._bufferTools)}></buffer-tools></div></div>`;
+    return c`<div><div class="padding-top-1 display-flex"><calcite-label class="label-margin-0 w-100" layout=inline-space-between><div class="tooltip-container">${this._translations.searchDistance}<calcite-icon class="padding-start-1-2 icon" .flipRtl=${this._translations._lang?.toLowerCase() !== "he"} icon=question id=search-distance-icon scale=s></calcite-icon></div></calcite-label><calcite-popover closable label overlay-positioning=fixed reference-element=search-distance-icon><span class="tooltip-message">${this._translations.useSearchDistanceTootip}</span></calcite-popover><calcite-switch .checked=${this.searchDistanceEnabled} @calciteSwitchChange=${() => this.searchDistanceEnabled = !this.searchDistanceEnabled}></calcite-switch></div><div class=${y(e)}><buffer-tools .disabled=${!this.searchDistanceEnabled} .distance=${t} .geometries=${this.geometries} @bufferComplete=${(s) => void this._bufferComplete(s)} .unit=${this.selectionSet?.unit || this.defaultBufferUnit} ${p(this._bufferTools)}></buffer-tools></div></div>`;
   }
   _getUseLayerFeaturesOptions() {
     this.enableLayerFeaturesOnLoad && (this.useLayerFeaturesEnabled = !0, this.enableLayerFeaturesOnLoad = !1);
@@ -111,20 +115,20 @@ class N extends T {
   }
   _getNumSelected() {
     const e = this._translations._lang === "en" ? `${this._translations.selectionLoading}...` : this._translations.selectionLoading;
-    return c`<div class="padding-top-1 padding-bottom-1" style=${F({ "align-items": "end", display: "flex" })}>${this._selectionLoading ? c`<div><calcite-loader class="info-blue padding-end-1-2" inline .label=${e || ""} scale=m type=indeterminate></calcite-loader></div>` : c`<calcite-icon class="info-blue padding-end-1-2" icon=feature-layer scale=s></calcite-icon>`}<calcite-input-message class="info-blue" scale=m>${this._selectionLoading ? e : this.noResultText && this._numSelected === 0 ? this.noResultText : this._translations.selectedFeatures.replace("{{n}}", this._numSelected.toString())}</calcite-input-message></div>`;
+    return c`<div class="padding-top-1 padding-bottom-1" style=${$({ "align-items": "end", display: "flex" })}>${this._selectionLoading ? c`<div><calcite-loader class="info-blue padding-end-1-2" inline .label=${e || ""} scale=m type=indeterminate></calcite-loader></div>` : c`<calcite-icon class="info-blue padding-end-1-2" icon=feature-layer scale=s></calcite-icon>`}<calcite-input-message class="info-blue" scale=m>${this._selectionLoading ? e : this.noResultText && this._numSelected === 0 ? this.noResultText : this._translations.selectedFeatures.replace("{{n}}", this._numSelected.toString())}</calcite-input-message></div>`;
   }
   _getNameInput() {
     const e = this.customLabelEnabled ? "" : "display-none";
     return c`<div class=${`padding-sides-1 padding-top-1 ${e}`}><calcite-label class="font-bold">${this._translations.listName}<calcite-input @input=${() => {
       this._selectionLabel = this._labelName.value ? this._labelName.value.value : "";
-    }} .placeholder=${this._translations.listNamePlaceholder} .value=${this._selectionLabel || ""} ${y(this._labelName)}></calcite-input></calcite-label></div>`;
+    }} .placeholder=${this._translations.listNamePlaceholder} .value=${this._selectionLabel || ""} ${p(this._labelName)}></calcite-input></calcite-label></div>`;
   }
   _getMapLayerPicker() {
     const e = this.selectionSet?.layerView?.layer.id;
     return c`<div class="display-flex padding-sides-1 padding-bottom-1"><calcite-label class="font-bold width-full label-margin-0">${this._translations.inputLayer}<map-layer-picker .enabledLayerIds=${this.enabledLayerIds} .mapView=${this.mapView} @layerSelectionChange=${(t) => void this._inputLayerSelectionChange(t)} .selectedIds=${this.selectLayerView ? [this.selectLayerView.layer.id] : this.selectionSet && e !== void 0 ? [e] : []}></map-layer-picker></calcite-label></div>`;
   }
   async _initModules() {
-    const [e, t, s, i, a, l] = await S([
+    const [e, t, s, i, a, l] = await L([
       "esri/request",
       "esri/layers/GraphicsLayer",
       "esri/Graphic",
@@ -144,7 +148,7 @@ class N extends T {
         geometry: t,
         symbol: s
       })), e;
-    }, []), this._selectionLabel = this.selectionSet?.label, this.useLayerFeaturesEnabled || await this._drawTools.value?.updateGraphics(), this.selectionSet.layerView && this.mapView && await v(this.selectionSet.selectedIds, this.selectionSet.layerView, this.mapView, !1));
+    }, []), this._selectionLabel = this.selectionSet?.label, this.useLayerFeaturesEnabled || await this._drawTools.value?.updateGraphics(), this.selectionSet.layerView && this.mapView && await S(this.selectionSet.selectedIds, this.selectionSet.layerView, this.mapView, !1));
   }
   async _initSearchWidget() {
     if (this.mapView && this._searchElement.value) {
@@ -172,10 +176,10 @@ class N extends T {
       s?.sourceJSON?.isView && s.url && (l = await this._getViewSourceUrl(s.url));
       let r;
       i?.sourceJSON?.isView && i.url && (r = await this._getViewSourceUrl(i.url));
-      const o = s?.url?.toLowerCase(), h = l?.toLowerCase(), n = i?.url?.toLowerCase(), _ = r?.toLowerCase(), m = o && n && (o === n || o === _ || h === n || h === _) && !Number.isNaN(a), w = m ? [a] : void 0;
+      const o = s?.url?.toLowerCase(), h = l?.toLowerCase(), n = i?.url?.toLowerCase(), f = r?.toLowerCase(), _ = o && n && (o === n || o === f || h === n || h === f) && !Number.isNaN(a), b = _ ? [a] : void 0;
       this._workflowType = d.SEARCH, this._updateLabel();
-      const g = [e.feature];
-      this._updateSelection(g, m, w), this._drawTools.value && (this._drawTools.value.graphics = g), this._searchWidget?.resultGraphic && (this._searchWidget.resultGraphic.visible = !1);
+      const m = [e.feature];
+      this._updateSelection(m, _, b), this._drawTools.value && (this._drawTools.value.graphics = m), this._searchWidget?.resultGraphic && (this._searchWidget.resultGraphic.visible = !1);
     } else {
       const t = this._searchClearLabel();
       this._clearResults(!1, t);
@@ -224,15 +228,15 @@ class N extends T {
     }, e;
   }
   _initGraphicsLayer() {
-    const e = this._translations.bufferLayer;
+    const e = this._pnContextConsumer.value, t = this._translations.bufferLayer;
     if (this.mapView) {
-      const t = this.mapView.map.layers.findIndex((s) => s.title === e);
-      if (t > -1)
-        this._bufferGraphicsLayer = this.mapView.map.layers.getItemAt(t);
-      else if (this._bufferGraphicsLayer = this.GraphicsLayer && new this.GraphicsLayer({ title: e, listMode: "hide" }), this._bufferGraphicsLayer) {
-        u.managedLayers[e] = "buffer";
-        const s = this.mapView.map.layers.findIndex((i) => i.title === this._translations.sketchLayer);
-        s > -1 ? this.mapView.map.layers.add(this._bufferGraphicsLayer, s) : this.mapView.map.layers.add(this._bufferGraphicsLayer);
+      const s = this.mapView.map.layers.findIndex((i) => i.title === t);
+      if (s > -1)
+        this._bufferGraphicsLayer = this.mapView.map.layers.getItemAt(s);
+      else if (this._bufferGraphicsLayer = this.GraphicsLayer && new this.GraphicsLayer({ title: t, listMode: "hide" }), this._bufferGraphicsLayer) {
+        e.managedLayers[t] = "buffer";
+        const i = this.mapView.map.layers.findIndex((a) => a.title === this._translations.sketchLayer);
+        i > -1 ? this.mapView.map.layers.add(this._bufferGraphicsLayer, i) : this.mapView.map.layers.add(this._bufferGraphicsLayer);
       }
     }
   }
@@ -253,10 +257,15 @@ class N extends T {
     return this._skipGeomOIDs && this._skipGeomOIDs?.length > 0 ? (this._selectedIds = this._skipGeomOIDs, this._highlightFeatures(this._selectedIds)) : this._geomQuery(this.geometries);
   }
   async _highlightFeatures(e) {
-    u.removeHandles(), e.length > 0 && this.selectLayerView && this.mapView && u.highlightHandles.push(await C(e, this.selectLayerView, this.mapView)), this._numSelected = e.length, this.selectionSetChange.emit(e.length);
+    const t = this._pnContextConsumer.value;
+    if (t.removeHandles(), e.length > 0 && this.selectLayerView && this.mapView) {
+      const s = await v(e, this.selectLayerView, this.mapView);
+      t.highlightHandles.push(s);
+    }
+    this._numSelected = e.length, this.selectionSetChange.emit(e.length);
   }
   async _selectFeatures(e) {
-    this._selectionLoading = !0, this._selectedIds = this.selectLayerView && await G(e, this.selectLayerView.layer) || [], this._selectionLoading = !1, this._drawTools.value && (this._drawTools.value.graphics = this._graphics), await this._highlightFeatures(this._selectedIds);
+    this._selectionLoading = !0, this._selectedIds = this.selectLayerView && await C(e, this.selectLayerView.layer) || [], this._selectionLoading = !1, this._drawTools.value && (this._drawTools.value.graphics = this._graphics), await this._highlightFeatures(this._selectedIds);
   }
   async _bufferComplete(e) {
     this._bufferGeometry = Array.isArray(e.detail) ? e.detail[0] : e.detail;
@@ -282,11 +291,11 @@ class N extends T {
     });
   }
   _geomQuery(e) {
-    const t = this._geometryEngine && V(e, this._geometryEngine);
+    const t = this._geometryEngine && G(e, this._geometryEngine);
     return t ? this._selectFeatures(t) : Promise.resolve();
   }
   async _clearResults(e = !0, t = !1) {
-    this._selectedIds = [], this._distance = void 0, this._unit = void 0, t && (this._selectionLabel = "", this._labelName.value && (this._labelName.value.value = "")), this._bufferGraphicsLayer && this._bufferGraphicsLayer.removeAll(), e && this._searchWidget && this._clearSearchWidget(), u.removeHandles(), this._drawTools.value?.clear && (this._graphics = [], await this._drawTools.value.clear()), this._numSelected = this._selectedIds.length, this.selectionSetChange.emit(this._numSelected);
+    this._selectedIds = [], this._distance = void 0, this._unit = void 0, t && (this._selectionLabel = "", this._labelName.value && (this._labelName.value.value = "")), this._bufferGraphicsLayer && this._bufferGraphicsLayer.removeAll(), e && this._searchWidget && this._clearSearchWidget(), this._pnContextConsumer.value.removeHandles(), this._drawTools.value?.clear && (this._graphics = [], await this._drawTools.value.clear()), this._numSelected = this._selectedIds.length, this.selectionSetChange.emit(this._numSelected);
   }
   _clearSearchWidget() {
     this._searchWidget?.clear(), this._searchResult = void 0;
@@ -302,7 +311,7 @@ class N extends T {
   }
   async _layerSelectionChange(e) {
     if (Array.isArray(e.detail) && e.detail.length > 0) {
-      const t = e.detail.reduce((s, i) => (this.mapView && s.push(b(this.mapView, i)), s), []);
+      const t = e.detail.reduce((s, i) => (this.mapView && s.push(g(this.mapView, i)), s), []);
       return Promise.all(t).then((s) => {
         this.layerViews = s.reduce((i, a) => (a && i.push(a), i), []), this._featuresCollection = {}, this._sketchGraphic && this._sketchGraphicsChanged({
           detail: {
@@ -315,14 +324,14 @@ class N extends T {
   }
   async _inputLayerSelectionChange(e) {
     const t = e?.detail?.length > 0 ? e.detail[0] : "";
-    (!this.selectLayerView || t !== this.selectLayerView.layer.id) && (this.selectLayerView = this.mapView && await b(this.mapView, t), await this._updateLabel(), this._bufferGeometry ? await this._selectFeatures([this._bufferGeometry]) : await this._highlightWithOIDsOrGeoms());
+    (!this.selectLayerView || t !== this.selectLayerView.layer.id) && (this.selectLayerView = this.mapView && await g(this.mapView, t), await this._updateLabel(), this._bufferGeometry ? await this._selectFeatures([this._bufferGeometry]) : await this._highlightWithOIDsOrGeoms());
   }
   async _distanceChanged(e) {
     e.newValue !== e.oldValue && (this._distance = e.newValue, await this._updateLabel());
   }
   async _selectLayerFeatures(e) {
     this._selectionLoading = !0;
-    const t = this.layerViews.map((s) => (this._featuresCollection[s.layer.id] = [], I(0, s.layer, e, this._featuresCollection)));
+    const t = this.layerViews.map((s) => (this._featuresCollection[s.layer.id] = [], V(0, s.layer, e, this._featuresCollection)));
     return Promise.all(t).then(async (s) => {
       this._selectionLoading = !1;
       let i = [];
@@ -354,7 +363,7 @@ class N extends T {
     });
   }
 }
-L("map-select-tools", N);
+w("map-select-tools", N);
 export {
   N as MapSelectTools
 };

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

@@ -6,7 +6,7 @@ import { createRef as a, ref as n } from "lit-html/directives/ref.js";
 import { LitElement as F, safeClassMap as l } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250910.1 */
+v1.1.0-next.20250911.2 */
 const E = T`/** @license
  * Copyright 2025 Esri
  *

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

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

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

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

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

@@ -1,11 +1,19 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
-import { DistanceUnit, IExportInfo, IExportInfos, ISearchConfiguration, ISelectionSet, EExportType, EPageType } from '../../utils/interfaces';
+import { DistanceUnit, IExportInfo, IExportInfos, ISearchConfiguration, ISelectionSet, EExportType, EPageType, IManagedLayers } from '../../utils/interfaces';
 import { PropertyValues } from 'lit';
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 import { MapSelectTools } from '../map-select-tools/customElement.js';
 import { PdfDownload } from '../pdf-download/customElement.js';
+import { Controller } from '@arcgis/lumina/controllers';
 
+export declare class PNStateController extends Controller {
+    constructor();
+    managedLayers: IManagedLayers;
+    managedTables: string[];
+    highlightHandles: any[];
+    removeHandles(): void;
+}
 export declare class PublicNotification extends LitElement {
     /** string[]: List of layer ids that should be shown as potential addressee layers */
     addresseeLayerIds: string[];

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

@@ -1,17 +1,19 @@
 import { g as b, c as y } from "../../chunks/runtime.js";
-import { y as c, z as l, q as h } from "../../chunks/interfaces.js";
+import { y as c, z as l, p 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 d } from "../../chunks/publicNotificationStore.js";
 import { c as $, r as k } from "../../chunks/downloadUtils.js";
 import { u as x } from "../../chunks/useT9n.js";
-import { css as L, html as o, nothing as u } from "lit";
-import { createRef as g, ref as f } from "lit-html/directives/ref.js";
-import { LitElement as E, createEvent as T, noShadowRoot as C, safeClassMap as p } from "@arcgis/lumina";
+import { css as L, html as o, nothing as _ } from "lit";
+import { createRef as p, ref as g } from "lit-html/directives/ref.js";
+import { LitElement as E, createEvent as T, noShadowRoot as C, safeClassMap as d } from "@arcgis/lumina";
+import { p as I } from "../../chunks/publicNotificationContext.js";
+import { useContextProvider as P } from "@arcgis/lumina/context";
+import { Controller as V } from "@arcgis/lumina/controllers";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250910.1 */
-const I = L`@layer{/** @license
+v1.1.0-next.20250911.2 */
+const D = L`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -26,15 +28,25 @@ const I = L`@layer{/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{display:block;--calcite-input-message-spacing-value: 0}.align-center{align-items:center}.border-bottom-1{border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-color-border-3)}.action-bar-size{height:3.5rem;width:100%}.w-1-2{width:50%}.w-1-3{width:33.33%}.width-full{width:100%}.height-full{height:100%}.padding-1{padding:1rem}.padding-top-sides-1{padding-block-start:1rem;padding-inline-start:1rem;padding-inline-end:1rem}.padding-sides-1{padding-inline-start:1rem;padding-inline-end:1rem}.padding-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 E {
+class O extends V {
   constructor() {
-    super(), this.addresseeLayerIds = [], this.bufferColor = [227, 139, 79, 0.8], this.bufferOutlineColor = [255, 255, 255], this.customLabelEnabled = !1, this.defaultBufferDistance = 0, this.defaultBufferUnit = "feet", this.defaultExportTitle = "", this.defaultNumLabelsPerPage = 6, this.enableLayerFeatures = !0, this.enableLayerFeaturesOnLoad = !1, this.enableSearchDistance = !0, this.enableSearchDistanceOnLoad = !1, this.enableSketchTools = !0, this.featureHighlightEnabled = !1, this.noResultText = "", this.initialNotice = "", this.selectionLayerIds = [], this.showRefineSelection = !1, this.showSearchSettings = !0, this._exportGraphics = !1, this._addMap = !1, this._addResults = !0, this._addTitle = !1, this._downloadActive = !0, this._exportType = c.PDF, this._fetchingData = !1, this._isMobile = !1, this._numDuplicates = 0, this._pageType = l.LIST, this._saveEnabled = !1, this._selectionSets = [], this._translations = x({ name: "public-notification", blocking: !0 }), this._downloadTools = g(), this._onboardingImageUrl = "", this._popupsEnabled = !1, this._removeDuplicates = g(), this._selectTools = g(), this._titleElement = g(), this._titleValue = void 0, this._numSelected = 0, this.searchConfigurationChange = T(), this.listenOn(window, "selectionSetsChanged", this.selectionSetsChanged);
+    super(), this.managedLayers = {}, this.managedTables = [], this.highlightHandles = [];
+  }
+  removeHandles() {
+    this.highlightHandles.forEach((e) => {
+      e?.remove();
+    }), this.highlightHandles = [];
+  }
+}
+class N extends E {
+  constructor() {
+    super(), this.addresseeLayerIds = [], this.bufferColor = [227, 139, 79, 0.8], this.bufferOutlineColor = [255, 255, 255], this.customLabelEnabled = !1, this.defaultBufferDistance = 0, this.defaultBufferUnit = "feet", this.defaultExportTitle = "", this.defaultNumLabelsPerPage = 6, this.enableLayerFeatures = !0, this.enableLayerFeaturesOnLoad = !1, this.enableSearchDistance = !0, this.enableSearchDistanceOnLoad = !1, this.enableSketchTools = !0, this.featureHighlightEnabled = !1, this.noResultText = "", this.initialNotice = "", this.selectionLayerIds = [], this.showRefineSelection = !1, this.showSearchSettings = !0, this._exportGraphics = !1, this._addMap = !1, this._addResults = !0, this._addTitle = !1, this._downloadActive = !0, this._exportType = c.PDF, this._fetchingData = !1, this._isMobile = !1, this._numDuplicates = 0, this._pageType = l.LIST, this._saveEnabled = !1, this._selectionSets = [], this._translations = x({ name: "public-notification", blocking: !0 }), this._downloadTools = p(), this._onboardingImageUrl = "", this._popupsEnabled = !1, this._removeDuplicates = p(), this._selectTools = p(), this._titleElement = p(), this._titleValue = void 0, this._numSelected = 0, this._pnStateContextProvider = P({ context: I }), this.searchConfigurationChange = T(), this.listenOn(window, "selectionSetsChanged", this.selectionSetsChanged), this._pnState = new O(), this._pnStateContextProvider.setValue(this._pnState);
   }
   static {
     this.properties = { addresseeLayerIds: 0, bufferColor: 1, bufferOutlineColor: 1, customLabelEnabled: 5, defaultBufferDistance: 9, defaultBufferUnit: 1, defaultExportTitle: 1, defaultNumLabelsPerPage: 9, enableLayerFeatures: 5, enableLayerFeaturesOnLoad: 5, enableSearchDistance: 5, enableSearchDistanceOnLoad: 5, enableSketchTools: 5, featureEffect: 0, featureHighlightEnabled: 5, mapView: 0, noResultText: 1, initialNotice: 1, searchConfiguration: 0, selectionLayerIds: 0, showRefineSelection: 5, showSearchSettings: 5, sketchLineSymbol: 0, sketchPointSymbol: 0, sketchPolygonSymbol: 0, _exportGraphics: 16, _addMap: 16, _addResults: 16, _addTitle: 16, _downloadActive: 16, _exportType: 16, _fetchingData: 16, _isMobile: 16, _numDuplicates: 16, _pageType: 16, _saveEnabled: 16, _selectionSets: 16, _translations: 16 };
   }
   static {
-    this.styles = I;
+    this.styles = D;
   }
   static {
     this.shadowRootOptions = C;
@@ -141,7 +153,7 @@ class P extends E {
   }
   _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 ?? u} @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 ?? _} @click=${() => {
       this._setPageType(t);
     }} text></calcite-action></div><calcite-tooltip label placement=bottom .referenceElement=${e}><span>${i}</span></calcite-tooltip></calcite-action-group>`;
   }
@@ -173,15 +185,15 @@ class P extends E {
     }} width=full><span class="font-weight-500">${this._translations.add}</span></calcite-button></div></calcite-panel>`;
   }
   _getOnboardingImage() {
-    return o`<div class="display-flex padding-sides-1"><img class="img-container" role=presentation src=${this._onboardingImageUrl ?? u}></div>`;
+    return o`<div class="display-flex padding-sides-1"><img class="img-container" role=presentation src=${this._onboardingImageUrl ?? _}></div>`;
   }
   _getSelectionSetList() {
     return o`<div class="padding-top-1-2 padding-bottom-1-2"><calcite-list class="list-border margin-sides-1" label>${this._selectionSets.reduce((e, t, i) => {
       const s = this._getSelectionSetIds(t);
       let a = !0;
-      return t.workflowType === h.REFINE && (a = Object.keys(t.refineInfos).reduce((r, _) => {
-        const m = t.refineInfos[_];
-        return r += m.addIds.length + m.removeIds.length, r;
+      return t.workflowType === h.REFINE && (a = Object.keys(t.refineInfos).reduce((r, f) => {
+        const u = t.refineInfos[f];
+        return r += u.addIds.length + u.removeIds.length, r;
       }, 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>`;
   }
@@ -219,7 +231,7 @@ class P extends E {
   }
   _getSelectPage() {
     const e = this._translations.selectSearchTip;
-    return o`<calcite-panel>${this._getLabel(this._translations?.stepTwoFull, !0)}${this._getNotice(e, "padding-1", "word-wrap-anywhere")}<div><map-select-tools .bufferColor=${this.bufferColor} .bufferOutlineColor=${this.bufferOutlineColor} class="font-bold" .customLabelEnabled=${this.customLabelEnabled} .defaultBufferDistance=${this.defaultBufferDistance} .defaultBufferUnit=${this.defaultBufferUnit} .enableLayerFeatures=${this.enableLayerFeatures} .enableLayerFeaturesOnLoad=${this.enableLayerFeaturesOnLoad} .enableSearchDistance=${this.enableSearchDistance} .enableSearchDistanceOnLoad=${this.enableSearchDistanceOnLoad} .enableSketchTools=${this.enableSketchTools} .enabledLayerIds=${this.addresseeLayerIds} .isUpdate=${!!this._activeSelection} .mapView=${this.mapView} .noResultText=${this.noResultText} @selectionSetChange=${this._updateForSelection} .searchConfiguration=${this._searchConfiguration} .searchDistanceEnabled=${this.enableSearchDistanceOnLoad} .selectionLayerIds=${this.selectionLayerIds} .selectionSet=${this._activeSelection} .sketchLineSymbol=${this.sketchLineSymbol} .sketchPointSymbol=${this.sketchPointSymbol} .sketchPolygonSymbol=${this.sketchPolygonSymbol} .useLayerFeaturesEnabled=${this.enableLayerFeaturesOnLoad} ${f(this._selectTools)}></map-select-tools></div>${this._getPageNavButtons(this._translations.done, this._numSelected === 0, () => {
+    return o`<calcite-panel>${this._getLabel(this._translations?.stepTwoFull, !0)}${this._getNotice(e, "padding-1", "word-wrap-anywhere")}<div><map-select-tools .bufferColor=${this.bufferColor} .bufferOutlineColor=${this.bufferOutlineColor} class="font-bold" .customLabelEnabled=${this.customLabelEnabled} .defaultBufferDistance=${this.defaultBufferDistance} .defaultBufferUnit=${this.defaultBufferUnit} .enableLayerFeatures=${this.enableLayerFeatures} .enableLayerFeaturesOnLoad=${this.enableLayerFeaturesOnLoad} .enableSearchDistance=${this.enableSearchDistance} .enableSearchDistanceOnLoad=${this.enableSearchDistanceOnLoad} .enableSketchTools=${this.enableSketchTools} .enabledLayerIds=${this.addresseeLayerIds} .isUpdate=${!!this._activeSelection} .mapView=${this.mapView} .noResultText=${this.noResultText} @selectionSetChange=${this._updateForSelection} .searchConfiguration=${this._searchConfiguration} .searchDistanceEnabled=${this.enableSearchDistanceOnLoad} .selectionLayerIds=${this.selectionLayerIds} .selectionSet=${this._activeSelection} .sketchLineSymbol=${this.sketchLineSymbol} .sketchPointSymbol=${this.sketchPointSymbol} .sketchPolygonSymbol=${this.sketchPolygonSymbol} .useLayerFeaturesEnabled=${this.enableLayerFeaturesOnLoad} ${g(this._selectTools)}></map-select-tools></div>${this._getPageNavButtons(this._translations.done, this._numSelected === 0, () => {
       this._saveSelection();
     }, this._translations.cancel, !1, () => {
       this._home();
@@ -227,14 +239,14 @@ class P extends E {
   }
   _getExportPage() {
     const e = this._hasSelections(this.showRefineSelection), t = this._numDuplicates > 0 ? "display-block" : "display-none";
-    return o`<calcite-panel><div>${this._getLabel(this._translations.export, !1)}${e ? o`<div>${this._getNotice(this._translations.exportTip, "padding-sides-1")}${this._getLabel(this._translations.exportListsLabel)}${this._getExportSelectionLists()}<div class=${`padding-sides-1 ${t}`}><div class="display-flex"><calcite-label layout=inline><calcite-checkbox ${f(this._removeDuplicates)}></calcite-checkbox><div class="display-flex">${this._translations.removeDuplicate}<div class="info-message padding-start-1-2"><calcite-input-message class="info-blue margin-top-0" scale=m>${` ${this._translations.numDuplicates.replace("{{n}}", this._numDuplicates.toString())}`}</calcite-input-message></div></div></calcite-label><calcite-icon class="padding-start-1-2 icon" .flipRtl=${this._translations._lang?.toLowerCase() !== "he"} icon=question id=remove-duplicates-icon scale=s></calcite-icon></div><calcite-popover closable label overlay-positioning=fixed reference-element=remove-duplicates-icon><span class="tooltip-message">${this._translations.duplicatesTip}</span></calcite-popover></div><div class="border-bottom"></div><div class="padding-top-sides-1"><calcite-segmented-control class="w-100" @calciteSegmentedControlChange=${this._exportTypeChange} width=full><calcite-segmented-control-item .checked=${this._exportType === c.PDF} class="w-50 end-border" .value=${c.PDF}><span class="font-weight-500">${this._translations.pdf}</span></calcite-segmented-control-item><calcite-segmented-control-item .checked=${this._exportType === c.CSV} class="w-50" .value=${c.CSV}><span class="font-weight-500">${this._translations.csv}</span></calcite-segmented-control-item></calcite-segmented-control></div><div class="padding-bottom-1">${this._getExportOptions()}</div><div class="padding-1 display-flex"><calcite-button .disabled=${!this._downloadActive || this._fetchingData || !this._addMap && !this._addResults} .loading=${this._fetchingData} @click=${() => void this._export()} width=full><span class="font-weight-500">${this._translations.export}</span></calcite-button></div></div>` : this._getNotice(this._translations.downloadNoLists, "padding-sides-1 padding-bottom-1")}</div></calcite-panel>`;
+    return o`<calcite-panel><div>${this._getLabel(this._translations.export, !1)}${e ? o`<div>${this._getNotice(this._translations.exportTip, "padding-sides-1")}${this._getLabel(this._translations.exportListsLabel)}${this._getExportSelectionLists()}<div class=${`padding-sides-1 ${t}`}><div class="display-flex"><calcite-label layout=inline><calcite-checkbox ${g(this._removeDuplicates)}></calcite-checkbox><div class="display-flex">${this._translations.removeDuplicate}<div class="info-message padding-start-1-2"><calcite-input-message class="info-blue margin-top-0" scale=m>${` ${this._translations.numDuplicates.replace("{{n}}", this._numDuplicates.toString())}`}</calcite-input-message></div></div></calcite-label><calcite-icon class="padding-start-1-2 icon" .flipRtl=${this._translations._lang?.toLowerCase() !== "he"} icon=question id=remove-duplicates-icon scale=s></calcite-icon></div><calcite-popover closable label overlay-positioning=fixed reference-element=remove-duplicates-icon><span class="tooltip-message">${this._translations.duplicatesTip}</span></calcite-popover></div><div class="border-bottom"></div><div class="padding-top-sides-1"><calcite-segmented-control class="w-100" @calciteSegmentedControlChange=${this._exportTypeChange} width=full><calcite-segmented-control-item .checked=${this._exportType === c.PDF} class="w-50 end-border" .value=${c.PDF}><span class="font-weight-500">${this._translations.pdf}</span></calcite-segmented-control-item><calcite-segmented-control-item .checked=${this._exportType === c.CSV} class="w-50" .value=${c.CSV}><span class="font-weight-500">${this._translations.csv}</span></calcite-segmented-control-item></calcite-segmented-control></div><div class="padding-bottom-1">${this._getExportOptions()}</div><div class="padding-1 display-flex"><calcite-button .disabled=${!this._downloadActive || this._fetchingData || !this._addMap && !this._addResults} .loading=${this._fetchingData} @click=${() => void this._export()} width=full><span class="font-weight-500">${this._translations.export}</span></calcite-button></div></div>` : this._getNotice(this._translations.downloadNoLists, "padding-sides-1 padding-bottom-1")}</div></calcite-panel>`;
   }
   _exportTypeChange(e) {
     this._exportType = e.target.value;
   }
   _getExportOptions() {
     const e = this._exportType === c.PDF ? "display-block" : "display-none", t = this._addTitle ? "display-block" : "display-none", i = this._addMap ? "display-flex" : "display-none", s = this._titleValue ? this._titleValue : this.defaultExportTitle ? this.defaultExportTitle : "", a = this._addResults ? "" : "display-none";
-    return o`<div class=${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} ${f(this._downloadTools)}></pdf-download></div><div class="padding-top-sides-1"><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._addTitle} @calciteCheckboxChange=${() => this._addTitle = !this._addTitle}></calcite-checkbox>${this._translations.title}</calcite-label></div><div class=${p(t)}>${this._getLabel(this._translations.title, !0, "")}<calcite-input-text class="padding-sides-1" @calciteInputTextInput=${() => this._changeTitle()} .placeholder=${this._translations.titlePlaceholder} .value=${s} ${f(this._titleElement)}></calcite-input-text></div><div class="padding-top-sides-1"><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._addMap} @calciteCheckboxChange=${() => this._handleAddMapChange()}></calcite-checkbox>${this._translations.includeMap}</calcite-label></div><div class=${`padding-top-sides-1 ${i}`}><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._exportGraphics} @calciteCheckboxChange=${() => this._handleExportGraphicsChange()}></calcite-checkbox>${this._translations.listGraphics}</calcite-label><calcite-icon class="padding-start-1-2 icon" .flipRtl=${this._translations._lang?.toLowerCase() !== "he"} icon=question id=list-graphics-icon scale=s></calcite-icon><calcite-popover closable label overlay-positioning=fixed reference-element=list-graphics-icon><span class="tooltip-message">${this._translations.listGraphicsTip}</span></calcite-popover></div></div>`;
+    return o`<div class=${d(e)}>${this._getLabel(this._translations.pdfOptions, !0)}<div class="padding-top-sides-1"><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._addResults} @calciteCheckboxChange=${() => this._addResults = !this._addResults}></calcite-checkbox>${this._translations.addResults}</calcite-label></div><div class=${`padding-top-sides-1 ${a}`}><calcite-label class="label-margin-0">${this._translations.selectPDFLabelOption}</calcite-label></div><div class=${`padding-sides-1 ${a}`}><pdf-download .defaultNumLabelsPerPage=${Number.parseInt(this.defaultNumLabelsPerPage.toString(), 10)} .disabled=${!this._downloadActive} ${g(this._downloadTools)}></pdf-download></div><div class="padding-top-sides-1"><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._addTitle} @calciteCheckboxChange=${() => this._addTitle = !this._addTitle}></calcite-checkbox>${this._translations.title}</calcite-label></div><div class=${d(t)}>${this._getLabel(this._translations.title, !0, "")}<calcite-input-text class="padding-sides-1" @calciteInputTextInput=${() => this._changeTitle()} .placeholder=${this._translations.titlePlaceholder} .value=${s} ${g(this._titleElement)}></calcite-input-text></div><div class="padding-top-sides-1"><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._addMap} @calciteCheckboxChange=${() => this._handleAddMapChange()}></calcite-checkbox>${this._translations.includeMap}</calcite-label></div><div class=${`padding-top-sides-1 ${i}`}><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._exportGraphics} @calciteCheckboxChange=${() => this._handleExportGraphicsChange()}></calcite-checkbox>${this._translations.listGraphics}</calcite-label><calcite-icon class="padding-start-1-2 icon" .flipRtl=${this._translations._lang?.toLowerCase() !== "he"} icon=question id=list-graphics-icon scale=s></calcite-icon><calcite-popover closable label overlay-positioning=fixed reference-element=list-graphics-icon><span class="tooltip-message">${this._translations.listGraphicsTip}</span></calcite-popover></div></div>`;
   }
   _handleAddMapChange() {
     this._addMap = !this._addMap, this._updateExportGraphics();
@@ -244,9 +256,10 @@ class P extends E {
   }
   _getManagedLayer(e) {
     let t;
-    return Object.keys(d.managedLayers).some((i) => {
-      const s = this.mapView?.map.layers.findIndex((a) => a.title === i);
-      return d.managedLayers[i] === e && s !== void 0 ? (t = this.mapView?.map.layers.getItemAt(s), !0) : !1;
+    const i = this._pnStateContextProvider.value;
+    return Object.keys(i.managedLayers).some((s) => {
+      const a = this.mapView?.map.layers.findIndex((n) => n.title === s);
+      return i.managedLayers[s] === e && a !== void 0 ? (t = this.mapView?.map.layers.getItemAt(a), !0) : !1;
     }), t;
   }
   _updateExportGraphics(e = !1) {
@@ -286,10 +299,10 @@ class P extends E {
     this._titleElement.value?.value && (this._titleValue = this._titleElement.value.value || "");
   }
   _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>`;
+    return o`<calcite-notice class=${d(t)} icon=lightbulb kind=success open><div class=${d(i)} slot=message>${e}</div></calcite-notice>`;
   }
   _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>`;
+    return i += t ? " label-margin-0" : "", o`<div class=padding-top-sides-1><calcite-label class=${d(i)}>${e}</calcite-label></div>`;
   }
   _getExportSelectionLists() {
     return this._selectionSets.reduce((e, t) => {
@@ -319,8 +332,8 @@ class P extends E {
         Object.keys(a.refineInfos).forEach((n) => {
           const r = a.refineInfos[n];
           if (r.addIds) {
-            const _ = r.layerView.layer.id;
-            s = this._updateExportInfos(s, _, a.label, r.addIds, r.layerView);
+            const f = r.layerView.layer.id;
+            s = this._updateExportInfos(s, f, a.label, r.addIds, r.layerView);
           }
         });
       else {
@@ -338,7 +351,7 @@ class P extends E {
     }), e;
   }
   _getAction(e, t, i, s, a = !1, n = "") {
-    return o`<calcite-action .disabled=${!e} .icon=${t} icon-flip-rtl .indicator=${a} @click=${s} slot=${n ?? u} .text=${i}></calcite-action>`;
+    return o`<calcite-action .disabled=${!e} .icon=${t} icon-flip-rtl .indicator=${a} @click=${s} slot=${n ?? _} .text=${i}></calcite-action>`;
   }
   _updateForSelection(e) {
     this._numSelected = e.detail, this._saveEnabled = this._numSelected > 0;
@@ -367,22 +380,28 @@ class P extends E {
     t.stopPropagation(), this._activeSelection = e, this._pageType = e.workflowType === h.REFINE ? l.REFINE : l.SELECT;
   }
   async _highlightFeatures() {
+    const e = this._pnStateContextProvider.value;
     this._clearHighlight();
-    const e = this._getSelectionIdsAndViews(this._selectionSets, this._pageType === l.EXPORT), t = Object.keys(e);
-    if (t.length > 0)
-      for (let i = 0; i < t.length; i++) {
-        const s = e[t[i]];
-        s.layerView && this.mapView && d.highlightHandles.push(await v(s.ids, s.layerView, this.mapView));
+    const t = this._getSelectionIdsAndViews(this._selectionSets, this._pageType === l.EXPORT), i = Object.keys(t);
+    if (i.length > 0)
+      for (let s = 0; s < i.length; s++) {
+        const a = t[i[s]];
+        if (a.layerView && this.mapView) {
+          const n = await v(a.ids, a.layerView, this.mapView);
+          e.highlightHandles.push(n);
+        }
       }
   }
   _checkPopups() {
     typeof this._popupsEnabled != "boolean" && (this._popupsEnabled = !!this.mapView?.popupEnabled);
   }
   _clearHighlight() {
-    console.log("_clearHighlight"), d && d.highlightHandles && d.removeHandles();
+    const e = this._pnStateContextProvider.value;
+    e && e.highlightHandles && e.removeHandles();
   }
 }
-y("public-notification", P);
+y("public-notification", N);
 export {
-  P as PublicNotification
+  O as PNStateController,
+  N as PublicNotification
 };