@esri/solutions-components 1.1.0-next.20251001.1 → 1.1.0-next.20251007

package/dist/components/layer-table/customElement.js

@@ -1,18 +1,18 @@
-import { c as m } from "../../chunks/runtime.js";
+import { c as y } from "../../chunks/runtime.js";
 import { l as w } from "../../chunks/loadModules.js";
-import { b as y, d as I, g as T } from "../../chunks/mapViewUtils.js";
+import { b as m, d as I, g as T } from "../../chunks/mapViewUtils.js";
 import { c as v } from "../../chunks/queryUtils.js";
 import { d as E } from "../../chunks/downloadUtils.js";
 import { B as b } from "../../chunks/interfaces.js";
 import { defineCustomElements as x } from "@arcgis/instant-apps-components/loader";
-import { u as F } from "../../chunks/useT9n.js";
-import { css as S, html as o, nothing as c } from "lit";
+import { u as S } from "../../chunks/useT9n.js";
+import { css as F, html as o, nothing as c } from "lit";
 import { createRef as u, ref as p } from "lit-html/directives/ref.js";
 import { LitElement as O, createEvent as _, noShadowRoot as C, safeClassMap as g } 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.20251001.1 */
-const A = S`@layer{/** @license
+v1.1.0-next.20251007 */
+const A = F`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -29,7 +29,7 @@ const A = S`@layer{/** @license
  */:host{display:block}.height-full{height:100%}.height-full-adjusted{height:calc(100% - 20px)}.width-full{width:100%}.display-flex{display:flex}.display-none{display:none}.table-border{border:1px solid var(--calcite-color-border-2)}.border-end{border-inline-end:1px solid var(--calcite-color-border-2)}.border-bottom{border-bottom:1px solid var(--calcite-color-border-2)}.padding-5{padding:5px}.padding-end-1{padding-inline-end:1rem}.height-51-px{height:51px}.height-50-px{height:50px}.bottom-left{position:absolute;left:0;bottom:0;padding-left:5px}html[dir=rtl] .bottom-left{position:absolute;right:0;bottom:0;padding-right:5px}.height-19{height:19px}.background{background-color:var(--calcite-color-background)}.text-color{color:var(--calcite-color-text-1)}.align-center{align-items:center}.danger-color{color:var(--calcite-color-status-danger)}.esri-feature-table vaadin-grid{border:none!important}vaadin-grid-cell-content{font-size:14px!important;color:var(--calcite-color-text-3)!important}.absolute-right{position:absolute;right:0;left:unset}html[dir=rtl] .absolute-right{left:0;right:unset}.disabled{cursor:default!important;user-select:none;opacity:var(--calcite-opacity-disabled);pointer-events:none}.actions-end{height:50px!important;display:inline-flex}.border-top{border-top:1px solid var(--calcite-color-border-2)}.modal{--calcite-modal-content-padding: 0}.esri-feature-table__table-container{height:100%}.search-container{background-color:var(--calcite-color-foreground-1)!important}.search{--calcite-color-border-input: var(--calcite-color-border-3);width:60%;padding:10px}.delete-red{--calcite-icon-color: var(--calcite-color-status-danger);--calcite-color-text-1: var(--calcite-color-status-danger);--calcite-color-text-3: var(--calcite-color-status-danger)}.label-override{white-space:nowrap}.padding-start-1-4{padding-inline-start:.5rem}.panel-header-override{--calcite-panel-header-content-space: 0px}.danger-label-color{color:var(--calcite-color-status-danger)}.danger-icon-color{--calcite-icon-color: var(--calcite-color-status-danger)}.width-51{width:51px}.height-51{height:51px}}`;
 class H extends O {
   constructor() {
-    super(), this.defaultGlobalId = [], this.defaultLayerId = "", this.defaultOid = [], this.enableAutoRefresh = !1, this.enableColumnReorder = !0, this.enableCSV = !1, this.enableInlineEdit = !1, this.enableShare = !1, this.featureSelectionMode = "multiple", this.selectedRelatedIds = [], this.honorMapFieldSettings = !1, this.isMobile = !1, this.mapHidden = !1, this.showOnlyUpdatableLayers = !1, this.selectedIds = [], this.shareIncludeEmbed = !1, this.shareIncludeSocial = !1, this.showNewestFirst = !1, this.zoomAndScrollToSelected = !1, this._allIds = [], this._csvExporting = !1, this._fetchingData = !1, this._hideTable = !1, this._filterActive = !1, this._selectAllActive = !1, this._showHideOpen = !1, this._showOnlySelected = !1, this._toolInfos = [], this._translations = F({ name: "layer-table", blocking: !0 }), this._fullTextSearchInfo = [], this._searchPlaceHolder = "", this._size = 0, this._queryingData = !1, this._editEnabled = !1, this._enabledLayerIds = [], this._defaultFilterHonored = !1, this._defaultGlobalIdHonored = !1, this._defaultOidHonored = !1, this._definitionExpression = "", this._deleteEnabled = !1, this._filterList = u(), this._floorExpression = "", this._floorField = "", this._floorFacility = "", this._floorLevel = "", this._floorSite = "", this._layerExpressions = [], this._loaded = !1, this._shareNode = u(), this._toolbar = u(), this._searchExpression = "", this._skipEditCheck = !1, this._tempSelectedIds = [], this._outOFExtentOids = [], this._shouldUpdateTableOnExtentChange = !0, this._creatingFeature = !1, this._searchNode = u(), this.featureSelectionChange = _(), this.toggleFilter = _(), this.showDelete = _(), this.relatedRecordToggled = _(), this.editMultipleFeatures = _(), this.listenOn(window, "beforeMapInfoChange", this.beforeMapInfoChange, { capture: !0 }), this.listenOn(window, "editorInitialized", this.editorInitialized), this.listenOn(window, "closeEdit", this.closeEdit), this.listenOn(window, "selectionChanged", this.selectionChanged), this.listenOn(window, "beforeLayerSelectionChange", this.beforeLayerSelectionChange), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "editsComplete", this.editsComplete), this.listenOn(window, "facilityChanged", this.facilityChanged), this.listenOn(window, "levelChanged", this.levelChanged), this.listenOn(window, "siteChanged", this.siteChanged), this.listenOn(window, "noLayersFound", this.noLayersFound), this.listenOn(window, "clearSelection", this.clearSelection), this.listenOn(window, "mapChanged", this.mapChanged), this.listenOn(window, "featuresSelected", this.featuresSelected), this.listenOn(window, "createWorkFlowStarted", this.createWorkFlowStarted), this.listenOn(window, "backFromCreateWorkFlow", this.backFromCreateWorkFlow), x(window);
+    super(), this.defaultGlobalId = [], this.defaultLayerId = "", this.defaultOid = [], this.enableAutoRefresh = !1, this.enableColumnReorder = !0, this.enableCSV = !1, this.enableInlineEdit = !1, this.enableShare = !1, this.featureSelectionMode = "multiple", this.selectedRelatedIds = [], this.honorMapFieldSettings = !1, this.isMobile = !1, this.mapHidden = !1, this.showOnlyUpdatableLayers = !1, this.selectedIds = [], this.shareIncludeEmbed = !1, this.shareIncludeSocial = !1, this.showNewestFirst = !1, this.zoomAndScrollToSelected = !1, this._allIds = [], this._csvExporting = !1, this._fetchingData = !1, this._hideTable = !1, this._filterActive = !1, this._selectAllActive = !1, this._showHideOpen = !1, this._showOnlySelected = !1, this._toolInfos = [], this._translations = S({ name: "layer-table", blocking: !0 }), this._fullTextSearchInfo = [], this._searchPlaceHolder = "", this._size = 0, this._queryingData = !1, this._editEnabled = !1, this._enabledLayerIds = [], this._defaultFilterHonored = !1, this._defaultGlobalIdHonored = !1, this._defaultOidHonored = !1, this._definitionExpression = "", this._deleteEnabled = !1, this._filterList = u(), this._floorExpression = "", this._floorField = "", this._floorFacility = "", this._floorLevel = "", this._floorSite = "", this._layerExpressions = [], this._loaded = !1, this._shareNode = u(), this._toolbar = u(), this._searchExpression = "", this._skipEditCheck = !1, this._tempSelectedIds = [], this._outOFExtentOids = [], this._shouldUpdateTableOnExtentChange = !0, this._creatingFeature = !1, this._searchNode = u(), this.columnReorder = _(), this.featureSelectionChange = _(), this.toggleFilter = _(), this.showDelete = _(), this.relatedRecordToggled = _(), this.editMultipleFeatures = _(), this.listenOn(window, "beforeMapInfoChange", this.beforeMapInfoChange, { capture: !0 }), this.listenOn(window, "editorInitialized", this.editorInitialized), this.listenOn(window, "closeEdit", this.closeEdit), this.listenOn(window, "selectionChanged", this.selectionChanged), this.listenOn(window, "beforeLayerSelectionChange", this.beforeLayerSelectionChange), this.listenOn(window, "layerSelectionChange", this.layerSelectionChange), this.listenOn(window, "editsComplete", this.editsComplete), this.listenOn(window, "facilityChanged", this.facilityChanged), this.listenOn(window, "levelChanged", this.levelChanged), this.listenOn(window, "siteChanged", this.siteChanged), this.listenOn(window, "noLayersFound", this.noLayersFound), this.listenOn(window, "clearSelection", this.clearSelection), this.listenOn(window, "mapChanged", this.mapChanged), this.listenOn(window, "featuresSelected", this.featuresSelected), this.listenOn(window, "createWorkFlowStarted", this.createWorkFlowStarted), this.listenOn(window, "backFromCreateWorkFlow", this.backFromCreateWorkFlow), x(window);
   }
   static {
     this.properties = { appLayout: 1, defaultGlobalId: 0, defaultLayerId: 1, defaultOid: 0, enableAutoRefresh: 5, enableColumnReorder: 5, enableCSV: 5, enableInlineEdit: 5, enableShare: 5, featureSelectionMode: 1, selectedRelatedIds: 0, honorMapFieldSettings: 5, isMobile: 5, mapHidden: 5, mapInfo: 0, mapView: 0, showOnlyUpdatableLayers: 5, selectedIds: 0, shareIncludeEmbed: 5, shareIncludeSocial: 5, showNewestFirst: 5, zoomAndScrollToSelected: 5, zoomToScale: 9, _allIds: 16, _csvExporting: 16, _fetchingData: 16, _hideTable: 16, _filterActive: 16, _layer: 16, _selectAllActive: 16, _showHideOpen: 16, _showOnlySelected: 16, _toolInfos: 16, _translations: 16, _fullTextSearchInfo: 16, _searchPlaceHolder: 16, _size: 16, _queryingData: 16 };
@@ -151,7 +151,7 @@ class H extends O {
       s.scrollToIndex(a);
       const l = t.layer, n = this.mapView.allLayerViews.toArray();
       let h;
-      n.some(async (r) => r.layer.title === l?.title && r.layer.type === "feature" ? (h = r, this.mapView && await y([i], h, this.mapView, !0, void 0, this.zoomToScale), !0) : !1);
+      n.some(async (r) => r.layer.title === l?.title && r.layer.type === "feature" ? (h = r, this.mapView && await m([i], h, this.mapView, !0, void 0, this.zoomToScale), !0) : !1);
     }
   }
   async beforeLayerSelectionChange(e) {
@@ -471,7 +471,7 @@ class H extends O {
     }), await this._table?.when(() => {
       this._table?.viewModel.addHandles(this._table.highlightIds.on("change", (i) => {
         this._handleOnChange(i);
-      })), this._table?.viewModel.addHandles(this._table.on("cell-pointerover", this.tempHighlightOnHover.bind(this))), this._table?.viewModel.addHandles(this._table.on("cell-pointerout", this._removeTempHighlight.bind(this))), this.listenOn(this._tableNode, "mouseleave", this._removeTempHighlight), this.reactiveUtils && this._table?.viewModel.addHandles(this.reactiveUtils.watch(() => this._table.size, (i) => {
+      })), this._table?.viewModel.addHandles(this._table.on("cell-pointerover", this.tempHighlightOnHover.bind(this))), this._table?.viewModel.addHandles(this._table.on("cell-pointerout", this._removeTempHighlight.bind(this))), this._table?.viewModel.addHandles(this._table.on("column-reorder", this._handleColumnReorder.bind(this))), this.listenOn(this._tableNode, "mouseleave", this._removeTempHighlight), this.reactiveUtils && this._table?.viewModel.addHandles(this.reactiveUtils.watch(() => this._table.size, (i) => {
         this._size = i;
       })), this.reactiveUtils?.watch(
         () => this._table?.relatedTable,
@@ -555,6 +555,9 @@ class H extends O {
       this.featureSelectionChange.emit(e);
     }, 50);
   }
+  _handleColumnReorder() {
+    this.columnReorder.emit();
+  }
   tempHighlightOnHover(e) {
     if (this._removeTempHighlight(), this._selectedLayerView) {
       const t = e.feature;
@@ -810,7 +813,7 @@ class H extends O {
     }
   }
   async _zoom() {
-    this._layer && this.mapView && await y(this.selectedIds, this._selectedLayerView, this.mapView, !0, void 0, this.zoomToScale);
+    this._layer && this.mapView && await m(this.selectedIds, this._selectedLayerView, this.mapView, !0, void 0, this.zoomToScale);
   }
   async _layerSelectionChanged(e) {
     const t = e.detail[0];
@@ -845,9 +848,9 @@ class H extends O {
     let e;
     this.mapInfo?.layerOptions?.layers.some((h) => h.id === this._layer?.id ? (e = h, !0) : !1);
     let t = this.hasAttachmentsEnabled(this._layer), i = !0;
-    const s = e?.fieldOrder || [], a = s.some((h) => h?.name === "attachments"), l = s.filter((h) => typeof h == "object" && h.name?.startsWith("related:")).map((h) => h.name.split("related:")[1]), n = (e?.extraFields || []).map((h) => h.startsWith("related:") ? h.split("related:")[1] : h);
-    e?.extraFields && (t = !!(a && n.includes("attachments") && this.hasAttachmentsEnabled(this._layer)), i = l.length > 0, this._table?.columns.forEach((h) => {
-      h.fieldName.startsWith("EsriFeatureTableRelationshipColumn") && (h.hidden = !n.includes(h.effectiveLabel));
+    const s = e?.fieldOrder || [], a = "attachments", l = (e.extraFields || []).reduce((h, r) => (r.startsWith("related:") ? h.related.push(r.split("related:")[1]) : h.extra.push(r), h), { related: [], extra: [] }), n = s.some((h) => h?.toLowerCase() === a || h?.name?.toLowerCase() === a) || l.extra.some((h) => h.toLowerCase() === a);
+    l && (t = !!(n && l.extra.some((h) => h.toLowerCase() === a) && t), i = l.related.length > 0, this._table?.columns.forEach((h) => {
+      h.fieldName.startsWith("EsriFeatureTableRelationshipColumn") && (h.hidden = !l.related.includes(h.effectiveLabel)), h.fieldName.startsWith("EsriFeatureTableAttachmentsColumn") && (h.hidden = !l.extra.some((r) => r.toLowerCase() === h.effectiveLabel.toLowerCase()));
     })), this._table.relatedRecordsEnabled = i, this._table.attachmentsEnabled = t;
   }
   getFieldLabel(e, t) {
@@ -877,7 +880,7 @@ class H extends O {
     }));
   }
 }
-m("layer-table", H);
+y("layer-table", H);
 export {
   H as LayerTable
 };

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

@@ -10,7 +10,7 @@ import { LitElement as w, createEvent as p, noShadowRoot as L, safeClassMap as f
 import { defineCustomElements as M } from "@arcgis/instant-apps-components/loader";
 /*! 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.20251001.1 */
+v1.1.0-next.20251007 */
 const S = $`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -1,15 +1,15 @@
-import { c as l } from "../../chunks/runtime.js";
-import { h as a } from "../../chunks/interfaces.js";
-import { l as c } from "../../chunks/loadModules.js";
+import { c } from "../../chunks/runtime.js";
+import { h as o } from "../../chunks/interfaces.js";
+import { l } from "../../chunks/loadModules.js";
 import { u as n } from "../../chunks/useT9n.js";
 import { css as d, html as p } from "lit";
 import { createRef as g, ref as m } from "lit-html/directives/ref.js";
-import { LitElement as f, createEvent as o, noShadowRoot as y, safeClassMap as h } from "@arcgis/lumina";
-import { useContextConsumer as k } from "@arcgis/lumina/context";
-import { p as w } from "../../chunks/publicNotificationContext.js";
+import { LitElement as y, createEvent as h, noShadowRoot as f, safeClassMap as r } from "@arcgis/lumina";
+import { useContextConsumer as w } from "@arcgis/lumina/context";
+import { p as k } 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.20251001.1 */
+v1.1.0-next.20251007 */
 const _ = d`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -25,12 +25,12 @@ const _ = d`@layer{/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{display:block}.border{outline:1px solid var(--calcite-color-border-input)}.div-visible{display:inherit}.div-not-visible{display:none!important}.padding-top-1-2{padding-top:.5rem}.main-label{display:flex;float:left}html[dir=rtl] .main-label{display:flex;float:right}.margin-top-1{margin-top:1rem}.border-left{border-left:1px solid rgba(110,110,110,.3)}.border-left[dir=rtl]{border-right:1px solid rgba(110,110,110,.3)}.esri-widget{box-sizing:border-box;color:#323232;font-size:14px;font-family:Avenir Next,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.3em;background-color:#fff;--esri-widget-padding-v: 12px;--esri-widget-padding-h: 15px;--esri-widget-padding: var(--esri-widget-padding-v) var(--esri-widget-padding-h)}.esri-sketch__panel{align-items:center;display:flex;flex-flow:row wrap;padding:0;justify-content:flex-start!important}.esri-sketch__section{align-items:center;display:flex;flex-flow:row wrap;padding:0 7px;margin:6px 0}.esri-responsive-toolbar__bar--horizontal{--calcite-action-group-border-color: var(--calcite-color-border-3) !important}}`;
-class u extends f {
+class u extends y {
   constructor() {
-    super(...arguments), this.active = !1, this.drawMode = a.SKETCH, this.editGraphicsEnabled = !0, this.graphics = [], this.redoEnabled = !1, this.undoEnabled = !1, this._translations = n({ name: "map-draw-tools", blocking: !0 }), this._pnContextConsumer = k({
-      context: w,
+    super(...arguments), this.active = !1, this.drawMode = o.SKETCH, this.editGraphicsEnabled = !0, this.graphics = [], this.redoEnabled = !1, this.undoEnabled = !1, this._translations = n({ name: "map-draw-tools", blocking: !0 }), this._pnContextConsumer = w({
+      context: k,
       subscribe: !0
-    }), this._sketchElement = g(), this.selectionLoadingChange = o(), this.sketchGraphicsChange = o(), this.drawUndo = o(), this.drawRedo = o();
+    }), this._sketchElement = g(), this.selectionLoadingChange = h(), this.sketchGraphicsChange = h(), this.drawUndo = h(), this.drawRedo = h();
   }
   static {
     this.properties = { active: 5, drawMode: 0, editGraphicsEnabled: 5, graphics: 0, mapView: 0, pointSymbol: 0, polylineSymbol: 0, polygonSymbol: 0, redoEnabled: 5, undoEnabled: 5, _translations: 16, _selectionMode: 16 };
@@ -39,7 +39,7 @@ class u extends f {
     this.styles = _;
   }
   static {
-    this.shadowRootOptions = y;
+    this.shadowRootOptions = f;
   }
   willUpdate(e) {
     e.has("graphics") && this.graphicsWatchHandler(this.graphics, e.get("graphics")), e.has("mapView") && this.mapView && this.mapViewWatchHandler(this.mapView, e.get("mapView"));
@@ -66,16 +66,16 @@ class u extends f {
     super.disconnectedCallback(), this._sketchWidget?.cancel(), this._clearSketch();
   }
   render() {
-    const e = this.drawMode === a.SKETCH ? "border" : "border esri-widget esri-sketch__panel", t = this.drawMode === a.SKETCH ? "display-none" : "esri-widget esri-sketch__panel border-left esri-sketch__section";
-    return p`<div class=${h(e)}><div ${m(this._sketchElement)}></div><div class=${h(t)}><calcite-action .disabled=${!this.undoEnabled} icon=undo @click=${() => this._undo()} scale=s .text=${this._translations.undo}></calcite-action><calcite-action .disabled=${!this.redoEnabled} icon=redo @click=${() => this._redo()} scale=s .text=${this._translations.redo}></calcite-action></div></div>`;
+    const e = this.drawMode === o.SKETCH ? "border" : "border esri-widget esri-sketch__panel", t = this.drawMode === o.SKETCH ? "display-none" : "esri-widget esri-sketch__panel border-left esri-sketch__section";
+    return p`<div class=${r(e)}><div ${m(this._sketchElement)}></div><div class=${r(t)}><calcite-action .disabled=${!this.undoEnabled} icon=undo @click=${() => this._undo()} scale=s .text=${this._translations.undo}></calcite-action><calcite-action .disabled=${!this.redoEnabled} icon=redo @click=${() => this._redo()} scale=s .text=${this._translations.redo}></calcite-action></div></div>`;
   }
   async _initModules() {
-    const [e, t, i] = await c([
+    const [e, t, s] = await l([
       "esri/layers/GraphicsLayer",
       "esri/widgets/Sketch",
       "esri/widgets/Sketch/SketchViewModel"
     ]);
-    this.GraphicsLayer = e, this.Sketch = t, this.SketchViewModel = i;
+    this.GraphicsLayer = e, this.Sketch = t, this.SketchViewModel = s;
   }
   _init() {
     this.mapView && this._sketchElement.value && (this._initGraphicsLayer(), this._initSketch());
@@ -83,8 +83,8 @@ class u extends f {
   _initGraphicsLayer() {
     const e = this._pnContextConsumer.value, t = this._translations.sketchLayer;
     if (this.mapView) {
-      const i = this.mapView.map.layers.findIndex((s) => s.title === t);
-      i > -1 ? this._sketchGraphicsLayer = this.mapView.map.layers.getItemAt(i) : (this._sketchGraphicsLayer = this.GraphicsLayer && new this.GraphicsLayer({ title: t, listMode: "hide" }), this._sketchGraphicsLayer && (e.managedLayers[t] = "sketch", this.mapView.map.layers.add(this._sketchGraphicsLayer))), this.graphics && this.graphics.length > 0 && this._sketchGraphicsLayer && this._sketchGraphicsLayer.addMany(this.graphics);
+      const s = this.mapView.map.layers.findIndex((i) => i.title === t);
+      s > -1 ? this._sketchGraphicsLayer = this.mapView.map.layers.getItemAt(s) : (this._sketchGraphicsLayer = this.GraphicsLayer && new this.GraphicsLayer({ title: t, listMode: "hide" }), this._sketchGraphicsLayer && (e.managedLayers[t] = "sketch", this.mapView.map.layers.add(this._sketchGraphicsLayer))), this.graphics && this.graphics.length > 0 && this._sketchGraphicsLayer && this._sketchGraphicsLayer.addMany(this.graphics);
     }
   }
   _initSketch() {
@@ -117,29 +117,33 @@ class u extends f {
           circle: !1
         },
         undoRedoMenu: !1,
-        settingsMenu: this.drawMode === a.SKETCH
+        settingsMenu: this.drawMode === o.SKETCH
       }
     }), this._sketchWidget && this._sketchWidget.viewModel) {
       this._sketchViewModel = this.SketchViewModel && new this.SketchViewModel({
         ...e
       }), this.polylineSymbol && (this._sketchWidget.viewModel.polylineSymbol = this.polylineSymbol), this.pointSymbol && (this._sketchWidget.viewModel.pointSymbol = this.pointSymbol), this.polygonSymbol && (this._sketchWidget.viewModel.polygonSymbol = this.polygonSymbol), this._sketchWidget?.when(async () => {
-        await new Promise((s) => setTimeout(s, 50)), this._sketchElement.value?.getElementsByTagName("calcite-popover")[0]?.setAttribute("placement", "auto");
+        await new Promise((a) => setTimeout(a, 50)), this._sketchElement.value?.getElementsByTagName("calcite-popover")[0]?.setAttribute("placement", "auto");
       });
       let t = !1;
       this._sketchWidget.viewModel.addHandles(this._sketchWidget.on("create", (i) => {
         i.state === "complete" && (this.graphics = [i.graphic], this.sketchGraphicsChange.emit({
           graphics: this.graphics,
           useOIDs: !1
-        }), this.drawMode === a.REFINE && (t = !0, this._sketchWidget?.viewModel.create(i.tool))), i.state === "cancel" && this.drawMode === a.REFINE && t && (t = !t, this._sketchWidget?.viewModel.create(i.tool));
-      })), this._sketchWidget.viewModel.addHandles(this._sketchWidget.on("update", (i) => {
+        }), this.drawMode === o.REFINE && (t = !0, this._sketchWidget?.viewModel.create(i.tool))), i.state === "cancel" && this.drawMode === o.REFINE && t && (t = !t, this._sketchWidget?.viewModel.create(i.tool));
+      }));
+      let s;
+      this._sketchWidget.viewModel.addHandles(this._sketchWidget.on("update", (i) => {
         if (!this.editGraphicsEnabled)
           this._sketchWidget?.viewModel.cancel(), this._sketchViewModel?.cancel();
         else {
-          const s = i?.toolEventInfo?.type;
-          (s === "reshape-stop" || s === "move-stop") && (this.graphics = i.graphics, this.sketchGraphicsChange.emit({
-            graphics: this.graphics,
-            useOIDs: !1
-          }));
+          const a = i?.toolEventInfo?.type;
+          (a === "move" || a === "reshape-stop" || a === "move-stop") && (clearTimeout(s), s = window.setTimeout(async () => {
+            this.graphics = i.graphics, this.sketchGraphicsChange.emit({
+              graphics: this.graphics,
+              useOIDs: !1
+            });
+          }, 1e3));
         }
       })), this._sketchWidget.viewModel.addHandles(this._sketchWidget.on("delete", () => {
         this.graphics = [], this.sketchGraphicsChange.emit({
@@ -180,11 +184,11 @@ class u extends f {
     }, 100);
   }
   _updateGraphicsSymbols(e) {
-    const i = e[0]?.geometry?.type, s = i === "point" ? this.pointSymbol : i === "polyline" ? this.polylineSymbol : i === "polygon" ? this.polygonSymbol : void 0;
-    s && e.forEach((r) => r.symbol = s);
+    const s = e[0]?.geometry?.type, i = s === "point" ? this.pointSymbol : s === "polyline" ? this.polylineSymbol : s === "polygon" ? this.polygonSymbol : void 0;
+    i && e.forEach((a) => a.symbol = i);
   }
 }
-l("map-draw-tools", u);
+c("map-draw-tools", u);
 export {
   u as MapDrawTools
 };

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

@@ -5,7 +5,7 @@ import { createRef as a, ref as r } from "lit-html/directives/ref.js";
 import { LitElement as c, createEvent 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.20251001.1 */
+v1.1.0-next.20251007 */
 const d = l`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/map-layer-picker/customElement.js

@@ -8,7 +8,7 @@ import { useContextConsumer as w } from "@arcgis/lumina/context";
 import { p as v } 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.20251001.1 */
+v1.1.0-next.20251007 */
 const I = g`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -5,7 +5,7 @@ import { createRef as a, ref as r } from "lit-html/directives/ref.js";
 import { LitElement as d } 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.20251001.1 */
+v1.1.0-next.20251007 */
 const o = s`/**
  * @license
  * Copyright 2025 Esri

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

@@ -5,7 +5,7 @@ import { createRef as l, ref as r } from "lit-html/directives/ref.js";
 import { LitElement as f, createEvent as p, safeClassMap as d, safeStyleMap as b } 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.20251001.1 */
+v1.1.0-next.20251007 */
 const u = m`/** @license
  * Copyright 2025 Esri
  *

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

@@ -5,7 +5,7 @@ import { createRef as m, ref as f } from "lit-html/directives/ref.js";
 import { LitElement as y } 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.20251001.1 */
+v1.1.0-next.20251007 */
 const S = u`/** @license
  * Copyright 2025 Esri
  *

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

@@ -4,15 +4,15 @@ 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 { f as d } from "../../chunks/interfaces.js";
 import { u as I } from "../../chunks/useT9n.js";
-import { css as k, html as c } from "lit";
+import { css as T, 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 { LitElement as k, createEvent as E, noShadowRoot as O, safeClassMap as f, 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.20251001.1 */
-const x = k`@layer{/** @license
+v1.1.0-next.20251007 */
+const x = T`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -27,12 +27,12 @@ const x = k`@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 E {
+class N extends k {
   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 = 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);
+    }), this._selectLayers = [], this._searchElement = u(), this._selectedIds = [], this._selectionLabel = "", this._graphics = [], this._featuresCollection = {}, this.selectionSetChange = E(), 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 };
@@ -44,7 +44,7 @@ class N extends E {
     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"));
+    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")), e.has("defaultBufferUnit") && this.hasUpdated && (this.selectionSet && (this.selectionSet.unit = this.defaultBufferUnit), this._bufferTools.value && this.defaultBufferUnit !== void 0 && (this._bufferTools.value.unit = this.defaultBufferUnit), this._updateLabel()), e.has("defaultBufferDistance") && this.hasUpdated && (this.selectionSet && (this.selectionSet.distance = this.defaultBufferDistance), this._updateLabel());
   }
   async watchGeometriesHandler(e, t) {
     if (e !== t && e.length > 0)
@@ -97,12 +97,12 @@ class N extends E {
   }
   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" ${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()}`;
+    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=${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} ${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=${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>`;
+    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} ${p(this._bufferTools)}></buffer-tools></div></div>`;
   }
   _getUseLayerFeaturesOptions() {
     this.enableLayerFeaturesOnLoad && (this.useLayerFeaturesEnabled = !0, this.enableLayerFeaturesOnLoad = !1);
@@ -176,7 +176,7 @@ class N extends E {
       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(), f = r?.toLowerCase(), _ = o && n && (o === n || o === f || h === n || h === f) && !Number.isNaN(a), b = _ ? [a] : void 0;
+      const o = s?.url?.toLowerCase(), h = l?.toLowerCase(), n = i?.url?.toLowerCase(), y = r?.toLowerCase(), _ = o && n && (o === n || o === y || h === n || h === y) && !Number.isNaN(a), b = _ ? [a] : void 0;
       this._workflowType = d.SEARCH, this._updateLabel();
       const m = [e.feature];
       this._updateSelection(m, _, b), this._drawTools.value && (this._drawTools.value.graphics = m), this._searchWidget?.resultGraphic && (this._searchWidget.resultGraphic.visible = !1);
@@ -305,7 +305,7 @@ class N extends E {
   }
   async _updateLabel() {
     if (this.enableSearchDistance) {
-      const e = this._translations.sketch && this._selectionLabel.indexOf(this._translations.sketch) > -1, t = this._translations.select && this._selectionLabel.indexOf(this._translations.select) > -1, s = this._selectionLabel.indexOf(this._searchResult?.name) > -1, i = this._workflowType === d.SEARCH ? this._searchResult?.name : this._workflowType === d.SELECT ? this._translations.select : this._translations.sketch, a = !this._unit && this._bufferTools.value ? this._bufferTools.value.unit : this._unit, l = this._bufferTools.value && a && await this._bufferTools.value.getTranslatedUnit(a), r = Number.isNaN(Number(this._distance)) && this._bufferTools.value ? this._bufferTools.value.distance : this._distance;
+      const e = this._translations.sketch && this._selectionLabel.indexOf(this._translations.sketch) > -1, t = this._translations.select && this._selectionLabel.indexOf(this._translations.select) > -1, s = this._selectionLabel.indexOf(this._searchResult?.name) > -1, i = this._workflowType === d.SEARCH ? this._searchResult?.name : this._workflowType === d.SELECT ? this._translations.select : this._translations.sketch, a = this._bufferTools.value ? this._bufferTools.value.unit : this._unit, l = this._bufferTools.value && a && await this._bufferTools.value.getTranslatedUnit(a), r = Number.isNaN(Number(this._distance)) && this._bufferTools.value ? this._bufferTools.value.distance : this._distance;
       this._selectionLabel = e || t || s || !this._selectionLabel ? `${i} ${r} ${l}` : this._selectionLabel, this._labelName.value && (this._labelName.value.value = this._selectionLabel);
     }
   }

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

@@ -6,7 +6,7 @@ import { createRef as n, ref as h } from "lit-html/directives/ref.js";
 import { LitElement as F, 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.20251001.1 */
+v1.1.0-next.20251007 */
 const x = 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.20251001.1 */
+v1.1.0-next.20251007 */
 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.20251001.1 */
+v1.1.0-next.20251007 */
 const u = [
   {
     descriptionPDF: {

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

@@ -4,15 +4,15 @@ import { l as S } from "../../chunks/loadModules.js";
 import { b as w, c as v } from "../../chunks/mapViewUtils.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 p, ref as g } from "lit-html/directives/ref.js";
+import { css as L, nothing as p, html as o } from "lit";
+import { createRef as g, ref as f } from "lit-html/directives/ref.js";
 import { LitElement as E, createEvent as C, noShadowRoot as T, safeClassMap as d } from "@arcgis/lumina";
 import { p as I } from "../../chunks/publicNotificationContext.js";
 import { useContextProvider as P } from "@arcgis/lumina/context";
 import { Controller as D } from "@arcgis/lumina/controllers";
 /*! 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.20251001.1 */
+v1.1.0-next.20251007 */
 const O = L`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -40,7 +40,7 @@ class V extends D {
 }
 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 = C(), this.listenOn(window, "selectionSetsChanged", this.selectionSetsChanged), this._pnState = new V(), this._pnStateContextProvider.setValue(this._pnState);
+    super(), this.addresseeLayerIds = [], this.bufferColor = [227, 139, 79, 0.8], this.bufferOutlineColor = [255, 255, 255], this.customLabelEnabled = !1, this.defaultBufferDistance = 0, this.defaultBufferUnit = "feet", this.defaultExportTitle = "", this.defaultNumLabelsPerPage = 6, this.enableLayerFeatures = !0, this.enableLayerFeaturesOnLoad = !1, this.enableSearchDistance = !0, this.enableSearchDistanceOnLoad = !1, this.enableSketchTools = !0, this.featureHighlightEnabled = !1, this.noResultText = "", this.initialNotice = "", this.selectionLayerIds = [], this.showRefineSelection = !1, this.showSearchSettings = !0, this._exportGraphics = !1, this._addMap = !1, this._addResults = !0, this._addTitle = !1, this._downloadActive = !0, this._exportType = c.PDF, this._fetchingData = !1, this._isMobile = !1, this._numDuplicates = 0, this._pageType = l.LIST, this._saveEnabled = !1, this._selectionSets = [], this._translations = x({ name: "public-notification", blocking: !0 }), this._downloadTools = g(), this._onboardingImageUrl = "", this._popupsEnabled = !1, this._removeDuplicates = g(), this._selectTools = g(), this._titleElement = g(), this._titleValue = void 0, this._numSelected = 0, this._pnStateContextProvider = P({ context: I }), this.searchConfigurationChange = C(), this.listenOn(window, "selectionSetsChanged", this.selectionSetsChanged), this._pnState = new V(), this._pnStateContextProvider.setValue(this._pnState);
   }
   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 };
@@ -85,7 +85,7 @@ class N extends E {
   }
   render() {
     const e = this._isMobile ? "footer" : "header";
-    return o`<calcite-shell><calcite-action-bar class="border-bottom-1 action-bar-size" expand-disabled layout=horizontal slot=${e}>${this._getActionGroup("list-check", l.LIST, this._translations.myLists)}${this.showRefineSelection ? this._getActionGroup("test-data", l.REFINE, this._translations.refineSelection) : null}${this._getActionGroup("export", l.EXPORT, this._translations.export)}</calcite-action-bar>${this._getPage(this._pageType)}</calcite-shell>`;
+    return o`<calcite-shell><calcite-action-bar class="border-bottom-1 action-bar-size" expand-disabled layout=horizontal slot=${e ?? p}>${this._getActionGroup("list-check", l.LIST, this._translations.myLists)}${this.showRefineSelection ? this._getActionGroup("test-data", l.REFINE, this._translations.refineSelection) : null}${this._getActionGroup("export", l.EXPORT, this._translations.export)}</calcite-action-bar>${this._getPage(this._pageType)}</calcite-shell>`;
   }
   loaded() {
     this.searchConfiguration && this._initSearchConfiguration(this.searchConfiguration);
@@ -153,7 +153,7 @@ class N extends E {
   }
   _getActionGroup(e, t, i) {
     const s = this.showRefineSelection ? "w-1-3" : "w-1-2";
-    return o`<calcite-action-group class=${d(s)} layout=horizontal><div class="background-override"><calcite-action .active=${this._pageType === t} alignment=center class="width-full height-full" .icon=${e} id=${e ?? 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 ?? p} @click=${() => {
       this._setPageType(t);
     }} text></calcite-action></div><calcite-tooltip label placement=bottom .referenceElement=${e}><span>${i}</span></calcite-tooltip></calcite-action-group>`;
   }
@@ -185,14 +185,14 @@ class N extends E {
     }} width=full><span class="font-weight-500">${this._translations.add}</span></calcite-button></div></calcite-panel>`;
   }
   _getOnboardingImage() {
-    return o`<div class="display-flex padding-sides-1"><img class="img-container" role=presentation src=${this._onboardingImageUrl ?? u}></div>`;
+    return o`<div class="display-flex padding-sides-1"><img class="img-container" role=presentation src=${this._onboardingImageUrl ?? p}></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, f) => {
-        const _ = t.refineInfos[f];
+      return t.workflowType === h.REFINE && (a = Object.keys(t.refineInfos).reduce((r, u) => {
+        const _ = t.refineInfos[u];
         return r += _.addIds.length + _.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>`;
@@ -231,7 +231,7 @@ class N extends E {
   }
   _getSelectPage() {
     const e = this._translations.selectSearchTip;
-    return o`<calcite-panel>${this._getLabel(this._translations?.stepTwoFull, !0)}${this._getNotice(e, "padding-1", "word-wrap-anywhere")}<div><map-select-tools .bufferColor=${this.bufferColor} .bufferOutlineColor=${this.bufferOutlineColor} class="font-bold" .customLabelEnabled=${this.customLabelEnabled} .defaultBufferDistance=${this.defaultBufferDistance} .defaultBufferUnit=${this.defaultBufferUnit} .enableLayerFeatures=${this.enableLayerFeatures} .enableLayerFeaturesOnLoad=${this.enableLayerFeaturesOnLoad} .enableSearchDistance=${this.enableSearchDistance} .enableSearchDistanceOnLoad=${this.enableSearchDistanceOnLoad} .enableSketchTools=${this.enableSketchTools} .enabledLayerIds=${this.addresseeLayerIds} .isUpdate=${!!this._activeSelection} .mapView=${this.mapView} .noResultText=${this.noResultText} @selectionSetChange=${this._updateForSelection} .searchConfiguration=${this._searchConfiguration} .searchDistanceEnabled=${this.enableSearchDistanceOnLoad} .selectionLayerIds=${this.selectionLayerIds} .selectionSet=${this._activeSelection} .sketchLineSymbol=${this.sketchLineSymbol} .sketchPointSymbol=${this.sketchPointSymbol} .sketchPolygonSymbol=${this.sketchPolygonSymbol} .useLayerFeaturesEnabled=${this.enableLayerFeaturesOnLoad} ${g(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} ${f(this._selectTools)}></map-select-tools></div>${this._getPageNavButtons(this._translations.done, this._numSelected === 0, () => {
       this._saveSelection();
     }, this._translations.cancel, !1, () => {
       this._home();
@@ -239,14 +239,14 @@ class N extends E {
   }
   _getExportPage() {
     const e = this._hasSelections(this.showRefineSelection), t = this._numDuplicates > 0 ? "display-block" : "display-none";
-    return o`<calcite-panel><div>${this._getLabel(this._translations.export, !1)}${e ? o`<div>${this._getNotice(this._translations.exportTip, "padding-sides-1")}${this._getLabel(this._translations.exportListsLabel)}${this._getExportSelectionLists()}<div class=${`padding-sides-1 ${t}`}><div class="display-flex"><calcite-label layout=inline><calcite-checkbox ${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>`;
+    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>`;
   }
   _exportTypeChange(e) {
     this._exportType = e.target.value;
   }
   _getExportOptions() {
     const e = this._exportType === c.PDF ? "display-block" : "display-none", t = this._addTitle ? "display-block" : "display-none", i = this._addMap ? "display-flex" : "display-none", s = this._titleValue ? this._titleValue : this.defaultExportTitle ? this.defaultExportTitle : "", a = this._addResults ? "" : "display-none";
-    return o`<div class=${d(e)}>${this._getLabel(this._translations.pdfOptions, !0)}<div class="padding-top-sides-1"><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._addResults} @calciteCheckboxChange=${() => this._addResults = !this._addResults}></calcite-checkbox>${this._translations.addResults}</calcite-label></div><div class=${`padding-top-sides-1 ${a}`}><calcite-label class="label-margin-0">${this._translations.selectPDFLabelOption}</calcite-label></div><div class=${`padding-sides-1 ${a}`}><pdf-download .defaultNumLabelsPerPage=${Number.parseInt(this.defaultNumLabelsPerPage.toString(), 10)} .disabled=${!this._downloadActive} ${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>`;
+    return o`<div class=${d(e)}>${this._getLabel(this._translations.pdfOptions, !0)}<div class="padding-top-sides-1"><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._addResults} @calciteCheckboxChange=${() => this._addResults = !this._addResults}></calcite-checkbox>${this._translations.addResults}</calcite-label></div><div class=${`padding-top-sides-1 ${a}`}><calcite-label class="label-margin-0">${this._translations.selectPDFLabelOption}</calcite-label></div><div class=${`padding-sides-1 ${a}`}><pdf-download .defaultNumLabelsPerPage=${Number.parseInt(this.defaultNumLabelsPerPage.toString(), 10)} .disabled=${!this._downloadActive} ${f(this._downloadTools)}></pdf-download></div><div class="padding-top-sides-1"><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._addTitle} @calciteCheckboxChange=${() => this._addTitle = !this._addTitle}></calcite-checkbox>${this._translations.title}</calcite-label></div><div class=${d(t)}>${this._getLabel(this._translations.title, !0, "")}<calcite-input-text class="padding-sides-1" @calciteInputTextInput=${() => this._changeTitle()} .placeholder=${this._translations.titlePlaceholder} .value=${s} ${f(this._titleElement)}></calcite-input-text></div><div class="padding-top-sides-1"><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._addMap} @calciteCheckboxChange=${() => this._handleAddMapChange()}></calcite-checkbox>${this._translations.includeMap}</calcite-label></div><div class=${`padding-top-sides-1 ${i}`}><calcite-label class="label-margin-0" layout=inline><calcite-checkbox .checked=${this._exportGraphics} @calciteCheckboxChange=${() => this._handleExportGraphicsChange()}></calcite-checkbox>${this._translations.listGraphics}</calcite-label><calcite-icon class="padding-start-1-2 icon" .flipRtl=${this._translations._lang?.toLowerCase() !== "he"} icon=question id=list-graphics-icon scale=s></calcite-icon><calcite-popover closable label overlay-positioning=fixed reference-element=list-graphics-icon><span class="tooltip-message">${this._translations.listGraphicsTip}</span></calcite-popover></div></div>`;
   }
   _handleAddMapChange() {
     this._addMap = !this._addMap, this._updateExportGraphics();
@@ -332,8 +332,8 @@ class N extends E {
         Object.keys(a.refineInfos).forEach((n) => {
           const r = a.refineInfos[n];
           if (r.addIds) {
-            const f = r.layerView.layer.id;
-            s = this._updateExportInfos(s, f, a.label, r.addIds, r.layerView);
+            const u = r.layerView.layer.id;
+            s = this._updateExportInfos(s, u, a.label, r.addIds, r.layerView);
           }
         });
       else {
@@ -351,7 +351,7 @@ class N extends E {
     }), e;
   }
   _getAction(e, t, i, s, a = !1, n = "") {
-    return o`<calcite-action .disabled=${!e} .icon=${t} icon-flip-rtl .indicator=${a} @click=${s} slot=${n ?? u} .text=${i}></calcite-action>`;
+    return o`<calcite-action .disabled=${!e} .icon=${t} icon-flip-rtl .indicator=${a} @click=${s} slot=${n ?? p} .text=${i}></calcite-action>`;
   }
   _updateForSelection(e) {
     this._numSelected = e.detail, this._saveEnabled = this._numSelected > 0;

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

@@ -5,6 +5,7 @@ import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/
 import { MapLayerPicker } from '../map-layer-picker/customElement.js';
 import { MapDrawTools } from '../map-draw-tools/customElement.js';
 import { BufferTools } from '../buffer-tools/customElement.js';
+import { PropertyValues } from 'lit';
 
 export declare class RefineSelection extends LitElement {
     /** esri/views/layers/FeatureLayerView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html */