@esri/solutions-components 1.2.0-next.56 → 1.2.0-next.58

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

@@ -1,13 +1,13 @@
-import { c as l } from "../../chunks/runtime.js";
-import { css as d, html as p } from "lit";
-import { createRef as u, ref as m } from "lit-html/directives/ref.js";
-import { LitElement as f } from "@arcgis/lumina";
-import g from "@arcgis/core/widgets/Search";
-import S from "@arcgis/core/layers/FeatureLayer";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.56 */
-const w = d`/** @license
+v1.2.0-next.58 */
+import { c as customElement } from "../../chunks/runtime.js";
+import { css, html } from "lit";
+import { createRef, ref } from "lit-html/directives/ref.js";
+import { LitElement } from "@arcgis/lumina";
+import Search from "@arcgis/core/widgets/Search";
+import FeatureLayer from "@arcgis/core/layers/FeatureLayer";
+const styles = css`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -21,19 +21,37 @@ const w = d`/** @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}.search-widget{width:100%!important;border:1px solid var(--calcite-color-border-input)}`;
-class y extends f {
+ */
+
+:host {
+  display: block;
+}
+
+.search-widget {
+  width: 100% !important;
+  border: 1px solid var(--calcite-color-border-input);
+}`;
+class MapSearch extends LitElement {
   constructor() {
-    super(...arguments), this.popupEnabled = !1, this.resultGraphicEnabled = !1, this.searchTerm = "", this._searchElement = u();
+    super(...arguments);
+    this.popupEnabled = false;
+    this.resultGraphicEnabled = false;
+    this.searchTerm = "";
+    this._searchElement = createRef();
   }
   static {
-    this.properties = { mapView: 0, popupEnabled: 5, resultGraphicEnabled: 5, searchConfiguration: 0, searchTerm: 1, searchWidget: 0 };
+    this.properties = { mapView: [0, {}, { attribute: false }], popupEnabled: [5, {}, { type: Boolean }], resultGraphicEnabled: [5, {}, { type: Boolean }], searchConfiguration: [0, {}, { attribute: false }], searchTerm: 1, searchWidget: [0, {}, { attribute: false }] };
   }
   static {
-    this.styles = w;
+    this.styles = styles;
   }
-  willUpdate(i) {
-    i.has("searchConfiguration") && this.watchSearchConfigurationHandler(), i.has("mapView") && this.mapViewWatchHandler();
+  willUpdate(changes) {
+    if (changes.has("searchConfiguration")) {
+      void this.watchSearchConfigurationHandler();
+    }
+    if (changes.has("mapView")) {
+      void this.mapViewWatchHandler();
+    }
   }
   async watchSearchConfigurationHandler() {
     this._initSearchWidget();
@@ -47,44 +65,75 @@ class y extends f {
     return this._initSearchWidget();
   }
   render() {
-    return p`<div class="search-widget" ${m(this._searchElement)}></div>`;
+    return html`<div class="search-widget" ${ref(this._searchElement)}></div>`;
   }
   _initSearchWidget() {
     if (this.mapView && this._searchElement.value && !this.searchWidget) {
-      let i = {
+      let searchOptions = {
         view: this.mapView,
         container: this._searchElement.value,
         searchTerm: this.searchTerm
       };
-      this.searchConfiguration && (i = {
-        ...this._getSearchConfig(this.searchConfiguration, this.mapView)
-      }), this.searchWidget = new g(i), this.searchWidget && (this.searchWidget.popupEnabled = this.popupEnabled, this.searchWidget.resultGraphicEnabled = this.resultGraphicEnabled);
-    } else
-      this.searchWidget && (this.searchWidget.view = this.mapView);
-  }
-  _getSearchConfig(i, a) {
-    const o = "includeDefaultSources", r = i.sources;
-    return r && r?.length > 0 ? (i[o] = !1, r.forEach((t) => {
-      if (t.hasOwnProperty("layer")) {
-        const e = t, s = e.layer?.id, c = s ? a.map?.findLayerById(s) : null, n = e?.layer?.url;
-        c ? e.layer = c : n && (e.layer = new S(n));
+      if (this.searchConfiguration) {
+        const searchConfiguration = this._getSearchConfig(this.searchConfiguration, this.mapView);
+        searchOptions = {
+          ...searchConfiguration
+        };
       }
-    }), r?.forEach((t) => {
-      if (t.hasOwnProperty("locator")) {
-        const e = t;
-        if (e?.name === "ArcGIS World Geocoding Service") {
-          const s = e.outFields || ["Addr_type", "Match_addr", "StAddr", "City"];
-          e.outFields = s, e.singleLineFieldName = "SingleLine";
-        }
-        e.url = e.url, delete e.url;
+      this.searchWidget = new Search(searchOptions);
+      if (this.searchWidget) {
+        this.searchWidget.popupEnabled = this.popupEnabled;
+        this.searchWidget.resultGraphicEnabled = this.resultGraphicEnabled;
+      }
+    } else {
+      if (this.searchWidget) {
+        this.searchWidget.view = this.mapView;
       }
-    })) : i = {
-      ...i,
-      includeDefaultSources: !0
-    }, i;
+    }
+  }
+  _getSearchConfig(searchConfiguration, view) {
+    const INCLUDE_DEFAULT_SOURCES = "includeDefaultSources";
+    const sources = searchConfiguration.sources;
+    if (sources && sources?.length > 0) {
+      searchConfiguration[INCLUDE_DEFAULT_SOURCES] = false;
+      sources.forEach((source) => {
+        const isLayerSource = source.hasOwnProperty("layer");
+        if (isLayerSource) {
+          const layerSource = source;
+          const layerId = layerSource.layer?.id;
+          const layerFromMap = layerId ? view.map?.findLayerById(layerId) : null;
+          const layerUrl = layerSource?.layer?.url;
+          if (layerFromMap) {
+            layerSource.layer = layerFromMap;
+          } else if (layerUrl) {
+            layerSource.layer = new FeatureLayer(layerUrl);
+          }
+        }
+      });
+      sources?.forEach((source) => {
+        const isLocatorSource = source.hasOwnProperty("locator");
+        if (isLocatorSource) {
+          const locatorSource = source;
+          if (locatorSource?.name === "ArcGIS World Geocoding Service") {
+            const outFields = locatorSource.outFields || ["Addr_type", "Match_addr", "StAddr", "City"];
+            locatorSource.outFields = outFields;
+            locatorSource.singleLineFieldName = "SingleLine";
+          }
+          locatorSource.url = locatorSource.url;
+          delete locatorSource.url;
+        }
+      });
+    } else {
+      searchConfiguration = {
+        ...searchConfiguration,
+        includeDefaultSources: true
+      };
+    }
+    return searchConfiguration;
   }
 }
-l("map-search", y);
+customElement("map-search", MapSearch);
 export {
-  y as MapSearch
+  MapSearch
 };
+//# sourceMappingURL=customElement.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"customElement.js","sources":["../../../src/components/map-search/map-search.tsx"],"sourcesContent":["/**\r\n * @license\r\n * Copyright 2025 Esri\r\n *\r\n * Licensed under the Apache License, Version 2.0 (the 'License');\r\n * you may not use this file except in compliance with the License.\r\n * You may obtain a copy of the License at\r\n *\r\n *    http://www.apache.org/licenses/LICENSE-2.0\r\n *\r\n * Unless required by applicable law or agreed to in writing, software\r\n * distributed under the License is distributed on an 'AS IS' BASIS,\r\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\r\n * See the License for the specific language governing permissions and\r\n * limitations under the License.\r\n */\r\n\r\nimport type {\r\n  ILocatorSourceConfigItem,\r\n  ISearchConfiguration\r\n} from '../../utils/interfaces';\r\nimport type { PropertyValues } from 'lit';\r\nimport { createRef } from 'lit-html/directives/ref.js';\r\nimport {\r\n  LitElement,\r\n  property,\r\n  h,\r\n} from '@arcgis/lumina';\r\nimport type {\r\n  JsxNode,\r\n} from '@arcgis/lumina';\r\nimport { styles } from './map-search.css';\r\nimport Search from '@arcgis/core/widgets/Search';\r\nimport FeatureLayer from '@arcgis/core/layers/FeatureLayer';\r\n\r\ndeclare global {\r\n  interface DeclareElements {\r\n    'map-search': MapSearch;\r\n  }\r\n}\r\n\r\nexport class MapSearch extends LitElement {\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Overrides (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  static override styles = styles;\r\n\r\n  /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */\r\n  override willUpdate(\r\n    changes: PropertyValues<this>\r\n  ): void {\r\n    if (changes.has('searchConfiguration')) {\r\n      void this.watchSearchConfigurationHandler();\r\n    }\r\n\r\n    if (changes.has('mapView')) {\r\n      void this.mapViewWatchHandler();\r\n    }\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (public)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */\r\n  @property() mapView: __esri.MapView | undefined;\r\n\r\n  /** boolean: When true the selected feature popup will be shown when serach result is found */\r\n  @property() popupEnabled = false;\r\n\r\n  /** boolean: When true a graphic will be added for the search result */\r\n  @property() resultGraphicEnabled = false;\r\n\r\n  /** ISearchConfiguration: Configuration details for the Search widget */\r\n  @property() searchConfiguration: ISearchConfiguration | undefined;\r\n\r\n  /**\r\n   * string: Text entered by the end user.\r\n   * Used to search against the locator.\r\n   */\r\n  @property() searchTerm = '';\r\n\r\n  /** esri/widgets/Search: https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Search.html */\r\n  @property() searchWidget: __esri.widgetsSearch | undefined;\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  State (internal)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Properties (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /** HTMLElement: The container div for the search widget */\r\n  private _searchElement = createRef<HTMLDivElement>();\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Watch handlers\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Called each time the searchConfiguration prop is changed.\r\n   *\r\n   * @returns Promise when complete\r\n   */\r\n  private async watchSearchConfigurationHandler(): Promise<void> {\r\n    this._initSearchWidget();\r\n  }\r\n\r\n  /**\r\n   * Called each time the mapView prop is changed.\r\n   *\r\n   * @returns Promise when complete\r\n   */\r\n\r\n  private async mapViewWatchHandler(): Promise<void> {\r\n    await this.mapView?.when(() => {\r\n      this._initSearchWidget();\r\n    });\r\n  }\r\n\r\n  /** Called once just after the component is fully loaded and the first render() occurs. */\r\n  loaded(): void {\r\n    return this._initSearchWidget();\r\n  }\r\n\r\n  /** Renders the component. */\r\n  override render(): JsxNode {\r\n    return (\r\n      <div\r\n        class='search-widget'\r\n        ref={this._searchElement}\r\n      />\r\n    );\r\n  }\r\n\r\n  //--------------------------------------------------------------------------\r\n  //\r\n  //  Functions (private)\r\n  //\r\n  //--------------------------------------------------------------------------\r\n\r\n  /**\r\n   * Initialize the search widget\r\n   *\r\n   * @private\r\n   */\r\n  private _initSearchWidget(): void {\r\n    if (this.mapView && this._searchElement.value && !this.searchWidget) {\r\n      let searchOptions: __esri.widgetsSearchProperties = {\r\n        view: this.mapView,\r\n        container: this._searchElement.value,\r\n        searchTerm: this.searchTerm,\r\n      };\r\n\r\n      if (this.searchConfiguration) {\r\n        const searchConfiguration = this._getSearchConfig(this.searchConfiguration, this.mapView);\r\n        searchOptions = {\r\n          ...searchConfiguration,\r\n        };\r\n      }\r\n      this.searchWidget = new Search(searchOptions);\r\n      if (this.searchWidget) {\r\n        this.searchWidget.popupEnabled = this.popupEnabled;\r\n        this.searchWidget.resultGraphicEnabled = this.resultGraphicEnabled;\r\n      }\r\n    } else {\r\n      if (this.searchWidget) {\r\n        this.searchWidget.view = this.mapView;\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Initialize the search widget based on user defined configuration\r\n   *\r\n   * @param searchConfiguration search configuration defined by the user\r\n   * @param view the current map view\r\n   * @private\r\n   */\r\n  private _getSearchConfig(\r\n    searchConfiguration: ISearchConfiguration,\r\n    view: __esri.MapView\r\n  ): ISearchConfiguration {\r\n    const INCLUDE_DEFAULT_SOURCES = 'includeDefaultSources';\r\n    const sources = searchConfiguration.sources;\r\n\r\n    if (sources && sources?.length > 0) {\r\n      searchConfiguration[INCLUDE_DEFAULT_SOURCES] = false;\r\n\r\n      sources.forEach(source => {\r\n        const isLayerSource = source.hasOwnProperty('layer');\r\n        if (isLayerSource) {\r\n          const layerSource = source as any;\r\n          const layerId = layerSource.layer?.id;\r\n          const layerFromMap = layerId ? view.map?.findLayerById(layerId) : null;\r\n          const layerUrl = layerSource?.layer?.url;\r\n          if (layerFromMap as __esri.FeatureLayer) {\r\n            layerSource.layer = layerFromMap as __esri.FeatureLayer;\r\n          } else if (layerUrl) {\r\n            layerSource.layer = new FeatureLayer(layerUrl as any);\r\n          }\r\n        }\r\n      });\r\n\r\n      sources?.forEach(source => {\r\n        const isLocatorSource = source.hasOwnProperty('locator');\r\n        if (isLocatorSource) {\r\n          const locatorSource = source as ILocatorSourceConfigItem;\r\n          if (locatorSource?.name === 'ArcGIS World Geocoding Service') {\r\n            const outFields = locatorSource.outFields || ['Addr_type', 'Match_addr', 'StAddr', 'City'];\r\n            locatorSource.outFields = outFields;\r\n            locatorSource.singleLineFieldName = 'SingleLine';\r\n          }\r\n\r\n          locatorSource.url = locatorSource.url;\r\n          delete locatorSource.url;\r\n        }\r\n      });\r\n    } else {\r\n      searchConfiguration = {\r\n        ...searchConfiguration,\r\n        includeDefaultSources: true,\r\n      };\r\n    }\r\n    return searchConfiguration;\r\n  }\r\n}\r\n"],"names":["ref$jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCM,MAAO,kBAAkB,WAAU;AAAA,EAAnC,cAAA;AAAA,UAAA,GAAA,SAAA;AAiCQ,SAAA,eAAe;AAGf,SAAA,uBAAuB;AASvB,SAAA,aAAa;AAkBzB,SAAQ,iBAAiB,UAAA;AAAA;;;;EAvDzB,OAAA;AAAA,SAAgB,SAAS;AAAA,EAAA;AAAA,EAGhB,WACP,SACK;AACL,QAAI,QAAQ,IAAI,qBAAqB,GAAG;AACtC,WAAK,KAAK,gCAAA;AAAA,IACZ;AAEA,QAAI,QAAQ,IAAI,SAAS,GAAG;AAC1B,WAAK,KAAK,oBAAA;AAAA,IACZ;AAAA,EACF;AAAA,EAuDA,MAAc,kCAAgD;AAC5D,SAAK,kBAAA;AAAA,EACP;AAAA,EAQA,MAAc,sBAAoC;AAChD,UAAM,KAAK,SAAS,KAAK,MAAK;AAC5B,WAAK,kBAAA;AAAA,IACP,CAAC;AAAA,EACH;AAAA,EAGA,SAAc;AACZ,WAAO,KAAK,kBAAA;AAAA,EACd;AAAA,EAGS,SAAiB;AACxB,WAAO,kCAAAA,IAGE,KAAK,cAAc;EAG9B;AAAA,EAaQ,oBAAyB;AAC/B,QAAI,KAAK,WAAW,KAAK,eAAe,SAAS,CAAC,KAAK,cAAc;AACnE,UAAI,gBAAgD;AAAA,QAClD,MAAM,KAAK;AAAA,QACX,WAAW,KAAK,eAAe;AAAA,QAC/B,YAAY,KAAK;AAAA,MAAA;AAGnB,UAAI,KAAK,qBAAqB;AAC5B,cAAM,sBAAsB,KAAK,iBAAiB,KAAK,qBAAqB,KAAK,OAAO;AACxF,wBAAgB;AAAA,UACd,GAAG;AAAA,QAAA;AAAA,MAEP;AACA,WAAK,eAAe,IAAI,OAAO,aAAa;AAC5C,UAAI,KAAK,cAAc;AACrB,aAAK,aAAa,eAAe,KAAK;AACtC,aAAK,aAAa,uBAAuB,KAAK;AAAA,MAChD;AAAA,IACF,OAAO;AACL,UAAI,KAAK,cAAc;AACrB,aAAK,aAAa,OAAO,KAAK;AAAA,MAChC;AAAA,IACF;AAAA,EACF;AAAA,EASQ,iBACN,qBACA,MACqB;AACrB,UAAM,0BAA0B;AAChC,UAAM,UAAU,oBAAoB;AAEpC,QAAI,WAAW,SAAS,SAAS,GAAG;AAClC,0BAAoB,uBAAuB,IAAI;AAE/C,cAAQ,QAAQ,CAAA,WAAS;AACvB,cAAM,gBAAgB,OAAO,eAAe,OAAO;AACnD,YAAI,eAAe;AACjB,gBAAM,cAAc;AACpB,gBAAM,UAAU,YAAY,OAAO;AACnC,gBAAM,eAAe,UAAU,KAAK,KAAK,cAAc,OAAO,IAAI;AAClE,gBAAM,WAAW,aAAa,OAAO;AACrC,cAAI,cAAqC;AACvC,wBAAY,QAAQ;AAAA,UACtB,WAAW,UAAU;AACnB,wBAAY,QAAQ,IAAI,aAAa,QAAe;AAAA,UACtD;AAAA,QACF;AAAA,MACF,CAAC;AAED,eAAS,QAAQ,CAAA,WAAS;AACxB,cAAM,kBAAkB,OAAO,eAAe,SAAS;AACvD,YAAI,iBAAiB;AACnB,gBAAM,gBAAgB;AACtB,cAAI,eAAe,SAAS,kCAAkC;AAC5D,kBAAM,YAAY,cAAc,aAAa,CAAC,aAAa,cAAc,UAAU,MAAM;AACzF,0BAAc,YAAY;AAC1B,0BAAc,sBAAsB;AAAA,UACtC;AAEA,wBAAc,MAAM,cAAc;AAClC,iBAAO,cAAc;AAAA,QACvB;AAAA,MACF,CAAC;AAAA,IACH,OAAO;AACL,4BAAsB;AAAA,QACpB,GAAG;AAAA,QACH,uBAAuB;AAAA,MAAA;AAAA,IAE3B;AACA,WAAO;AAAA,EACT;AACD;;"}

package/dist/components/map-select-tools/customElement.d.ts

@@ -5,9 +5,9 @@ import { PropertyValues } from 'lit';
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class MapSelectTools extends LitElement {
-    /** string | number[] |  object with r, g, b, a: https://developers.arcgis.com/javascript/latest/api-reference/esri-Color.html */
+    /** string | number[] |  object with r, g, b, a: https://next.gha.afd.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 */
+    /** string | number[] | object with r, g, b, a: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-Color.html */
     bufferOutlineColor: any;
     /**
      * boolean: When true the user can define a name for each notification list
@@ -54,7 +54,7 @@ export declare class MapSelectTools extends LitElement {
     defaultBufferDistance: number | undefined;
     /** number: The default value to show for the buffer unit */
     defaultBufferUnit: DistanceUnit | undefined;
-    /** esri/geometry: https://developers.arcgis.com/javascript/latest/api-reference/esri-geometry.html */
+    /** esri/geometry: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-geometry.html */
     geometries: __esri.Geometry[];
     /**
      * boolean: When true a new label is not generated for the stored selection set
@@ -62,9 +62,9 @@ export declare class MapSelectTools extends LitElement {
      * @default false
      */
     isUpdate: boolean;
-    /** esri/views/layers/FeatureLayerView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html */
+    /** esri/views/layers/FeatureLayerView: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html */
     layerViews: __esri.FeatureLayerView[];
-    /** esri/views/MapView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
+    /** esri/views/MapView: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html */
     mapView: __esri.MapView | undefined;
     /**
      * string: The value to show for no results
@@ -82,13 +82,13 @@ export declare class MapSelectTools extends LitElement {
      * when skectching with 'Use layer features' option
      */
     selectionLayerIds: string[];
-    /** esri/views/layers/FeatureLayerView: https://developers.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html */
+    /** esri/views/layers/FeatureLayerView: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-views-layers-FeatureLayerView.html */
     selectLayerView: __esri.FeatureLayerView | undefined;
-    /** esri/symbols/SimpleLineSymbol | JSON representation : https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html */
+    /** esri/symbols/SimpleLineSymbol | JSON representation : https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleLineSymbol.html */
     sketchLineSymbol: __esri.SimpleLineSymbol | undefined;
-    /** esri/symbols/SimpleMarkerSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html */
+    /** esri/symbols/SimpleMarkerSymbol | JSON representation: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleMarkerSymbol.html */
     sketchPointSymbol: __esri.SimpleMarkerSymbol | undefined;
-    /** esri/symbols/SimpleFillSymbol | JSON representation: https://developers.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html */
+    /** esri/symbols/SimpleFillSymbol | JSON representation: https://next.gha.afd.arcgis.com/javascript/latest/api-reference/esri-symbols-SimpleFillSymbol.html */
     sketchPolygonSymbol: __esri.SimpleFillSymbol | undefined;
     /**
      * boolean: when true buffer tools controls are enabled