@arcgis/map-components 5.2.0-next.98 → 6.0.0-next.0

package/dist/components/arcgis-scene/customElement.js

@@ -6,27 +6,31 @@ import { watch as s } from "@arcgis/core/core/reactiveUtils.js";
 import v from "@arcgis/core/geometry/Point.js";
 import u from "@arcgis/core/views/SceneView.js";
 import g from "@arcgis/core/WebScene.js";
-import { LitElement as d, createEvent as r, safeClassMap as n } from "@arcgis/lumina";
-import { makeAccessorController as w, reEmitEvent as t, reCreateAccessor as y } from "@arcgis/lumina/controllers/accessor";
-import { createRef as o, ref as h } from "lit/directives/ref.js";
+import { LitElement as d, createEvent as r, safeClassMap as o } from "@arcgis/lumina";
+import { reEmitEvent as t } from "@arcgis/lumina-toolkit/reEmitEvent";
+import { makeAccessorController as w, reCreateAccessor as y } from "@arcgis/lumina-toolkit/useAccessor";
+import { createRef as n, ref as h } from "lit/directives/ref.js";
 import { U as f, u as b, a as V, b as C } from "../../chunks/useArcgisViewReadyError.js";
 import { s as _ } from "../../chunks/esri-main.js";
 import { s as E } from "../../chunks/slots.js";
 import { C as c } from "../../chunks/resources.js";
-import { d as P, e as A, b as M, c as R, p as D, i as I } from "../../chunks/component-utils.js";
-const k = w(g, {}), L = w(u, {});
-class S extends d {
+import { d as R, e as P, b as A, c as M, p as D, i as I } from "../../chunks/component-utils.js";
+const S = w(g, {}), k = w(u, {});
+class F extends d {
   constructor() {
-    super(), this._attributionMode = null, this._containerRef = o(), this._mapRef = o(), this._uiController = new f(this), this._cameraProperties = {}, this.arcgisLoadError = b(this), this.arcgisViewReadyError = V(this), this._map = k(this), this.view = L(this), this.allLayerViews = this.view.allLayerViews, this.alphaCompositingEnabled = this.view.alphaCompositingEnabled, this.analyses = this.view.analyses, this.animationsDisabled = this.view.animationsEnabled, this.autoDestroyDisabled = !1, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.canZoomIn = this.view.canZoomIn, this.canZoomOut = this.view.canZoomOut, this.clippingArea = this.view.clippingArea, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.environment = this.view.environment, this.fatalError = this.view.fatalError, this.floors = this.view.floors, this.graphics = this.view.graphics, this.ground = this._map.ground, this.groundView = this.view.groundView, this.highlights = this.view.highlights, this.layerViews = this.view.layerViews, this.magnifier = this.view.magnifier, this.map = this.view.map, this.navigation = this.view.navigation, this.padding = this.view.padding, this.popup = this.view.popup, this.popupDisabled = this.view.popupEnabled, this.popupComponentEnabled = !1, this.qualityProfile = this.view.qualityProfile, this.ready = this.view.ready, this.selectionManager = this.view.selectionManager, this.slotGroupRefs = this._uiController.slotGroupRefs, this.spatialReference = this.view.spatialReference, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.timeZone = this.view.timeZone, this.updating = this.view.updating, this.viewingMode = this.view.viewingMode, this.visibleArea = this.view.visibleArea, this.arcgisViewAnalysisViewCreate = t(() => this.view, "analysis-view-create"), this.arcgisViewAnalysisViewCreateError = t(() => this.view, "analysis-view-create-error"), this.arcgisViewAnalysisViewDestroy = t(() => this.view, "analysis-view-destroy"), this.arcgisViewChange = r(), this.arcgisViewClick = t(() => this.view, "click"), this.arcgisViewDoubleClick = t(() => this.view, "double-click"), this.arcgisViewDoubleTapDrag = t(() => this.view, "double-tap-drag"), this.arcgisViewDrag = t(() => this.view, "drag"), this.arcgisViewHold = t(() => this.view, "hold"), this.arcgisViewImmediateClick = t(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = t(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = t(() => this.view, "key-down"), this.arcgisViewKeyUp = t(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = t(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = t(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = t(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = t(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = t(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = t(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = t(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = t(() => this.view, "pointer-move"), this.arcgisViewPointerUp = t(() => this.view, "pointer-up"), this.arcgisViewReadyChange = r(), this.arcgisViewVerticalTwoFingerDrag = t(() => this.view, "vertical-two-finger-drag"), C(this), this.view.ui = {
+    super(), this._attributionMode = null, this._containerRef = n(), this._mapRef = n(), this._uiController = new f(this), this._cameraProperties = {}, this.arcgisLoadError = b(this), this.arcgisViewReadyError = V(this), this._map = S(this), this.view = k(this), this.allLayerViews = this.view.allLayerViews, this.alphaCompositingEnabled = this.view.alphaCompositingEnabled, this.analyses = this.view.analyses, this.animationsDisabled = this.view.animationsEnabled, this.autoDestroyDisabled = !1, this.basemap = this._map.basemap, this.basemapView = this.view.basemapView, this.canZoomIn = this.view.canZoomIn, this.canZoomOut = this.view.canZoomOut, this.clippingArea = this.view.clippingArea, this.constraints = this.view.constraints, this.displayFilterDisabled = this.view.displayFilterEnabled, this.environment = this.view.environment, this.fatalError = this.view.fatalError, this.floors = this.view.floors, this.graphics = this.view.graphics, this.ground = this._map.ground, this.groundView = this.view.groundView, this.highlights = this.view.highlights, this.layerViews = this.view.layerViews, this.magnifier = this.view.magnifier, this.map = this.view.map, this.navigation = this.view.navigation, this.options = this.view.options, this.padding = this.view.padding, this.popup = this.view.popup, this.popupDisabled = this.view.popupEnabled, this.popupComponentEnabled = !1, this.qualityProfile = this.view.qualityProfile, this.ready = this.view.ready, this.selectionManager = this.view.selectionManager, this.focusRegionEnabled = this.view.focusRegionEnabled, this.slotGroupRefs = this._uiController.slotGroupRefs, this.spatialReference = this.view.spatialReference, this.suspended = this.view.suspended, this.theme = this.view.theme, this.timeExtent = this.view.timeExtent, this.timeZone = this.view.timeZone, this.viewingMode = this.view.viewingMode, this.arcgisViewAnalysisViewCreate = t(() => this.view, "analysis-view-create"), this.arcgisViewAnalysisViewCreateError = t(() => this.view, "analysis-view-create-error"), this.arcgisViewAnalysisViewDestroy = t(() => this.view, "analysis-view-destroy"), this.arcgisViewChange = r(), this.arcgisViewClick = t(() => this.view, "click"), this.arcgisViewDoubleClick = t(() => this.view, "double-click"), this.arcgisViewDoubleTapDrag = t(() => this.view, "double-tap-drag"), this.arcgisViewFocusRegionSelect = t(() => this.view, "focus-region-select"), this.arcgisViewDrag = t(() => this.view, "drag"), this.arcgisViewHold = t(() => this.view, "hold"), this.arcgisViewImmediateClick = t(() => this.view, "immediate-click"), this.arcgisViewImmediateDoubleClick = t(() => this.view, "immediate-double-click"), this.arcgisViewKeyDown = t(() => this.view, "key-down"), this.arcgisViewKeyUp = t(() => this.view, "key-up"), this.arcgisViewLayerviewCreate = t(() => this.view, "layerview-create"), this.arcgisViewLayerviewCreateError = t(() => this.view, "layerview-create-error"), this.arcgisViewLayerviewDestroy = t(() => this.view, "layerview-destroy"), this.arcgisViewMouseWheel = t(() => this.view, "mouse-wheel"), this.arcgisViewPointerDown = t(() => this.view, "pointer-down"), this.arcgisViewPointerEnter = t(() => this.view, "pointer-enter"), this.arcgisViewPointerLeave = t(() => this.view, "pointer-leave"), this.arcgisViewPointerMove = t(() => this.view, "pointer-move"), this.arcgisViewPointerUp = t(() => this.view, "pointer-up"), this.arcgisViewReadyChange = r(), this.arcgisViewVerticalTwoFingerDrag = t(() => this.view, "vertical-two-finger-drag"), C(this), this.view.ui = {
       components: []
     };
   }
   static {
-    this.properties = { _map: 16, aria: 0, view: 32, allLayerViews: 32, alphaCompositingEnabled: 5, analyses: 0, animationsDisabled: 5, attributionItems: 32, attributionMode: 1, autoDestroyDisabled: 5, basemap: 1, basemapView: 0, camera: 0, cameraFov: 9, cameraHeading: 9, cameraPosition: 1, cameraTilt: 9, canZoomIn: 36, canZoomOut: 36, center: 1, clippingArea: 0, constraints: 0, displayFilterDisabled: 5, environment: 0, extent: 0, fatalError: 0, floors: 0, focusAreas: 0, gamepad: 32, graphics: 0, ground: 1, groundView: 32, hideAttribution: 5, highlights: 0, interacting: 32, itemId: 3, layerViews: 32, magnifier: 32, map: 0, navigating: 32, navigation: 0, padding: 0, performanceInfo: 32, popup: 0, popupElement: 32, popupDisabled: 5, popupComponentEnabled: 5, qualityProfile: 1, ready: 36, resolution: 32, selectionManager: 32, scale: 9, slotGroupRefs: 32, spatialReference: 0, stationary: 32, suspended: 39, theme: 0, timeExtent: 0, timeZone: 1, updating: 36, viewingMode: 1, viewpoint: 0, visibleArea: 32, zoom: 9, loadErrorSources: 0 };
+    this.properties = { _map: 16, aria: 0, view: 32, allLayerViews: 32, alphaCompositingEnabled: 5, analyses: 0, animationsDisabled: 5, attributionItems: 32, attributionMode: 1, autoDestroyDisabled: 5, basemap: 1, basemapView: 0, camera: 0, cameraFov: 9, cameraHeading: 9, cameraPosition: 1, cameraTilt: 9, canZoomIn: 36, canZoomOut: 36, center: 1, clippingArea: 0, constraints: 0, displayFilterDisabled: 5, environment: 0, extent: 0, fatalError: 0, floors: 0, focusAreas: 0, gamepad: 32, graphics: 0, ground: 1, groundView: 32, hideAttribution: 5, highlights: 0, interacting: 32, itemId: 3, layerViews: 32, magnifier: 32, map: 0, navigating: 32, navigation: 0, options: 0, padding: 0, performanceInfo: 32, popup: 0, popupElement: 32, popupDisabled: 5, popupComponentEnabled: 5, qualityProfile: 1, ready: 36, resolution: 32, selectionManager: 32, focusRegionEnabled: 5, focusRegion: 32, scale: 9, slotGroupRefs: 32, spatialReference: 0, stationary: 32, suspended: 39, theme: 0, timeExtent: 0, timeZone: 1, updating: 32, viewingMode: 1, viewpoint: 0, visibleArea: 32, zoom: 9, loadErrorSources: 0 };
   }
   static {
     this.styles = [_, E];
   }
+  static {
+    this.shadowRootOptions = { mode: "open", delegatesFocus: !0 };
+  }
   get aria() {
     return this.view?.aria ?? null;
   }
@@ -46,7 +50,7 @@ class S extends d {
     return this.view.camera;
   }
   set camera(i) {
-    P(this.camera, i) || (this.view.camera = i);
+    R(this.camera, i) || (this.view.camera = i);
   }
   get cameraFov() {
     const { view: i } = this;
@@ -74,7 +78,7 @@ class S extends d {
     return e ? new v(e) : void 0;
   }
   set cameraPosition(i) {
-    const e = A(this.view.camera?.position, i);
+    const e = P(this.view.camera?.position, i);
     e && this._mutateCamera((m) => {
       m.position = e;
     });
@@ -92,9 +96,9 @@ class S extends d {
     return this.view.center;
   }
   set center(i) {
-    if (M(i, this._center))
+    if (A(i, this._center))
       return;
-    this._center = R(i);
+    this._center = M(i);
     const e = D(i, this.view);
     e && (this.view.center = e);
   }
@@ -143,6 +147,9 @@ class S extends d {
   get resolution() {
     return this.view.resolution;
   }
+  get focusRegion() {
+    return this.view.focusRegion;
+  }
   get scale() {
     return this.view.scale;
   }
@@ -152,12 +159,18 @@ class S extends d {
   get stationary() {
     return this.view.stationary;
   }
+  get updating() {
+    return this.view.updating;
+  }
   get viewpoint() {
     return this.view.viewpoint;
   }
   set viewpoint(i) {
     I(this.viewpoint, i) && (this.view.viewpoint = i);
   }
+  get visibleArea() {
+    return this.view.visibleArea;
+  }
   get zoom() {
     return this.view.zoom;
   }
@@ -180,7 +193,7 @@ class S extends d {
     return await this.view.hitTest(i, e);
   }
   async openPopup(i) {
-    this._uiController.openPopup(i);
+    await this._uiController.openPopup(i);
   }
   async takeScreenshot(i) {
     return await this.view.takeScreenshot(i);
@@ -233,13 +246,13 @@ class S extends d {
     i(e), this.camera = e;
   }
   renderMain() {
-    return a`<div class=${n(c.base)} ${h(this._mapRef)}></div>`;
+    return a`<div class=${o(c.base)} ${h(this._mapRef)}></div>`;
   }
   render() {
-    return a`${this.renderMain()}<section class=${n(c.containerUI)} ${h(this._containerRef)}>${this._uiController.render()}</section>`;
+    return a`${this.renderMain()}<section class=${o(c.containerUI)} ${h(this._containerRef)}>${this._uiController.render()}</section>`;
   }
 }
-p("arcgis-scene", S);
+p("arcgis-scene", F);
 export {
-  S as ArcgisScene
+  F as ArcgisScene
 };

package/dist/components/arcgis-search/customElement.d.ts

@@ -9,7 +9,7 @@ import type Portal from "@arcgis/core/portal/Portal.js";
 import type { SearchViewModelEvents, SearchViewModelSelectResultEvent, SearchViewModelState } from "@arcgis/core/widgets/Search/SearchViewModel.js";
 import type { ArcgisReferenceElement, IconName } from "../types.js";
 import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-import type { SuggestResult, SuggestResults, SearchResponse, SuggestResponse, SupportedSearchSource, SourcesHandler, SearchResults, SearchResult } from "@arcgis/core/widgets/Search/types.js";
+import type { SuggestResult, SuggestResults, SourcesHandler, SearchResponse, SuggestResponse, SupportedSearchSource, SearchResults, SearchResult } from "@arcgis/core/widgets/Search/types.js";
 import type { ActiveMenu } from "./types.js";
 import type { T9nMeta } from "@arcgis/lumina/controllers";
 import type { MapViewOrSceneView } from "@arcgis/core/views/MapViewOrSceneView.js";
@@ -22,7 +22,8 @@ import type { GoToOverride } from "@arcgis/core/widgets/support/types.js";
  *
  * By default, the Search component uses the ArcGIS World Geocoding Service via this URL: `https://geocode.arcgis.com/arcgis/rest/services/World/GeocodeServer`.
  * If a global apiKey is present, the Search component uses this URL: `https://geocode-api.arcgis.com/arcgis/rest/services/World/GeocodeServer`. If an apiKey
- * is present on the LocatorSearchSource, then the Search component uses the URL defined by the LocatorSearchSource.url property.
+ * is present on the LocatorSearchSource, then the Search component uses the URL defined by the LocatorSearchSource.url property. See the
+ * [Authentication and access tokens](https://developers.arcgis.com/javascript/latest/authentication/access-tokens/) guide to learn more.
  *
  * For popups, we recommend using either [popup-component-enabled](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-map/#popupComponentEnabled),
  * or adding the [arcgis-popup](https://developers.arcgis.com/javascript/latest/references/map-components/components/arcgis-popup/) to your view components as a best practice.
@@ -39,6 +40,7 @@ import type { GoToOverride } from "@arcgis/core/widgets/support/types.js";
  *
  * @see [Sample - Search component with multiple sources](https://developers.arcgis.com/javascript/latest/sample-code/search-component-multisource/)
  * @see [Sample - Search component with custom source](https://developers.arcgis.com/javascript/latest/sample-code/search-component-customsource/)
+ * @see [Authentication and access tokens](https://developers.arcgis.com/javascript/latest/authentication/access-tokens/)
  * @since 4.28
  */
 export abstract class ArcgisSearch extends LitElement {
@@ -131,7 +133,7 @@ export abstract class ArcgisSearch extends LitElement {
    */
   get defaultSources(): Collection<SupportedSearchSource>;
   /**
-   * When true, the component is visually withdrawn and cannot receive user interaction.
+   * When true, the component is visually de-emphasized and does not accept user interaction.
    *
    * @default false
    */
@@ -168,10 +170,11 @@ export abstract class ArcgisSearch extends LitElement {
   accessor icon: IconName;
   /**
    * When `true`, will not include [defaultSources](https://developers.arcgis.com/javascript/latest/references/core/widgets/Search/SearchViewModel/#defaultSources) in the Search UI.
+   * This can be a boolean value or a function that returns a collection of Search sources.
    *
    * @default false
    */
-  accessor includeDefaultSourcesDisabled: boolean | SourcesHandler;
+  accessor includeDefaultSourcesDisabled: SourcesHandler | boolean;
   /** The component's default label. */
   accessor label: string | undefined;
   /**
@@ -182,7 +185,7 @@ export abstract class ArcgisSearch extends LitElement {
    * **Note:**
    * The use of this property is only supported on secure origins.
    * To use it, switch your application to a secure origin, such as HTTPS.
-   * Note that localhost is considered "potentially secure" and can be used for easy testing in browsers that supports
+   * Note that localhost is considered "potentially secure" and can be used for easy testing in browsers that support
    * [Window.isSecureContext](https://developer.mozilla.org/docs/Web/API/isSecureContext#browser_compatibility)
    * (currently Chrome and Firefox).
    *
@@ -356,10 +359,14 @@ export abstract class ArcgisSearch extends LitElement {
    *
    * @example
    * // Default sources[] when sources is not specified
-   * [
+   * const search = document.querySelector("arcgis-search");
+   * await search.componentOnReady();
+   * // set the search sources once the component is ready
+   * search.sources = [
    *   {
    *     url: "https://geocode-api.arcgis.com/arcgis/rest/services/World/GeocodeServer",
    *     singleLineFieldName: "SingleLine",
+   *     apiKey: "YOUR_ACCESS_TOKEN",
    *     outFields: ["Addr_type"],
    *     name: "ArcGIS World Geocoding Service",
    *     placeholder: "Adresse",
@@ -370,60 +377,58 @@ export abstract class ArcgisSearch extends LitElement {
    *        width: 24,
    *        height: 24,
    *        xoffset: 0,
-   *        yoffset: 0
+   *        yoffset: 0,
    *    }
    *   }
-   * ]
+   * ];
    * @example
    * // Example of multiple sources[]
-   * let sources = [
-   * {
-   *   url: "https://geocode-api.arcgis.com/arcgis/rest/services/World/GeocodeServer",
-   *   singleLineFieldName: "SingleLine",
-   *   name: "Custom Geocoding Service",
-   *   placeholder: "Search Geocoder",
-   *   maxResults: 3,
-   *   maxSuggestions: 6,
-   *   suggestionsEnabled: false,
-   *   minSuggestCharacters: 0
-   * }, {
-   *   layer: new FeatureLayer({
-   *     url: "https://services.arcgis.com/DO4gTjwJVIJ7O9Ca/arcgis/rest/services/GeoForm_Survey_v11_live/FeatureServer/0",
-   *     outFields: ["*"]
-   *   }),
-   *   searchFields: ["Email", "URL"],
-   *   displayField: "Email",
-   *   exactMatch: false,
-   *   outFields: ["*"],
-   *   name: "Point FS",
-   *   placeholder: "example: esri",
-   *   maxResults: 6,
-   *   maxSuggestions: 6,
-   *   suggestionsEnabled: true,
-   *   minSuggestCharacters: 0
-   * },
-   * {
-   *   layer: new FeatureLayer({
-   *     outFields: ["*"]
-   *   });
-   *   placeholder: "esri",
-   *   name: "A FeatureLayer",
-   *   prefix: "",
-   *   suffix: "",
-   *   maxResults: 1,
-   *   maxSuggestions: 6,
-   *   exactMatch: false,
-   *   searchFields: [], // defaults to FeatureLayer.displayField
-   *   displayField: "", // defaults to FeatureLayer.displayField
-   *   minSuggestCharacters: 0
-   * }
+   * const search = document.querySelector("arcgis-search");
+   * await search.componentOnReady();
+   * // set the search sources once the component is ready
+   * search.sources = [
+   *   {
+   *     url: "https://geocode-api.arcgis.com/arcgis/rest/services/World/GeocodeServer",
+   *     singleLineFieldName: "SingleLine",
+   *     apiKey: "YOUR_ACCESS_TOKEN",
+   *     name: "Custom Geocoding Service",
+   *     placeholder: "Search Geocoder",
+   *     maxResults: 3,
+   *     maxSuggestions: 6,
+   *     suggestionsEnabled: false,
+   *     minSuggestCharacters: 0,
+   *   }, {
+   *     layer: new FeatureLayer({
+   *       url: "https://services.arcgis.com/DO4gTjwJVIJ7O9Ca/arcgis/rest/services/GeoForm_Survey_v11_live/FeatureServer/0",
+   *       outFields: ["*"]
+   *     }),
+   *     searchFields: ["Email", "URL"],
+   *     displayField: "Email",
+   *     exactMatch: false,
+   *     outFields: ["*"],
+   *     name: "Point FS",
+   *     placeholder: "example: Esri",
+   *     maxResults: 6,
+   *     maxSuggestions: 6,
+   *     suggestionsEnabled: true,
+   *     minSuggestCharacters: 0,
+   *   },
+   *   {
+   *     layer: new FeatureLayer({
+   *       outFields: ["*"]
+   *     }),
+   *     placeholder: "esri",
+   *     name: "A FeatureLayer",
+   *     prefix: "",
+   *     suffix: "",
+   *     maxResults: 1,
+   *     maxSuggestions: 6,
+   *     exactMatch: false,
+   *     searchFields: [],
+   *     displayField: "", // defaults to FeatureLayer.displayField
+   *     minSuggestCharacters: 0,
+   *   }
    * ];
-   * @example
-   * let sources = [{ ... }, { ... }, { ... }]; // array of sources
-   * searchViewModel.sources = sources;
-   *
-   * // Add to source(s)
-   * searchViewModel.sources.push({ ... });  // new source
    */
   accessor sources: Collection<SupportedSearchSource>;
   /**
@@ -494,7 +499,7 @@ export abstract class ArcgisSearch extends LitElement {
   suggest(query?: string): Promise<null | undefined | SuggestResponse>;
   /** Emitted when the value of a property is changed. Use this to listen to changes to properties. */
   readonly arcgisPropertyChange: import("@arcgis/lumina").TargetedEvent<this, { name: "state"; }>;
-  /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
+  /** Emitted when the component associated with a map or scene view is ready for user interaction. */
   readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
   /** Fires when a result is cleared from the input box or a new result is selected. */
   readonly arcgisSearchClear: import("@arcgis/lumina").TargetedEvent<this, SearchViewModelEvents["search-clear"]>;

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

@@ -4,15 +4,15 @@ import { css as _, html as s } from "lit";
 import { ref as v } from "lit/directives/ref.js";
 import w from "@arcgis/core/widgets/Search/SearchViewModel.js";
 import { LitElement as f, createEvent as b, renderElement as x, safeClassMap as M, nothing as S } from "@arcgis/lumina";
-import { reEmitEvent as a } from "@arcgis/lumina/controllers/accessor";
+import { reEmitEvent as a } from "@arcgis/lumina-toolkit/reEmitEvent";
 import { a as h } from "../../chunks/maybe.js";
 import { classes as y } from "@arcgis/toolkit/dom";
 import { g as C } from "../../chunks/globalCss.js";
 import { isAbortError as $ } from "@arcgis/core/core/promiseUtils.js";
 import { m as R } from "../../chunks/useViewModel.js";
-import { s as k } from "../../chunks/sr.js";
+import { s as D } from "../../chunks/sr.js";
 import { substitute as g } from "@arcgis/core/intl.js";
-import { usePropertyChange as D } from "@arcgis/lumina/controllers";
+import { usePropertyChange as k } from "@arcgis/lumina/controllers";
 import { u as E } from "../../chunks/useT9n.js";
 import { watch as u, on as T } from "@arcgis/core/core/reactiveUtils.js";
 const A = _`.esri-widget__heading{color:var(--calcite-color-text-2);margin:0 0 .5rem;font-weight:var(--calcite-font-weight-semibold)}h1.esri-widget__heading{font-size:var(--calcite-font-size-xl)}h2.esri-widget__heading{font-size:var(--calcite-font-size-md)}h3.esri-widget__heading,h4.esri-widget__heading,h5.esri-widget__heading,h6.esri-widget__heading{font-size:var(--calcite-font-size)}.esri-widget{box-sizing:border-box;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);font-size:var(--calcite-font-size);line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget *,.esri-widget :before,.esri-widget :after{box-sizing:inherit}.esri-widget.esri-widget--disabled>*{opacity:.4;pointer-events:none}.esri-widget.esri-widget--compact{--esri-widget-padding-y: 0;--esri-widget-padding-x: 0}.esri-widget__anchor{color:var(--calcite-color-text-2)}.esri-widget__anchor:hover{color:var(--calcite-color-text-3)}.esri-widget__anchor:hover,.esri-widget__anchor:focus{text-decoration:underline}.esri-widget__anchor--disabled{opacity:.4;pointer-events:none}.esri-widget__header{background-color:var(--calcite-color-foreground-1);flex:1 0 100%;justify-content:space-between;align-items:center;width:100%;min-height:48px;padding:12px 0 12px 15px;display:flex}.esri-widget__heading{word-break:break-word}.esri-widget__header .esri-widget__heading{width:calc(100% - 48px);text-align:initial;color:var(--calcite-color-text-1);align-items:center;margin:0;padding:0;display:flex}.esri-widget__header-button{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background-color:var(--calcite-color-foreground-1);border:none;flex:0 0 48px;justify-content:center;align-self:stretch;align-items:center;width:48px;padding:0;display:flex}.esri-widget__footer{background-color:var(--calcite-color-foreground-1);justify-content:center;align-items:center;width:100%;min-height:48px;display:flex}.esri-widget__footer-pagination{color:var(--calcite-color-text-2);justify-content:space-between;align-items:center;display:flex}.esri-widget__footer-pagination-previous-button,.esri-widget__footer-pagination-next-button{cursor:pointer;background-color:var(--calcite-color-foreground-1);border:0;margin:0 7px;padding:12px 15px;transition:background-color .125s ease-in-out}.esri-widget__footer-pagination-previous-button:hover,.esri-widget__footer-pagination-previous-button:focus,.esri-widget__footer-pagination-next-button:hover,.esri-widget__footer-pagination-next-button:focus{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1)}.esri-menu{visibility:hidden;z-index:1;background-clip:padding;background-color:var(--calcite-color-foreground-1);background-clip:padding-box;width:100%;max-height:0;margin:2px 0 0;padding:0;font-size:var(--calcite-font-size);line-height:var(--calcite-spacing-xl);position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 1px 2px #0000004d}.esri-menu .esri-menu__header{color:var(--calcite-color-text-inverse);background-color:var(--calcite-color-inverse);padding:6px 12px}.esri-menu__list{margin:0;padding:0;list-style:none}.esri-menu__list-item{cursor:pointer;border-top:1px solid #adadad4d;border-left:3px solid #0000;padding:.8em 1em}.esri-menu__list-item [class^=esri-icon-],.esri-menu__list-item [class*=" esri-icon-"]{padding-right:2.8px}.esri-menu__list-item:first-child{border-top:none}.esri-menu__list-item--focus,.esri-menu__list-item:hover,.esri-menu__list-item:focus{background-color:var(--calcite-color-foreground-1)}.esri-menu__list-item:active{background-color:var(--calcite-color-foreground-current)}.esri-menu__list-item--active,.esri-menu__list-item--active:hover,.esri-menu__list-item--active:focus{background-color:var(--calcite-color-foreground-1);border-left-color:var(--calcite-color-brand)}.esri-widget__table{border-collapse:collapse;color:var(--calcite-color-text-1);border:none;width:100%;line-height:var(--calcite-font-line-height-relative-tight)}.esri-widget__table tr:nth-child(odd){background-color:var(--calcite-color-transparent)}.esri-widget__table tr:nth-child(2n){background-color:var(--calcite-color-transparent-press)}.esri-widget__table tr a{color:var(--calcite-color-text-2)}.esri-widget__table tr a:hover,.esri-widget__table tr a:focus{color:var(--calcite-color-text-1)}.esri-widget__table tr td,.esri-widget__table tr th{vertical-align:top;word-break:break-word;padding:.5em .7em;font-size:var(--calcite-font-size-sm);font-weight:var(--calcite-font-weight-regular)}.esri-widget__table tr th{text-align:left;border-right:3px solid #0000000d;width:50%}.esri-widget__table tr td{width:50%}.esri-input{color:var(--calcite-color-text-1);background-color:var(--calcite-color-foreground-1);border:1px solid #959595;font-size:var(--calcite-font-size)}.esri-input::-ms-clear{display:none}.esri-input::placeholder{opacity:1;color:var(--calcite-color-text-2)}.esri-input:placeholder-shown{text-overflow:ellipsis}.esri-input[type=text],.esri-input[type=password],.esri-input[type=number]{height:32px;padding:0 .5em}calcite-combobox.esri-input{border:none}.esri-widget__content--empty{text-align:center;color:var(--calcite-color-border-input);flex-flow:column wrap;align-items:center;padding:18px 22px;display:flex}.esri-widget__content--empty h1.esri-widget__heading,.esri-widget__content--empty h2.esri-widget__heading,.esri-widget__content--empty h3.esri-widget__heading,.esri-widget__content--empty h4.esri-widget__heading,.esri-widget__content--empty h5.esri-widget__heading{font-weight:var(--calcite-font-weight-regular)}.esri-widget__content-illustration--empty{width:128px;padding:1rem 0}.esri-widget__content-icon--empty{width:32px;padding:.5rem 0}.esri-select{appearance:none;cursor:pointer;color:var(--calcite-color-text-2);background:var(--calcite-color-foreground-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-8 -8 32 32' width='32' height='32'%3E%3Cpath d='M8 11.207l-4-4V5.793l4 4 4-4v1.414z' fill='%23adadad' fillrule='nonzero'/%3E%3C/svg%3E") 100% no-repeat;border:1px solid #959595;border-radius:0;width:100%;height:32px;margin:0;padding:0 .5em;font-family:inherit;font-size:.85em;display:block}.esri-select[disabled]{cursor:auto}.esri-select::-ms-expand{display:none}.esri-disabled a,.esri-disabled [role=menu],.esri-disabled [role=checkbox],.esri-disabled [class^=esri-icon-],.esri-disabled [class*=" esri-icon-"]{color:var(--calcite-color-text-3)}.keynav-mode .esri-widget:focus,.keynav-mode .esri-widget :focus{z-index:1;outline-offset:2px;outline:2px solid #adadad}.esri-widget__loader-animation{border:.15em solid #adadad4d;border-top-color:var(--calcite-color-border-input);border-radius:100%;width:1em;height:1em;font-size:var(--calcite-font-size-md);animation:1.25s linear infinite esri-rotate;display:block;transform:translateZ(0)}:dir(rtl) .esri-widget__table th{text-align:right;border-left:3px solid #0000000d;border-right:none}:dir(rtl) .esri-select{background-position:0}:dir(rtl) .esri-menu__list-item{border-left:none;border-right:3px solid #0000}:dir(rtl) .esri-menu__list-item [class^=esri-icon-],:dir(rtl) .esri-menu__list-item [class*=" esri-icon-"]{padding-left:2px;padding-right:0}:dir(rtl) .esri-menu__list-item--active{border-right-color:var(--calcite-color-brand)}.esri-icon-font-fallback-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.esri-rotating{animation:1.25s linear infinite esri-rotate;transform:translateZ(0)}.esri-clearfix:before,.esri-clearfix:after{content:" ";display:table}.esri-clearfix:after{clear:both}.esri-interactive{cursor:pointer}.esri-invisible{visibility:hidden!important}.esri-offscreen{position:absolute;top:-999em;left:-999em}.esri-match-height{flex-direction:column;flex:auto;display:flex;overflow:hidden}.esri-hidden{display:none!important}:host{width:240px}.root{--arcgis-internal-search-width: 240px;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;width:100%}.dropdown{--calcite-color-border-1: var(--calcite-color-border-input);--calcite-dropdown-width: var(--arcgis-internal-search-width);width:31px}.dropdown calcite-button{--calcite-offset-invert-focus: 1}.autocomplete{flex:1}.container{display:flex;position:relative;flex:1 0 100%;flex-flow:row nowrap;align-items:stretch}.form{display:flex;flex:1 0;flex-flow:row nowrap;align-items:stretch;margin:0;padding:0}.submit-button{position:absolute;margin:-1px;border-width:0;padding:0;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0,0,0,0)}`, L = R(w);
@@ -24,13 +24,13 @@ class z extends f {
     super(...arguments), this.viewModel = L(this), this._currentLocationValue = "search-use-current-location", this._autocompleteEl = void 0, this._searchResultRendererEl = void 0, this._searchResultRendererContentEl = void 0, this._suggestController = void 0, this._searchController = void 0, this._lastSearchTerm = "", this._handleSelectResult = (e) => {
       const { name: t } = e.detail.result;
       this._selectedMessage = g(this.messages.resultSelected, { resultName: t });
-    }, this.messages = E({ blocking: !0 }), this._locateFailed = !1, this._showNoResults = !1, this.view = this.viewModel.view, this.goToOverride = this.viewModel.goToOverride, this.icon = "search", this.hideSourcesMenu = !1, this.activeMenu = "none", this.activeSourceIndex = this.viewModel.activeSourceIndex, this.allPlaceholder = this.viewModel.allPlaceholder, this.allSources = this.viewModel.allSources, this.autoNavigateDisabled = this.viewModel.autoNavigate, this.autoSelectDisabled = this.viewModel.autoSelect, this.defaultSources = this.viewModel.defaultSources, this.disabled = !1, this.includeDefaultSourcesDisabled = this.viewModel.includeDefaultSources, this.locationDisabled = this.viewModel.locationEnabled, this.maxResults = this.viewModel.maxResults, this.maxSuggestions = this.viewModel.maxSuggestions, this.minSuggestCharacters = this.viewModel.minSuggestCharacters, this.popupDisabled = this.viewModel.popupEnabled, this.popupTemplate = this.viewModel.popupTemplate, this.portal = this.viewModel.portal, this.resultGraphic = this.viewModel.resultGraphic, this.resultGraphicDisabled = this.viewModel.resultGraphicEnabled, this.results = this.viewModel.results, this.searchAllDisabled = this.viewModel.searchAllEnabled, this.searchTerm = this.viewModel.searchTerm, this.selectedResult = this.viewModel.selectedResult, this.sources = this.viewModel.sources, this.suggestions = this.viewModel.suggestions, this.suggestionsDisabled = this.viewModel.suggestionsEnabled, this.topLayerDisabled = !1, this.autoDestroyDisabled = !1, this.state = this.viewModel.state, this.arcgisPropertyChange = D()("state"), this.arcgisReady = b(), this.arcgisSearchClear = a(() => this.viewModel, "search-clear"), this.arcgisSearchComplete = a(() => this.viewModel, "search-complete"), this.arcgisSearchStart = a(() => this.viewModel, "search-start"), this.arcgisSelectResult = a(() => this.viewModel, "select-result"), this.arcgisSuggestComplete = a(() => this.viewModel, "suggest-complete"), this.arcgisSuggestStart = a(() => this.viewModel, "suggest-start");
+    }, this.messages = E({ blocking: !0 }), this._locateFailed = !1, this._showNoResults = !1, this.view = this.viewModel.view, this.goToOverride = this.viewModel.goToOverride, this.icon = "search", this.hideSourcesMenu = !1, this.activeMenu = "none", this.activeSourceIndex = this.viewModel.activeSourceIndex, this.allPlaceholder = this.viewModel.allPlaceholder, this.allSources = this.viewModel.allSources, this.autoNavigateDisabled = this.viewModel.autoNavigate, this.autoSelectDisabled = this.viewModel.autoSelect, this.defaultSources = this.viewModel.defaultSources, this.disabled = !1, this.locationDisabled = this.viewModel.locationEnabled, this.maxResults = this.viewModel.maxResults, this.maxSuggestions = this.viewModel.maxSuggestions, this.minSuggestCharacters = this.viewModel.minSuggestCharacters, this.popupDisabled = this.viewModel.popupEnabled, this.popupTemplate = this.viewModel.popupTemplate, this.portal = this.viewModel.portal, this.resultGraphic = this.viewModel.resultGraphic, this.resultGraphicDisabled = this.viewModel.resultGraphicEnabled, this.results = this.viewModel.results, this.searchAllDisabled = this.viewModel.searchAllEnabled, this.searchTerm = this.viewModel.searchTerm, this.selectedResult = this.viewModel.selectedResult, this.sources = this.viewModel.sources, this.suggestions = this.viewModel.suggestions, this.suggestionsDisabled = this.viewModel.suggestionsEnabled, this.topLayerDisabled = !1, this.autoDestroyDisabled = !1, this.state = this.viewModel.state, this.arcgisPropertyChange = k()("state"), this.arcgisReady = b(), this.arcgisSearchClear = a(() => this.viewModel, "search-clear"), this.arcgisSearchComplete = a(() => this.viewModel, "search-complete"), this.arcgisSearchStart = a(() => this.viewModel, "search-start"), this.arcgisSelectResult = a(() => this.viewModel, "select-result"), this.arcgisSuggestComplete = a(() => this.viewModel, "suggest-complete"), this.arcgisSuggestStart = a(() => this.viewModel, "suggest-start");
   }
   static {
     this.properties = { _selectedMessage: 16, messages: 16, _locateFailed: 16, _showNoResults: 16, _isDisabled: 16, _showCurrentLocation: 16, _effectiveActiveMenu: 16, view: 0, referenceElement: 1, goToOverride: 0, icon: 1, hideSourcesMenu: 5, activeMenu: 1, activeSource: 32, activeSourceIndex: 9, allPlaceholder: 1, allSources: 0, autoNavigateDisabled: 5, autoSelectDisabled: 5, defaultSources: 0, disabled: 5, includeDefaultSourcesDisabled: 5, locationDisabled: 5, maxResults: 9, maxSuggestions: 9, minSuggestCharacters: 9, popupDisabled: 5, popupTemplate: 0, portal: 0, resultGraphic: 0, resultGraphicDisabled: 5, results: 0, searchAllDisabled: 5, searchTerm: 1, selectedResult: 0, sources: 0, suggestions: 32, suggestionsDisabled: 5, topLayerDisabled: 5, autoDestroyDisabled: 5, messageOverrides: 0, label: 1, state: 32 };
   }
   static {
-    this.styles = [A, k];
+    this.styles = [A, D];
   }
   get _isDisabled() {
     const { state: e } = this.viewModel;
@@ -45,6 +45,13 @@ class z extends f {
   get activeSource() {
     return this.viewModel?.activeSource;
   }
+  get includeDefaultSourcesDisabled() {
+    const { includeDefaultSources: e } = this.viewModel;
+    return typeof e == "boolean" ? !e : e;
+  }
+  set includeDefaultSourcesDisabled(e) {
+    this.viewModel.includeDefaultSources = typeof e == "boolean" ? !e : e;
+  }
   clear() {
     this._locateFailed = !1, this._selectedMessage = void 0, this.viewModel.clear();
   }
@@ -101,7 +108,7 @@ class z extends f {
   }
   _closePopup(e) {
     const { referenceElement: t, view: i } = this;
-    p(t) && t.popupElement?.selectedFeature === e ? t?.closePopup() : i?.popup?.selectedFeature === e && i?.closePopup();
+    e && (p(t) && t.popupElement?.selectedFeature === e ? t?.closePopup() : i?.popup?.selectedFeature === e && i?.closePopup());
   }
   _openPopup() {
     if (p(this.referenceElement)) {

package/dist/components/arcgis-search-result-renderer/customElement.d.ts

@@ -32,7 +32,7 @@ export abstract class ArcgisSearchResultRenderer extends LitElement {
   accessor viewModel: SearchViewModel | undefined;
   /** Permanently destroy the component. */
   destroy(): Promise<void>;
-  /** Emitted when the component associated with a map or scene view is ready to be interacted with. */
+  /** Emitted when the component associated with a map or scene view is ready for user interaction. */
   readonly arcgisReady: import("@arcgis/lumina").TargetedEvent<this, void>;
   readonly "@eventTypes": {
     arcgisReady: ArcgisSearchResultRenderer["arcgisReady"]["detail"];