npm - @esri/solutions-components - Versions diffs - 1.1.0-next.20250917.3 → 1.1.0-next.20250919 - Mend

@esri/solutions-components 1.1.0-next.20250917.3 → 1.1.0-next.20250919

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (565) hide show

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

@@ -1,13 +1,13 @@
 import { c as y } from "../../chunks/runtime.js";
 import { l as W } from "../../chunks/loadModules.js";
 import { u as v } from "../../chunks/useT9n.js";
-import { css as T, html as h, nothing as m } from "lit";
-import { createRef as a, ref as n } from "lit-html/directives/ref.js";
-import { LitElement as F, safeClassMap as l } from "@arcgis/lumina";
+import { css as T, html as r, nothing as _ } from "lit";
+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.20250917.3 */
-const E = T`/** @license
+v1.1.0-next.20250919 */
+const x = T`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -21,16 +21,16 @@ const E = T`/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */:host{display:block}.display-none{display:none}.display-flex{display:flex}.margin-top-1-2{margin-top:.5rem}.margin-left-1-2{margin-left:.5rem}.square-32{width:32px;height:32px}.square-40{width:40px;height:40px}.square-48{width:48px;height:48px}.width-40{width:40px}.square-40-41{width:40px;height:41px}.border-bottom{border-bottom:1px solid var(--calcite-color-border-3)}.box-shadow{box-shadow:0 1px 2px #0000004d}.margin-bottom-1-2{margin-bottom:.5rem}`;
+ */:host{display:block}.display-none{display:none}.display-flex{display:flex}.margin-top-1-2{margin-top:.5rem}.margin-left-1-2{margin-left:.5rem}.square-32{width:32px;height:32px}.square-40{width:40px;height:40px}.square-48{width:48px;height:48px}.width-40{width:40px}.square-40-41{width:40px;height:41px}.border-bottom{border-bottom:1px solid var(--calcite-color-border-3)}.box-shadow{box-shadow:0 1px 2px #0000004d}.margin-bottom-1-2{margin-bottom:.5rem}.danger-icon-color{--calcite-icon-color: var(--calcite-color-status-danger)}`;
 class $ extends F {
   constructor() {
-    super(...arguments), this.enabledLayerIds = [], this.enableLegend = !1, this.enableFloorFilter = !1, this.enableFullscreen = !1, this.enableSearch = !1, this.enableBasemap = !1, this.enableHome = !1, this.enableSingleExpand = !1, this.zoomToolsSize = "m", this.layout = "vertical", this.mapWidgetsSize = "m", this.enableMapPicker = !1, this.enableMapLayerPicker = !1, this.position = "top-right", this.stackTools = !0, this.enableSelectionTool = !1, this.toolOrder = ["home", "legend", "search", "fullscreen", "floorfilter", "selectiontool", "map-picker", "map-layer-picker"], this.mapInfos = [], this.defaultLayerId = "", this.isMobile = !1, this.selectedWebMapId = "", this.showOnlyUpdatableLayers = !1, this._hasFloorInfo = !1, this._translations = v({ name: "map-tools", blocking: !0 }), this._showTools = !0, this._showBasemapWidget = !1, this._showFloorFilter = !1, this._showFullscreen = !1, this._showLegendWidget = !1, this._showSearchWidget = !1, this._selectionToolActive = !1, this._showEllipsisTools = !0, this._ellipsisTools = [], this._basemapElement = a(), this._floorFilterElement = a(), this._fullscreenElement = a(), this._legendElement = a(), this._searchElement = a(), this._widgets = [], this._selectionToolElement = a(), this._mapTools = [], this._mapTool = a();
+    super(), this.enabledLayerIds = [], this.enableLegend = !1, this.enableFloorFilter = !1, this.enableFullscreen = !1, this.enableSearch = !1, this.enableBasemap = !1, this.enableHome = !1, this.enableSingleExpand = !1, this.zoomToolsSize = "m", this.layout = "vertical", this.mapWidgetsSize = "m", this.enableMapPicker = !1, this.enableMapLayerPicker = !1, this.position = "top-right", this.stackTools = !0, this.enableSelectionTool = !1, this.toolOrder = ["home", "legend", "search", "fullscreen", "floorfilter", "selectiontool", "map-picker", "map-layer-picker"], this.mapInfos = [], this.defaultLayerId = "", this.isMobile = !1, this.selectedWebMapId = "", this.showOnlyUpdatableLayers = !1, this._hasFloorInfo = !1, this._translations = v({ name: "map-tools", blocking: !0 }), this._showTools = !0, this._showBasemapWidget = !1, this._showFloorFilter = !1, this._showFullscreen = !1, this._showLegendWidget = !1, this._showSearchWidget = !1, this._selectionToolActive = !1, this._showEllipsisTools = !0, this._ellipsisTools = [], this._isValidWebMap = !0, this._basemapElement = n(), this._floorFilterElement = n(), this._fullscreenElement = n(), this._legendElement = n(), this._searchElement = n(), this._widgets = [], this._selectionToolElement = n(), this._mapTools = [], this._mapTool = n(), this.listenOn(window, "mapChanged", this.mapChanged);
   }
   static {
-    this.properties = { basemapConfig: 0, enabledLayerIds: 0, enableLegend: 5, enableFloorFilter: 5, enableFullscreen: 5, enableSearch: 5, enableBasemap: 5, enableHome: 5, enableSingleExpand: 5, zoomToolsSize: 1, layout: 1, mapView: 0, mapWidgetsSize: 1, enableMapPicker: 5, enableMapLayerPicker: 5, position: 1, searchConfiguration: 0, stackTools: 5, enableSelectionTool: 5, toolOrder: 0, selectedLayer: 0, mapInfos: 0, defaultLayerId: 1, isMobile: 5, parentComponentHeight: 9, parentComponentWidth: 9, selectedWebMapId: 1, showOnlyUpdatableLayers: 5, _hasFloorInfo: 16, _translations: 16, _showTools: 16, _showBasemapWidget: 16, _showFloorFilter: 16, _showFullscreen: 16, _showLegendWidget: 16, _showSearchWidget: 16, _selectionToolActive: 16, _showEllipsisTools: 16, _ellipsisTools: 16 };
+    this.properties = { basemapConfig: 0, enabledLayerIds: 0, enableLegend: 5, enableFloorFilter: 5, enableFullscreen: 5, enableSearch: 5, enableBasemap: 5, enableHome: 5, enableSingleExpand: 5, zoomToolsSize: 1, layout: 1, mapView: 0, mapWidgetsSize: 1, enableMapPicker: 5, enableMapLayerPicker: 5, position: 1, searchConfiguration: 0, stackTools: 5, enableSelectionTool: 5, toolOrder: 0, selectedLayer: 0, mapInfos: 0, defaultLayerId: 1, isMobile: 5, parentComponentHeight: 9, parentComponentWidth: 9, selectedWebMapId: 1, showOnlyUpdatableLayers: 5, mapInfo: 0, _hasFloorInfo: 16, _translations: 16, _showTools: 16, _showBasemapWidget: 16, _showFloorFilter: 16, _showFullscreen: 16, _showLegendWidget: 16, _showSearchWidget: 16, _selectionToolActive: 16, _showEllipsisTools: 16, _ellipsisTools: 16, _isValidWebMap: 16 };
   }
   static {
-    this.styles = E;
+    this.styles = x;
   }
   willUpdate(e) {
     e.has("mapView") && this.mapViewWatchHandler(), e.has("parentComponentWidth") && this.parentComponentWidth && this.parentComponentWidthWatchHandler(this.parentComponentWidth), e.has("_showBasemapWidget") && (this.hasUpdated || this._showBasemapWidget !== !1) && this._showBasemapWidgetWatchHandler(this._showBasemapWidget), e.has("_showFloorFilter") && (this.hasUpdated || this._showFloorFilter !== !1) && this._showFloorFilterWatchHandler(this._showFloorFilter), e.has("_showFullscreen") && (this.hasUpdated || this._showFullscreen !== !1) && this._showFullscreenWatchHandler(this._showFullscreen), e.has("_showLegendWidget") && (this.hasUpdated || this._showLegendWidget !== !1) && this._showLegendWidgetWatchHandler(this._showLegendWidget), e.has("_showSearchWidget") && (this.hasUpdated || this._showSearchWidget !== !1) && this._showSearchWidgetWatchHandler(this._showSearchWidget);
@@ -75,15 +75,19 @@ class $ extends F {
       index: 1
     }) : this.mapView?.ui.remove(s));
   }
+  async mapChanged(e) {
+    const s = e.detail.isValid;
+    this._isValidWebMap = s;
+  }
   async load() {
     this._mapTools = [...this.toolOrder], await this._initModules();
   }
   render() {
     this._setZoomToolsSize();
-    const e = this.layout === "horizontal" ? "display-flex" : "", s = this._getToggleIcon(), t = this._showTools ? e : "display-none", i = this._showEllipsisTools ? "" : "display-none", o = this._showSearchWidget ? "" : "display-none", r = this._showBasemapWidget ? "" : "display-none", d = this._showLegendWidget ? "" : "display-none", c = this._showFloorFilter ? "" : "display-none", g = this._showFullscreen ? "" : "display-none", _ = this._showTools ? this._translations.collapse : this._translations.expand, f = !this.enableBasemap && !this.enableFullscreen && !this.enableLegend && !this.enableSearch && !this.enableMapPicker && !this.enableMapLayerPicker ? "display-none" : "", w = this.enableSingleExpand ? this.layout === "horizontal" ? "margin-left-1-2" : "margin-top-1-2" : "", u = this._ellipsisTools.length > 0 && this._showTools ? "" : "display-none", p = this.stackTools && this._ellipsisTools.length === 0 ? "box-shadow" : "";
-    return h`<div class=${`${f} ${e}`}>${this.enableSingleExpand ? h`<div class=${l(p)}>${this._getActionGroup(s, !1, _ || "", () => this._toggleTools())}</div>` : void 0}<div class=${`${w} ${p} ${t}`}>${this._getMapWidgets(this._mapTools)}</div><div><div class=${l(u)}>${this._getActionGroup("ellipsis", !1, "", () => this._toggleEllipsisTools())}<div class=${l(i)}>${this._getMapWidgets(this._ellipsisTools)}</div></div></div></div><basemap-gallery .basemapConfig=${this.basemapConfig} class=${l(r)} .mapView=${this.mapView} ${n(this._basemapElement)}></basemap-gallery><map-search class=${l(o)} .mapView=${this.mapView} result-graphic-enabled .searchConfiguration=${this.searchConfiguration} ${n(this._searchElement)}></map-search><map-legend class=${l(d)} .mapView=${this.mapView} ${n(this._legendElement)}></map-legend><map-fullscreen class=${l(g)} .mapView=${this.mapView} @fullscreenStateChange=${(b) => this._fullscreenStateChange(b.detail)} ${n(this._fullscreenElement)}></map-fullscreen><floor-filter class=${l(c)} .enabled=${this.enableFloorFilter} .mapView=${this.mapView} ${n(this._floorFilterElement)}></floor-filter><selection-tool .mapView=${this.mapView} @drawingComplete=${() => {
+    const e = this.layout === "horizontal" ? "display-flex" : "", s = this._getToggleIcon(), i = this._showTools ? e : "display-none", l = this._showEllipsisTools ? "" : "display-none", t = this._showSearchWidget ? "" : "display-none", o = this._showBasemapWidget ? "" : "display-none", d = this._showLegendWidget ? "" : "display-none", c = this._showFloorFilter ? "" : "display-none", p = this._showFullscreen ? "" : "display-none", m = this._showTools ? this._translations.collapse : this._translations.expand, f = !this.enableBasemap && !this.enableFullscreen && !this.enableLegend && !this.enableSearch && !this.enableMapPicker && !this.enableMapLayerPicker ? "display-none" : "", w = this.enableSingleExpand ? this.layout === "horizontal" ? "margin-left-1-2" : "margin-top-1-2" : "", u = this._ellipsisTools.length > 0 && this._showTools ? "" : "display-none", g = this.stackTools && this._ellipsisTools.length === 0 ? "box-shadow" : "";
+    return r`<div class=${`${f} ${e}`}>${this.enableSingleExpand ? r`<div class=${a(g)}>${this._getActionGroup(s, !1, m || "", () => this._toggleTools())}</div>` : void 0}<div class=${`${w} ${g} ${i}`}>${this._getMapWidgets(this._mapTools)}</div><div><div class=${a(u)}>${this._getActionGroup("ellipsis", !1, "", () => this._toggleEllipsisTools())}<div class=${a(l)}>${this._getMapWidgets(this._ellipsisTools)}</div></div></div></div><basemap-gallery .basemapConfig=${this.basemapConfig} class=${a(o)} .mapView=${this.mapView} ${h(this._basemapElement)}></basemap-gallery><map-search class=${a(t)} .mapView=${this.mapView} result-graphic-enabled .searchConfiguration=${this.searchConfiguration} ${h(this._searchElement)}></map-search><map-legend class=${a(d)} .mapView=${this.mapView} ${h(this._legendElement)}></map-legend><map-fullscreen class=${a(p)} .mapView=${this.mapView} @fullscreenStateChange=${(b) => this._fullscreenStateChange(b.detail)} ${h(this._fullscreenElement)}></map-fullscreen><floor-filter class=${a(c)} .enabled=${this.enableFloorFilter} .mapView=${this.mapView} ${h(this._floorFilterElement)}></floor-filter><selection-tool .mapView=${this.mapView} @drawingComplete=${() => {
       this._selectionToolActive = !this._selectionToolActive;
-    }} .selectedLayerId=${this.selectedLayer?.id} tool=rectangle ${n(this._selectionToolElement)}></selection-tool>${this.enableMapPicker && h`<map-picker class=mapPickerClass .height=${(this.parentComponentHeight ?? 0) - 25} id=map-picker .mapInfos=${this.mapInfos} reference-element=map .selectedWebMapId=${this.selectedWebMapId} show-map-list-in-popover></map-picker>` || ""}${this.enableMapLayerPicker && h`<map-layer-picker appearance=transparent .defaultLayerId=${this.defaultLayerId} .enabledLayerIds=${this.enabledLayerIds} .height=${(this.parentComponentHeight ?? 0) - 25} .isMobile=${this.isMobile} .mapView=${this.mapView} .showOnlyUpdatableLayers=${this.showOnlyUpdatableLayers} reference-element=layers scale=s .selectedIds=${this.selectedLayer ? [this.selectedLayer.id] : []} show-layers-list-in-popover show-tables type=dropdown></map-layer-picker>` || ""}`;
+    }} .selectedLayerId=${this.selectedLayer?.id} tool=rectangle ${h(this._selectionToolElement)}></selection-tool>${this.enableMapPicker && r`<map-picker class=mapPickerClass .height=${(this.parentComponentHeight ?? 0) - 25} id=map-picker .mapInfos=${this.mapInfos} reference-element=map .selectedWebMapId=${this.selectedWebMapId} show-map-list-in-popover></map-picker>` || ""}${this.enableMapLayerPicker && this.selectedLayer && r`<map-layer-picker appearance=transparent .defaultLayerId=${this.defaultLayerId} .enabledLayerIds=${this.enabledLayerIds} .height=${(this.parentComponentHeight ?? 0) - 25} .isMobile=${this.isMobile} .mapView=${this.mapView} .showOnlyUpdatableLayers=${this.showOnlyUpdatableLayers} reference-element=layers scale=s .selectedIds=${this.selectedLayer ? [this.selectedLayer.id] : []} show-layers-list-in-popover show-tables type=dropdown></map-layer-picker>` || ""}`;
   }
   async _initModules() {
     const [e, s] = await W(["esri/widgets/Expand", "esri/widgets/Home"]);
@@ -97,8 +101,8 @@ class $ extends F {
   _setZoomToolsSize() {
     const e = document.getElementsByClassName("esri-zoom")[0]?.children[0], s = document.getElementsByClassName("esri-zoom")[0]?.children[1];
     if (e && s) {
-      const t = this.zoomToolsSize === "s" ? "32px" : this.zoomToolsSize === "m" ? "40px" : "48px";
-      e.style.width = t, e.style.height = t, s.style.width = t, s.style.height = t;
+      const i = this.zoomToolsSize === "s" ? "32px" : this.zoomToolsSize === "m" ? "40px" : "48px";
+      e.style.width = i, e.style.height = i, s.style.width = i, s.style.height = i;
     }
     this.layout === "horizontal" && (document.getElementsByClassName("esri-zoom")[0]?.setAttribute("style", "position: absolute; top: 50px; left: 0"), document.getElementsByClassName("esri-ui-top-left")[0]?.setAttribute("style", "flex-direction: row; gap: 5px; align-items: flex-start; direction: ltr !important; z-index: 1;"));
   }
@@ -109,35 +113,38 @@ class $ extends F {
   _updateTools(e) {
     const s = JSON.parse(JSON.stringify(this.toolOrder));
     this._hasFloorInfo = this.mapView?.map?.floorInfo;
-    const t = s.indexOf("floorfilter");
-    t > -1 && !this._hasFloorInfo && s.splice(t, 1);
-    const o = Math.ceil(e / 40) - 1;
-    o && o !== s.length - 1 ? (this._mapTools = s.slice(0, o), this._ellipsisTools = s.slice(o, s.length)) : (this._mapTools = s, this._ellipsisTools = []);
+    const i = s.indexOf("floorfilter");
+    i > -1 && !this._hasFloorInfo && s.splice(i, 1);
+    const t = Math.ceil(e / 40) - 1;
+    t && t !== s.length - 1 ? (this._mapTools = s.slice(0, t), this._ellipsisTools = s.slice(t, s.length)) : (this._mapTools = s, this._ellipsisTools = []);
   }
   _getMapWidgets(e) {
-    const s = this._showFullscreen ? "full-screen-exit" : "full-screen", t = this._showFullscreen ? this._translations.exitFullscreen : this._translations.enterFullscreen;
-    return e.map((i) => {
-      switch (i) {
+    const s = this._showFullscreen ? "full-screen-exit" : "full-screen", i = this._showFullscreen ? this._translations.exitFullscreen : this._translations.enterFullscreen, l = this._isValidWebMap ? "map" : "exclamation-mark-triangle", t = this.selectedLayer === void 0 ? "exclamation-mark-triangle" : "layers";
+    return e.map((o) => {
+      switch (o) {
         case "legend":
-          return this.enableLegend && this.enableSingleExpand ? this._getActionGroup("legend", !1, this._translations.legend, () => this._showLegend()) : this.enableLegend ? this._getWidget(i, this._legendElement.value?.legendWidget, !0) : void 0;
+          return this.enableLegend && this.enableSingleExpand ? this._getActionGroup("legend", !1, this._translations.legend, () => this._showLegend()) : this.enableLegend ? this._getWidget(o, this._legendElement.value?.legendWidget, !0) : void 0;
         case "search":
-          return this.enableSearch && this.enableSingleExpand ? this._getActionGroup("magnifying-glass", !1, this._translations.search, () => this._search()) : this.enableSearch ? this._getWidget(i, this._searchElement.value?.searchWidget, !0) : void 0;
+          return this.enableSearch && this.enableSingleExpand ? this._getActionGroup("magnifying-glass", !1, this._translations.search, () => this._search()) : this.enableSearch ? this._getWidget(o, this._searchElement.value?.searchWidget, !0) : void 0;
         case "fullscreen":
-          return this.enableFullscreen && this.enableSingleExpand ? this._getActionGroup(s, !1, t || "", () => this._expand()) : this.enableFullscreen ? this._getWidget(i, this._fullscreenElement.value?.fullscreenWidget, !1) : void 0;
+          return this.enableFullscreen && this.enableSingleExpand ? this._getActionGroup(s, !1, i || "", () => this._expand()) : this.enableFullscreen ? this._getWidget(o, this._fullscreenElement.value?.fullscreenWidget, !1) : void 0;
         case "basemap":
-          return this.enableBasemap && this.enableSingleExpand ? this._getActionGroup("basemap", !1, this._translations.basemap, () => this._toggleBasemapPicker()) : this.enableBasemap ? this._getWidget(i, this._basemapElement.value?.basemapWidget, !0) : void 0;
+          return this.enableBasemap && this.enableSingleExpand ? this._getActionGroup("basemap", !1, this._translations.basemap, () => this._toggleBasemapPicker()) : this.enableBasemap ? this._getWidget(o, this._basemapElement.value?.basemapWidget, !0) : void 0;
         case "floorfilter":
-          return this.enableFloorFilter && this._hasFloorInfo && this.enableSingleExpand ? this._getActionGroup("urban-model", !1, this._translations.floorFilter, () => this._toggleFloorFilter()) : this.enableFloorFilter && this._hasFloorInfo ? this._getWidget(i, this._floorFilterElement.value?.floorFilterWidget, !0) : void 0;
+          return this.enableFloorFilter && this._hasFloorInfo && this.enableSingleExpand ? this._getActionGroup("urban-model", !1, this._translations.floorFilter, () => this._toggleFloorFilter()) : this.enableFloorFilter && this._hasFloorInfo ? this._getWidget(o, this._floorFilterElement.value?.floorFilterWidget, !0) : void 0;
         case "selectiontool":
-          return this.enableSelectionTool ? this._getActionGroup("cursor-selection", !1, this._translations.selectByRectangle, () => this._toggleSelectionTool(), this._selectionToolActive) : void 0;
+          return this.enableSelectionTool && this.selectedLayer ? (
+            // if selection tool is enabled and a layer is selected then only show selection tool
+            this._getActionGroup("cursor-selection", !1, this._translations.selectByRectangle, () => this._toggleSelectionTool(), this._selectionToolActive)
+          ) : void 0;
         case "home":
           return this.enableHome ? this._getActionGroup("home", !1, this._translations.defaultMapView, () => this._homeWidget?.go()) : void 0;
         case "map-picker":
-          return this.enableMapPicker ? this._getActionGroup("map", !1, "", () => {
-          }) : void 0;
+          return this.enableMapPicker ? this._getActionGroup(l, !1, "", () => {
+          }, !this._isValidWebMap) : void 0;
         case "map-layer-picker":
-          return this.enableMapLayerPicker ? this._getActionGroup("layers", !1, "", () => {
-          }) : void 0;
+          return this.enableMapLayerPicker && this._isValidWebMap ? this._getActionGroup(t, !1, "", () => {
+          }, this.selectedLayer === void 0) : void 0;
         default:
           return "";
       }
@@ -146,19 +153,19 @@ class $ extends F {
   _fullscreenStateChange(e) {
     e === "ready" && this._showFullscreen ? this._showFullscreen = !1 : e === "active" && !this._showFullscreen && (this._showFullscreen = !0);
   }
-  _getActionGroup(e, s, t, i, o) {
-    const r = this.mapWidgetsSize === "s" ? "square-32" : this.mapWidgetsSize === "m" ? "square-40" : "square-48", d = this.stackTools ? "" : "margin-bottom-1-2", c = this.stackTools ? "" : "box-shadow";
-    return h`<div><calcite-action alignment=center .indicator=${o} class=${`map-actions ${r} ${d} border-bottom ${c}`} .disabled=${s} .icon=${e} id=${e ?? m} @click=${i} scale=s text ${n(this._mapTool)}><calcite-icon icon=cheveron-up scale=s slot=icon></calcite-icon></calcite-action>${!this.isMobile && h`<calcite-tooltip .placement=${this.layout === "vertical" ? "auto" : "bottom"} reference-element=${e ?? m}><span>${t}</span></calcite-tooltip>` || ""}</div>`;
+  _getActionGroup(e, s, i, l, t, o) {
+    const d = this.mapWidgetsSize === "s" ? "square-32" : this.mapWidgetsSize === "m" ? "square-40" : "square-48", c = this.stackTools ? "" : "margin-bottom-1-2", p = this.stackTools ? "" : "box-shadow";
+    return r`<div><calcite-action alignment=center .indicator=${o} class=${`map-actions ${d} ${c} border-bottom ${p} ${t ? "danger-icon-color" : ""}`} .disabled=${s} .icon=${e} id=${e ?? _} @click=${l} scale=s text ${h(this._mapTool)}><calcite-icon icon=cheveron-up scale=s slot=icon></calcite-icon></calcite-action>${!this.isMobile && r`<calcite-tooltip .placement=${this.layout === "vertical" ? "auto" : "bottom"} reference-element=${e ?? _}><span>${i}</span></calcite-tooltip>` || ""}</div>`;
   }
-  _getWidget(e, s, t) {
+  _getWidget(e, s, i) {
     if (this._widgets.indexOf(e) < 0 && this.mapView && s) {
-      const i = this.toolOrder.indexOf(e), o = this.Expand && new this.Expand({
+      const l = this.toolOrder.indexOf(e), t = this.Expand && new this.Expand({
         view: this.mapView,
         content: s
-      }), r = this.enableHome ? 2 : 1;
-      this.mapView.ui.add(t ? o : s, {
+      }), o = this.enableHome ? 2 : 1;
+      this.mapView.ui.add(i ? t : s, {
         position: this.position,
-        index: i > -1 ? i + r : 1
+        index: l > -1 ? l + o : 1
       }), this._widgets.push(e);
     }
   }

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

@@ -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.20250917.3 */
+v1.1.0-next.20250919 */
 const u = d`/** @license
  * Copyright 2025 Esri
  *

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

@@ -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.20250917.3 */
+v1.1.0-next.20250919 */
 const u = [
   {
     descriptionPDF: {

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

@@ -4,16 +4,16 @@ 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 _ } from "lit";
+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 { LitElement as E, createEvent as T, noShadowRoot as C, safeClassMap as d } from "@arcgis/lumina";
+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 V } from "@arcgis/lumina/controllers";
+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.20250917.3 */
-const D = L`@layer{/** @license
+v1.1.0-next.20250919 */
+const O = L`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -28,7 +28,7 @@ const D = 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 O extends V {
+class V extends D {
   constructor() {
     super(), this.managedLayers = {}, this.managedTables = [], this.highlightHandles = [];
   }
@@ -40,16 +40,16 @@ class O extends V {
 }
 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);
+    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);
   }
   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 = D;
+    this.styles = O;
   }
   static {
-    this.shadowRootOptions = C;
+    this.shadowRootOptions = T;
   }
   willUpdate(e) {
     e.has("mapView") && this.mapView && this.mapViewWatchHandler(this.mapView), e.has("searchConfiguration") && this.searchConfiguration && this.watchSearchConfigurationHandler(this.searchConfiguration, e.get("searchConfiguration")), e.has("sketchLineSymbol") && this.sketchLineSymbolWatchHandler(this.sketchLineSymbol, e.get("sketchLineSymbol")), e.has("sketchPointSymbol") && this.sketchPointSymbolWatchHandler(this.sketchPointSymbol, e.get("sketchPointSymbol")), e.has("sketchPolygonSymbol") && this.sketchPolygonSymbolWatchHandler(this.sketchPolygonSymbol, e.get("sketchPolygonSymbol")), e.has("_pageType") && (this.hasUpdated || this._pageType !== l.LIST) && this.pageTypeWatchHandler(this._pageType, e.get("_pageType"));
@@ -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 ?? _} @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 ?? u} @click=${() => {
       this._setPageType(t);
     }} text></calcite-action></div><calcite-tooltip label placement=bottom .referenceElement=${e}><span>${i}</span></calcite-tooltip></calcite-action-group>`;
   }
@@ -185,15 +185,15 @@ 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 ?? _}></div>`;
+    return o`<div class="display-flex padding-sides-1"><img class="img-container" role=presentation src=${this._onboardingImageUrl ?? u}></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 u = t.refineInfos[f];
-        return r += u.addIds.length + u.removeIds.length, r;
+        const _ = t.refineInfos[f];
+        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>`;
   }
@@ -290,7 +290,7 @@ class N extends E {
   }
   _getRefinePage() {
     const e = this._hasSelections();
-    return o`<calcite-panel>${this._getLabel(this._translations.refineSelection)}${e ? o`<div>${this._getNotice(this._translations.refineTip, "padding-sides-1")}<refine-selection .enabledLayerIds=${this.selectionLayerIds} .mapView=${this.mapView} .selectionSets=${this._selectionSets} .sketchLineSymbol=${this.sketchLineSymbol} .sketchPointSymbol=${this.sketchPointSymbol} .sketchPolygonSymbol=${this.sketchPolygonSymbol}></refine-selection></div>` : this._getNotice(this._translations.refineTipNoSelections, "padding-sides-1")}</calcite-panel>`;
+    return o`<calcite-panel>${this._getLabel(this._translations.refineSelection)}${e ? o`<div>${this._getNotice(this._translations.refineTip, "padding-sides-1")}<refine-selection .enabledLayerIds=${this.selectionLayerIds} .mapView=${this.mapView} .selectionSets=${this._selectionSets} .sketchLineSymbol=${this.sketchLineSymbol} .sketchPointSymbol=${this.sketchPointSymbol} .sketchPolygonSymbol=${this.sketchPolygonSymbol} .bufferColor=${this.bufferColor} .bufferOutlineColor=${this.bufferOutlineColor} .defaultBufferDistance=${this.defaultBufferDistance} .defaultBufferUnit=${this.defaultBufferUnit} .enableSearchDistance=${this.enableSearchDistance} .enableSearchDistanceOnLoad=${this.enableSearchDistanceOnLoad} .searchDistanceEnabled=${this.enableSearchDistanceOnLoad}></refine-selection></div>` : this._getNotice(this._translations.refineTipNoSelections, "padding-sides-1")}</calcite-panel>`;
   }
   _getPageNavButtons(e, t, i, s, a, n) {
     return o`<div class="padding-bottom-1"><div class="display-flex padding-top-sides-1"><calcite-button .disabled=${t} @click=${i} width=full><span class="font-weight-500">${e}</span></calcite-button></div><div class="display-flex padding-top-1-2 padding-sides-1"><calcite-button appearance=outline .disabled=${a} @click=${n} width=full><span class="font-weight-500">${s}</span></calcite-button></div></div>`;
@@ -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 ?? _} .text=${i}></calcite-action>`;
+    return o`<calcite-action .disabled=${!e} .icon=${t} icon-flip-rtl .indicator=${a} @click=${s} slot=${n ?? u} .text=${i}></calcite-action>`;
   }
   _updateForSelection(e) {
     this._numSelected = e.detail, this._saveEnabled = this._numSelected > 0;
@@ -402,6 +402,6 @@ class N extends E {
 }
 y("public-notification", N);
 export {
-  O as PNStateController,
+  V as PNStateController,
   N as PublicNotification
 };

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

@@ -1,9 +1,10 @@
 /// <reference types="@arcgis/core/interfaces.d.ts" />
 /// <reference path="../../index.d.ts" />
-import { IRefineOperation, ISelectionSet, ESelectionMode } from '../../utils/interfaces';
+import { DistanceUnit, IRefineOperation, ISelectionSet, ESelectionMode } from '../../utils/interfaces';
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 import { MapLayerPicker } from '../map-layer-picker/customElement.js';
 import { MapDrawTools } from '../map-draw-tools/customElement.js';
+import { BufferTools } from '../buffer-tools/customElement.js';
 export declare class RefineSelection extends LitElement {
     /** esri/views/layers/FeatureLayerView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html */
@@ -13,8 +14,26 @@ export declare class RefineSelection extends LitElement {
      *  If empty all layers will be available
      */
     enabledLayerIds: string[];
+    /**
+     * boolean: When true users will be allowed to optionally create a buffer around the selection geometry
+     *
+     * @default true
+     */
+    enableSearchDistance: boolean;
+    /**
+     * boolean: When true the serach distance options will be enabled when the component loads
+     *
+     * @default false
+     */
+    enableSearchDistanceOnLoad: boolean;
     /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
     mapView: __esri.MapView | undefined;
+    /**
+     * boolean: when true buffer tools controls are enabled
+     *
+     * @default false
+     */
+    searchDistanceEnabled: boolean;
     /** utils/interfaces/ISelectionSet: An array of user defined selection sets */
     selectionSets: ISelectionSet[];
     /** esri/symbols/SimpleLineSymbol | JSON representation : https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html */
@@ -23,6 +42,16 @@ export declare class RefineSelection extends LitElement {
     sketchPointSymbol: __esri.SimpleMarkerSymbol | undefined;
     /** esri/symbols/SimpleFillSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html */
     sketchPolygonSymbol: __esri.SimpleFillSymbol | undefined;
+    /** number: The default value to show for the buffer unit */
+    defaultBufferUnit: DistanceUnit | undefined;
+    /** string | number[] |  object with r, g, b, a: https://developers.arcgis.com/javascript/latest/api-reference/esri-Color.html */
+    bufferColor: any;
+    /** string | number[] | object with r, g, b, a: https://developers.arcgis.com/javascript/latest/api-reference/esri-Color.html */
+    bufferOutlineColor: any;
+    /** number: The default value to show for the buffer distance */
+    defaultBufferDistance: number | undefined;
+    /** esri/geometry: https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry.html */
+    geometries: __esri.Geometry[];
     /** Emitted on demand when selection starts or ends. */
     readonly selectionLoadingChange: TargetedEvent<this, boolean>;
     /** Emitted on demand when selection sets change. */