@arcgis/map-components 4.29.0-beta.4 → 4.29.0-beta.40

package/dist/components/arcgis-scene.js

@@ -1,14 +1,16 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { H as importConfig, P as newWebScene, Q as newViewsSceneView, i as importCoreReactiveUtils } from './index2.js';
+import { I as importConfig, i as importCoreReactiveUtils, Q as newWebScene, R as newViewsSceneView } from './index2.js';
+import { i as isNullOrEmptyString } from './component-utils.js';
 import { d as disableNavigation } from './mapping-utils.js';
 
-const arcgisSceneCss = ".arcgis-scene{padding:0;margin:0;height:100%;width:100%}";
+const sceneCss = ".arcgis-scene{padding:0;margin:0;height:100%;width:100%}";
 
-const ArcgisScene$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisScene$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisScene extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.viewReady = createEvent(this, "viewReady", 7);
+    this._watchHandles = [];
     this.apiKey = undefined;
     this.basemap = undefined;
     this.itemId = undefined;
@@ -22,9 +24,38 @@ const ArcgisScene$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   apiKeyWatcher(value) {
     this.config.apiKey = value;
   }
+  basemapWatcher(value) {
+    if (this.view?.map) {
+      this.view.map.basemap = value;
+    }
+  }
   itemIdWatcher(value, old) {
+    // NOTE: there is an issue when users set the value to undefined.
+    // https://github.com/ionic-team/stencil/issues/2814
+    // If user sets `itemid` to `undefined`, Stencil 2 will log the following warning:
+    // `The state/prop "${propName}" changed during rendering.`
+    // `This can potentially lead to infinite-loops and other bugs.`
+    //
+    // It appears consumer setting the value to null does not cause this warning.
+    // In Stencil 4, if a user sets property to undefined, will trigger change, but
+    // will not remove attribute from DOM.
+    if (value !== old) {
+      if (this.view?.map) {
+        this._updateMap();
+      }
+      else {
+        this._loadMap();
+      }
+    }
+  }
+  portalUrlWatcher(value, old) {
     if (value && value !== old) {
-      this.loadMap();
+      if (this.view?.map) {
+        this._updateMap();
+      }
+      else {
+        this._loadMap();
+      }
     }
   }
   scaleWatcher(value, old) {
@@ -47,13 +78,17 @@ const ArcgisScene$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     if (this.apiKey) {
       this.config.apiKey = this.apiKey;
     }
-    this.loadMap();
+    this._loadMap();
   }
   componentDidRender() {
     if (this.view) {
       this.view.container = this.el;
     }
   }
+  disconnectedCallback() {
+    this._clearWatchHandles();
+    this.view.destroy();
+  }
   render() {
     return h("div", { class: "arcgis-scene", ref: (el) => (this.el = el) });
   }
@@ -62,36 +97,17 @@ const ArcgisScene$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   //  Private Methods
   //
   //--------------------------------------------------------------------------
-  async loadMap() {
-    const mapParams = {};
-    if (this.itemId) {
-      mapParams.portalItem = this._createPortalItem();
-    }
-    if (this.basemap) {
-      mapParams.basemap = this.basemap;
-    }
-    const map = await newWebScene(mapParams);
-    const params = this._createViewParams();
-    const view = await newViewsSceneView({
-      map,
-      ...params
-    });
-    this.view = view;
-    this._addWatchers();
-    if (this.disableNavigation) {
-      disableNavigation(this.view);
-    }
-    this.view.when(() => {
-      this.viewReady.emit({ view: this.view });
-    });
+  _clearWatchHandles() {
+    this._watchHandles.forEach((handle) => handle.remove());
+    this._watchHandles = [];
   }
   async _addWatchers() {
     const { watch, when } = await importCoreReactiveUtils();
-    watch(() => this.view.center, (center) => {
+    this._watchHandles.push(watch(() => this.view.center, (center) => {
       const value = `${center.longitude},${center.latitude}`;
       this.center = value;
-    });
-    when(() => this.view.updating, () => {
+    }));
+    this._watchHandles.push(when(() => this.view.updating, () => {
       when(() => !this.view.updating, () => {
         if (this.zoom !== this.view.zoom) {
           this.zoom = this.view.zoom;
@@ -100,7 +116,21 @@ const ArcgisScene$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
           this.scale = this.view.scale;
         }
       }, { once: true });
-    });
+    }));
+  }
+  async _createMap() {
+    const mapParams = {};
+    if (this.itemId) {
+      mapParams.portalItem = this._createPortalItem();
+    }
+    if (this.basemap) {
+      mapParams.basemap = this.basemap;
+    }
+    else if (isNullOrEmptyString(this.itemId)) {
+      mapParams.basemap = "topo-vector";
+    }
+    const map = await newWebScene(mapParams);
+    return map;
   }
   _createPortalItem() {
     const item = {};
@@ -132,24 +162,56 @@ const ArcgisScene$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     }
     return params;
   }
-  get hostElem() { return this; }
+  async _loadMap() {
+    const map = await this._createMap();
+    const params = this._createViewParams();
+    const view = await newViewsSceneView({
+      map,
+      ...params
+    });
+    this.view = view;
+    this._addWatchers();
+    if (this.disableNavigation) {
+      disableNavigation(this.view);
+    }
+    this.view.when(() => {
+      this.viewReady.emit({ view: this.view });
+    });
+  }
+  async _updateMap() {
+    if (this.view?.map) {
+      this.view.map.destroy();
+      const map = await this._createMap();
+      this.view.map = map;
+    }
+  }
+  get _hostElement() { return this; }
   static get watchers() { return {
     "apiKey": ["apiKeyWatcher"],
+    "basemap": ["basemapWatcher"],
     "itemId": ["itemIdWatcher"],
+    "portalUrl": ["portalUrlWatcher"],
     "scale": ["scaleWatcher"],
     "zoom": ["zoomWatcher"]
   }; }
-  static get style() { return arcgisSceneCss; }
+  static get style() { return sceneCss; }
 }, [0, "arcgis-scene", {
     "apiKey": [1, "api-key"],
     "basemap": [1025],
-    "itemId": [1, "item-id"],
+    "itemId": [1537, "item-id"],
     "portalUrl": [1, "portal-url"],
     "scale": [1538],
     "zoom": [1538],
     "center": [1537],
     "view": [1040],
     "disableNavigation": [4, "disable-navigation"]
+  }, undefined, {
+    "apiKey": ["apiKeyWatcher"],
+    "basemap": ["basemapWatcher"],
+    "itemId": ["itemIdWatcher"],
+    "portalUrl": ["portalUrlWatcher"],
+    "scale": ["scaleWatcher"],
+    "zoom": ["zoomWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -170,3 +232,5 @@ const ArcgisScene = ArcgisScene$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisScene, defineCustomElement };
+
+//# sourceMappingURL=arcgis-scene.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-scene.js","mappings":"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","names":["ArcgisScene"],"sources":["src/components/scene/scene.css?tag=arcgis-scene","src/components/scene/scene.tsx"],"sourcesContent":[".arcgis-scene {\n  padding: 0;\n  margin: 0;\n  height: 100%;\n  width: 100%;\n}\n","import { Component, Element, Event, EventEmitter, h, Prop, VNode, Watch } from \"@stencil/core\";\n\n// arcgis imports\nimport { importConfig, importCoreReactiveUtils, newViewsSceneView, newWebScene } from \"@arcgis/core-adapter\";\nimport { isNullOrEmptyString, ViewElement } from \"../../utils/component-utils\";\nimport { disableNavigation } from \"../../utils/mapping-utils\";\nimport { ArcGISSceneView } from \"../types\";\n\n@Component({\n  tag: \"arcgis-scene\",\n  styleUrl: \"scene.css\",\n  shadow: false\n})\nexport class ArcgisScene implements ViewElement {\n  //--------------------------------------------------------------------------\n  //\n  //  Elements\n  //\n  //--------------------------------------------------------------------------\n\n  el: HTMLDivElement;\n\n  @Element() _hostElement: HTMLArcgisSceneElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Prop() apiKey: string;\n\n  @Watch(\"apiKey\")\n  apiKeyWatcher(value: string): void {\n    this.config.apiKey = value;\n  }\n\n  @Prop({ mutable: true }) basemap: string;\n\n  @Watch(\"basemap\")\n  basemapWatcher(value: string): void {\n    if (this.view?.map) {\n      this.view.map.basemap = value as any;\n    }\n  }\n\n  @Prop({ mutable: true, reflect: true }) itemId: string;\n\n  @Watch(\"itemId\")\n  itemIdWatcher(value: string, old: string): void {\n    // NOTE: there is an issue when users set the value to undefined.\n    // https://github.com/ionic-team/stencil/issues/2814\n    // If user sets `itemid` to `undefined`, Stencil 2 will log the following warning:\n    // `The state/prop \"${propName}\" changed during rendering.`\n    // `This can potentially lead to infinite-loops and other bugs.`\n    //\n    // It appears consumer setting the value to null does not cause this warning.\n    // In Stencil 4, if a user sets property to undefined, will trigger change, but\n    // will not remove attribute from DOM.\n    if (value !== old) {\n      if (this.view?.map) {\n        this._updateMap();\n      } else {\n        this._loadMap();\n      }\n    }\n  }\n\n  @Prop() portalUrl: string;\n\n  @Watch(\"portalUrl\")\n  portalUrlWatcher(value: string, old: string): void {\n    if (value && value !== old) {\n      if (this.view?.map) {\n        this._updateMap();\n      } else {\n        this._loadMap();\n      }\n    }\n  }\n\n  @Prop({ mutable: true, reflect: true }) scale: number;\n\n  @Watch(\"scale\")\n  scaleWatcher(value: number, old: number): void {\n    if (value != null && value !== old) {\n      this.view.scale = value;\n    }\n  }\n\n  @Prop({ mutable: true, reflect: true }) zoom: number;\n\n  @Watch(\"zoom\")\n  zoomWatcher(value: number, old: number): void {\n    if (value != null && value !== old) {\n      this.view.zoom = value;\n    }\n  }\n\n  @Prop({ mutable: true, reflect: true }) center: number[] | string;\n\n  @Prop({ mutable: true }) view: ArcGISSceneView;\n\n  @Prop() disableNavigation = false;\n\n  config: __esri.config;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) viewReady: EventEmitter<{ view: __esri.SceneView }>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentWillLoad(): Promise<void> {\n    this.config = await importConfig();\n    if (this.apiKey) {\n      this.config.apiKey = this.apiKey;\n    }\n\n    this._loadMap();\n  }\n\n  componentDidRender(): void {\n    if (this.view) {\n      this.view.container = this.el;\n    }\n  }\n\n  disconnectedCallback(): void {\n    this._clearWatchHandles();\n    this.view.destroy();\n  }\n\n  render(): VNode {\n    return <div class=\"arcgis-scene\" ref={(el) => (this.el = el!)}></div>;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private _clearWatchHandles(): void {\n    this._watchHandles.forEach((handle) => handle.remove());\n    this._watchHandles = [];\n  }\n\n  private async _addWatchers() {\n    const { watch, when } = await importCoreReactiveUtils();\n\n    this._watchHandles.push(\n      watch(\n        () => this.view.center,\n        (center) => {\n          const value = `${center.longitude},${center.latitude}`;\n          this.center = value;\n        }\n      )\n    );\n\n    this._watchHandles.push(\n      when(\n        () => this.view.updating,\n        () => {\n          when(\n            () => !this.view.updating,\n            () => {\n              if (this.zoom !== this.view.zoom) {\n                this.zoom = this.view.zoom;\n              }\n              if (this.scale !== this.view.scale) {\n                this.scale = this.view.scale;\n              }\n            },\n            { once: true }\n          );\n        }\n      )\n    );\n  }\n\n  private async _createMap(): Promise<__esri.WebScene> {\n    const mapParams: Partial<__esri.WebScene> = {};\n\n    if (this.itemId) {\n      mapParams.portalItem = this._createPortalItem() as any;\n    }\n\n    if (this.basemap) {\n      mapParams.basemap = this.basemap as any;\n    } else if (isNullOrEmptyString(this.itemId)) {\n      mapParams.basemap = \"topo-vector\" as any;\n    }\n\n    const map = await newWebScene(mapParams);\n    return map;\n  }\n\n  private _createPortalItem(): Partial<__esri.PortalItemProperties> {\n    const item: Partial<__esri.PortalItemProperties> = {};\n\n    if (this.itemId) {\n      item.id = this.itemId;\n    }\n    if (this.portalUrl) {\n      item.portal = {\n        url: this.portalUrl\n      } as Partial<__esri.PortalProperties>;\n    }\n\n    return item;\n  }\n\n  private _createViewParams(): Partial<__esri.SceneViewProperties> {\n    const params: Partial<__esri.SceneViewProperties> = {};\n\n    if (this.zoom !== undefined) {\n      params.zoom = this.zoom;\n    }\n\n    if (this.scale !== undefined) {\n      params.scale = this.scale;\n    }\n\n    if (this.center) {\n      if (typeof this.center === \"string\") {\n        params.center = this.center.split(\",\").map((x) => Number(x));\n      } else {\n        params.center = this.center;\n      }\n    }\n\n    return params;\n  }\n\n  private async _loadMap(): Promise<void> {\n    const map = await this._createMap();\n\n    const params = this._createViewParams();\n\n    const view = await newViewsSceneView({\n      map,\n      ...params\n    });\n\n    this.view = view;\n\n    this._addWatchers();\n\n    if (this.disableNavigation) {\n      disableNavigation(this.view);\n    }\n\n    this.view.when(() => {\n      this.viewReady.emit({ view: this.view });\n    });\n  }\n\n  private async _updateMap(): Promise<void> {\n    if (this.view?.map) {\n      this.view.map.destroy();\n      const map = await this._createMap();\n      this.view.map = map;\n    }\n  }\n}\n"],"version":3}

package/dist/components/arcgis-search.js

@@ -1,11 +1,12 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { R as newWidgetsSearch, i as importCoreReactiveUtils } from './index2.js';
-import { r as referenceElementHelper, c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
-import { d as defineCustomElement$2 } from './arcgis-expand2.js';
+import { S as newWidgetsSearch, i as importCoreReactiveUtils } from './index2.js';
+import { r as referenceElementHelper, c as checkForView, a as addHandles } from './component-utils.js';
+import { o as onDisconnectedHelper } from './disconnected.js';
+import { d as defineCustomElement$2 } from './expand.js';
 
-const arcgisSearchCss = "";
+const searchCss = "";
 
-const ArcgisSearch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisSearch$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisSearch extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
@@ -18,6 +19,7 @@ const ArcgisSearch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this.selectResult = createEvent(this, "selectResult", 7);
     this.suggestComplete = createEvent(this, "suggestComplete", 7);
     this.suggestStart = createEvent(this, "suggestStart", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.activeMenu = undefined;
     this.activeSource = undefined;
@@ -48,17 +50,8 @@ const ArcgisSearch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this.view = undefined;
     this.widget = undefined;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  positionWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
-    }
+  referenceElementWatcher(newValue) {
+    referenceElementHelper(this, newValue);
   }
   activeMenuWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
@@ -71,7 +64,7 @@ const ArcgisSearch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     }
   }
   allPlaceholderWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.allPlaceholder = newValue;
     }
   }
@@ -111,12 +104,12 @@ const ArcgisSearch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     }
   }
   popupTemplateWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.popupTemplate = newValue;
     }
   }
   portalWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.portal = newValue;
     }
   }
@@ -131,12 +124,12 @@ const ArcgisSearch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     }
   }
   searchTermWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.searchTerm = newValue;
     }
   }
   sourcesWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
+    if (this.widget) {
       this.widget.sources = newValue;
     }
   }
@@ -145,8 +138,10 @@ const ArcgisSearch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
       this.widget.suggestionsEnabled = newValue;
     }
   }
-  referenceElementWatcher(newValue) {
-    referenceElementHelper(this, newValue);
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.view.ui.move(this.childElem, newValue);
+    }
   }
   viewWatcher(newValue) {
     if (newValue !== undefined && this.widget) {
@@ -203,32 +198,80 @@ const ArcgisSearch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
   //--------------------------------------------------------------------------
   async _addWatchers() {
     const { watch } = await importCoreReactiveUtils();
-    watch(() => this.widget.activeSource, (value) => (this.activeSource = value), {
+    addHandles(this, watch(() => this.widget.activeSource, (value) => (this.activeSource = value), {
       initial: true
-    });
-    watch(() => this.widget.activeSourceIndex, (value) => (this.activeSourceIndex = value), {
+    }));
+    addHandles(this, watch(() => this.widget.activeSourceIndex, (value) => (this.activeSourceIndex = value), {
       initial: true
-    });
-    watch(() => this.widget.allSources, (value) => (this.allSources = value), {
+    }));
+    addHandles(this, watch(() => this.widget.allSources, (value) => (this.allSources = value), {
       initial: true
-    });
-    watch(() => this.widget.defaultSources, (value) => (this.defaultSources = value), {
+    }));
+    addHandles(this, watch(() => this.widget.defaultSources, (value) => (this.defaultSources = value), {
       initial: true
-    });
-    watch(() => this.widget.resultGraphic, (value) => (this.resultGraphic = value), {
+    }));
+    addHandles(this, watch(() => this.widget.resultGraphic, (value) => (this.resultGraphic = value), {
       initial: true
-    });
-    watch(() => this.widget.results, (value) => (this.results = value), {
+    }));
+    addHandles(this, watch(() => this.widget.results, (value) => (this.results = value), {
       initial: true
-    });
-    watch(() => this.widget.selectedResult, (value) => (this.selectedResult = value), {
+    }));
+    addHandles(this, watch(() => this.widget.selectedResult, (value) => (this.selectedResult = value), {
       initial: true
-    });
+    }));
+    addHandles(this, watch(() => this.widget.suggestions, (value) => (this.suggestions = value), {
+      initial: true
+    }));
   }
   _createParams() {
     const params = {
       container: this.childElem
     };
+    if (this.allPlaceholder) {
+      params.allPlaceholder = this.allPlaceholder;
+    }
+    if (this.autoSelect !== undefined) {
+      params.autoSelect = this.autoSelect;
+    }
+    if (this.includeDefaultSources !== undefined) {
+      params.includeDefaultSources = this.includeDefaultSources;
+    }
+    if (this.locationEnabled !== undefined) {
+      params.locationEnabled = this.locationEnabled;
+    }
+    if (this.maxResults !== undefined) {
+      params.maxResults = this.maxResults;
+    }
+    if (this.maxSuggestions !== undefined) {
+      params.maxSuggestions = this.maxSuggestions;
+    }
+    if (this.minSuggestCharacters !== undefined) {
+      params.minSuggestCharacters = this.minSuggestCharacters;
+    }
+    if (this.popupEnabled !== undefined) {
+      params.popupEnabled = this.popupEnabled;
+    }
+    if (this.popupTemplate) {
+      params.popupTemplate = this.popupTemplate;
+    }
+    if (this.portal) {
+      params.portal = this.portal;
+    }
+    if (this.resultGraphicEnabled !== undefined) {
+      params.resultGraphicEnabled = this.resultGraphicEnabled;
+    }
+    if (this.searchAllEnabled !== undefined) {
+      params.searchAllEnabled = this.searchAllEnabled;
+    }
+    if (this.searchTerm) {
+      params.searchTerm = this.searchTerm;
+    }
+    if (this.sources) {
+      params.sources = this.sources;
+    }
+    if (this.suggestionsEnabled !== undefined) {
+      params.suggestionsEnabled = this.suggestionsEnabled;
+    }
     if (this.view) {
       params.view = this.view;
     }
@@ -246,7 +289,7 @@ const ArcgisSearch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
   }
   get el() { return this; }
   static get watchers() { return {
-    "position": ["positionWatcher"],
+    "referenceElement": ["referenceElementWatcher"],
     "activeMenu": ["activeMenuWatcher"],
     "activeSourceIndex": ["activeSourceIndexWatcher"],
     "allPlaceholder": ["allPlaceholderWatcher"],
@@ -264,10 +307,10 @@ const ArcgisSearch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     "searchTerm": ["searchTermWatcher"],
     "sources": ["sourcesWatcher"],
     "suggestionsEnabled": ["suggestionsEnabledWatcher"],
-    "referenceElement": ["referenceElementWatcher"],
+    "position": ["positionWatcher"],
     "view": ["viewWatcher"]
   }; }
-  static get style() { return arcgisSearchCss; }
+  static get style() { return searchCss; }
 }, [0, "arcgis-search", {
     "referenceElement": [1, "reference-element"],
     "activeMenu": [1, "active-menu"],
@@ -292,7 +335,7 @@ const ArcgisSearch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     "searchTerm": [1, "search-term"],
     "selectedResult": [1040],
     "sources": [16],
-    "suggestions": [16],
+    "suggestions": [1040],
     "suggestionsEnabled": [4, "suggestions-enabled"],
     "position": [1],
     "expandable": [4],
@@ -303,6 +346,27 @@ const ArcgisSearch$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     "focusSearch": [64],
     "search": [64],
     "suggest": [64]
+  }, undefined, {
+    "referenceElement": ["referenceElementWatcher"],
+    "activeMenu": ["activeMenuWatcher"],
+    "activeSourceIndex": ["activeSourceIndexWatcher"],
+    "allPlaceholder": ["allPlaceholderWatcher"],
+    "autoSelect": ["autoSelectWatcher"],
+    "includeDefaultSources": ["includeDefaultSourcesWatcher"],
+    "locationEnabled": ["locationEnabledWatcher"],
+    "maxResults": ["maxResultsWatcher"],
+    "maxSuggestions": ["maxSuggestionsWatcher"],
+    "minSuggestCharacters": ["minSuggestCharactersWatcher"],
+    "popupEnabled": ["popupEnabledWatcher"],
+    "popupTemplate": ["popupTemplateWatcher"],
+    "portal": ["portalWatcher"],
+    "resultGraphicEnabled": ["resultGraphicEnabledWatcher"],
+    "searchAllEnabled": ["searchAllEnabledWatcher"],
+    "searchTerm": ["searchTermWatcher"],
+    "sources": ["sourcesWatcher"],
+    "suggestionsEnabled": ["suggestionsEnabledWatcher"],
+    "position": ["positionWatcher"],
+    "view": ["viewWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -328,3 +392,5 @@ const ArcgisSearch = ArcgisSearch$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisSearch, defineCustomElement };
+
+//# sourceMappingURL=arcgis-search.js.map

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

@@ -0,0 +1 @@
+{"file":"arcgis-search.js","mappings":"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","names":["ArcgisSearch"],"sources":["src/components/search/search.css?tag=arcgis-search","src/components/search/search.tsx"],"sourcesContent":["","import { Component, Element, Event, EventEmitter, Method, Prop, VNode, Watch, h } from \"@stencil/core\";\n\n// arcgis imports\nimport { importCoreReactiveUtils, newWidgetsSearch } from \"@arcgis/core-adapter\";\nimport type Search from \"@arcgis/core/widgets/Search\";\nimport { ArcgisReferenceElement, addHandles, checkForView, referenceElementHelper } from \"../../utils/component-utils\";\nimport { onDisconnectedHelper } from \"../../utils/disconnected\";\nimport { ExpandableComponent } from \"../../utils/expandable\";\nimport { ArcGISMapView, ArcGISSceneView } from \"../types\";\n\nexport type SearchWidget = InstanceType<typeof Search>;\n\n@Component({\n  tag: \"arcgis-search\",\n  styleUrl: \"search.css\",\n  shadow: false\n})\nexport class ArcgisSearch implements ExpandableComponent {\n  @Element() el: HTMLDivElement;\n\n  childElem: HTMLDivElement;\n\n  expandElem: HTMLArcgisExpandElement;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Properties\n  //\n  //--------------------------------------------------------------------------\n\n  @Prop() referenceElement: ArcgisReferenceElement | string;\n\n  @Watch(\"referenceElement\")\n  referenceElementWatcher(newValue: ArcgisReferenceElement | string): void {\n    referenceElementHelper(this, newValue);\n  }\n\n  @Prop() activeMenu: SearchWidget[\"activeMenu\"];\n\n  @Watch(\"activeMenu\")\n  activeMenuWatcher(newValue: SearchWidget[\"activeMenu\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.activeMenu = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) activeSource: SearchWidget[\"activeSource\"];\n\n  @Prop({ mutable: true }) activeSourceIndex: SearchWidget[\"activeSourceIndex\"];\n\n  @Watch(\"activeSourceIndex\")\n  activeSourceIndexWatcher(newValue: SearchWidget[\"activeSourceIndex\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.activeSourceIndex = newValue;\n    }\n  }\n\n  @Prop() allPlaceholder: SearchWidget[\"allPlaceholder\"];\n\n  @Watch(\"allPlaceholder\")\n  allPlaceholderWatcher(newValue: SearchWidget[\"allPlaceholder\"]): void {\n    if (this.widget) {\n      this.widget.allPlaceholder = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) allSources: SearchWidget[\"allSources\"];\n\n  @Prop() autoSelect: SearchWidget[\"autoSelect\"];\n\n  @Watch(\"autoSelect\")\n  autoSelectWatcher(newValue: SearchWidget[\"autoSelect\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.autoSelect = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) defaultSources: SearchWidget[\"defaultSources\"];\n\n  @Prop() includeDefaultSources: SearchWidget[\"includeDefaultSources\"];\n\n  @Watch(\"includeDefaultSources\")\n  includeDefaultSourcesWatcher(newValue: SearchWidget[\"includeDefaultSources\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.includeDefaultSources = newValue;\n    }\n  }\n\n  @Prop() locationEnabled: SearchWidget[\"locationEnabled\"];\n\n  @Watch(\"locationEnabled\")\n  locationEnabledWatcher(newValue: SearchWidget[\"locationEnabled\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.locationEnabled = newValue;\n    }\n  }\n\n  @Prop() maxResults: SearchWidget[\"maxResults\"];\n\n  @Watch(\"maxResults\")\n  maxResultsWatcher(newValue: SearchWidget[\"maxResults\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.maxResults = newValue;\n    }\n  }\n\n  @Prop() maxSuggestions: SearchWidget[\"maxSuggestions\"];\n\n  @Watch(\"maxSuggestions\")\n  maxSuggestionsWatcher(newValue: SearchWidget[\"maxSuggestions\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.maxSuggestions = newValue;\n    }\n  }\n\n  @Prop() minSuggestCharacters: SearchWidget[\"minSuggestCharacters\"];\n\n  @Watch(\"minSuggestCharacters\")\n  minSuggestCharactersWatcher(newValue: SearchWidget[\"minSuggestCharacters\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.minSuggestCharacters = newValue;\n    }\n  }\n\n  @Prop() popupEnabled: SearchWidget[\"popupEnabled\"];\n\n  @Watch(\"popupEnabled\")\n  popupEnabledWatcher(newValue: SearchWidget[\"popupEnabled\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.popupEnabled = newValue;\n    }\n  }\n\n  @Prop() popupTemplate: SearchWidget[\"popupTemplate\"];\n\n  @Watch(\"popupTemplate\")\n  popupTemplateWatcher(newValue: SearchWidget[\"popupTemplate\"]): void {\n    if (this.widget) {\n      this.widget.popupTemplate = newValue;\n    }\n  }\n\n  @Prop() portal: SearchWidget[\"portal\"];\n\n  @Watch(\"portal\")\n  portalWatcher(newValue: SearchWidget[\"portal\"]): void {\n    if (this.widget) {\n      this.widget.portal = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) resultGraphic: SearchWidget[\"resultGraphic\"];\n\n  @Prop() resultGraphicEnabled: SearchWidget[\"resultGraphicEnabled\"];\n\n  @Watch(\"resultGraphicEnabled\")\n  resultGraphicEnabledWatcher(newValue: SearchWidget[\"resultGraphicEnabled\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.resultGraphicEnabled = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) results: SearchWidget[\"results\"];\n\n  @Prop() searchAllEnabled: SearchWidget[\"searchAllEnabled\"];\n\n  @Watch(\"searchAllEnabled\")\n  searchAllEnabledWatcher(newValue: SearchWidget[\"searchAllEnabled\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.searchAllEnabled = newValue;\n    }\n  }\n\n  @Prop() searchTerm: SearchWidget[\"searchTerm\"];\n\n  @Watch(\"searchTerm\")\n  searchTermWatcher(newValue: SearchWidget[\"searchTerm\"]): void {\n    if (this.widget) {\n      this.widget.searchTerm = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) selectedResult: SearchWidget[\"selectedResult\"];\n\n  @Prop() sources: SearchWidget[\"sources\"];\n\n  @Watch(\"sources\")\n  sourcesWatcher(newValue: SearchWidget[\"sources\"]): void {\n    if (this.widget) {\n      this.widget.sources = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) suggestions: SearchWidget[\"suggestions\"];\n\n  @Prop() suggestionsEnabled: SearchWidget[\"suggestionsEnabled\"];\n\n  @Watch(\"suggestionsEnabled\")\n  suggestionsEnabledWatcher(newValue: SearchWidget[\"suggestionsEnabled\"]): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.suggestionsEnabled = newValue;\n    }\n  }\n\n  @Prop() position = \"top-right\";\n\n  @Watch(\"position\")\n  positionWatcher(newValue: string): void {\n    if (newValue !== undefined && this.widget) {\n      this.view.ui.move(this.childElem, newValue);\n    }\n  }\n\n  @Prop() expandable = false;\n\n  @Prop({ mutable: true }) view: ArcGISMapView | ArcGISSceneView;\n\n  @Watch(\"view\")\n  viewWatcher(newValue: ArcGISMapView | ArcGISSceneView): void {\n    if (newValue !== undefined && this.widget) {\n      this.widget.view = newValue;\n    }\n  }\n\n  @Prop({ mutable: true }) widget: SearchWidget;\n\n  _watchHandles: __esri.WatchHandle[] = [];\n\n  //--------------------------------------------------------------------------\n  //\n  //  Events\n  //\n  //--------------------------------------------------------------------------\n\n  @Event({ cancelable: true }) widgetReady: EventEmitter<{ widget: __esri.Search }>;\n\n  @Event({ cancelable: true }) searchBlur: EventEmitter<__esri.SearchSearchBlurEvent>;\n  @Event({ cancelable: true }) searchClear: EventEmitter<__esri.SearchSearchClearEvent>;\n  @Event({ cancelable: true }) searchComplete: EventEmitter<__esri.SearchSearchCompleteEvent>;\n  @Event({ cancelable: true }) searchFocus: EventEmitter<__esri.SearchSearchFocusEvent>;\n  @Event({ cancelable: true }) searchStart: EventEmitter<__esri.SearchSearchStartEvent>;\n  @Event({ cancelable: true }) selectResult: EventEmitter<__esri.SearchSelectResultEvent>;\n  @Event({ cancelable: true }) suggestComplete: EventEmitter<__esri.SearchSuggestCompleteEvent>;\n  @Event({ cancelable: true }) suggestStart: EventEmitter<__esri.SearchSuggestStartEvent>;\n\n  //--------------------------------------------------------------------------\n  //\n  //  Methods\n  //\n  //--------------------------------------------------------------------------\n\n  @Method()\n  async blurSearch(): Promise<void> {\n    return this.widget?.blur();\n  }\n\n  @Method()\n  async clearSearch(): Promise<void> {\n    return this.widget?.clear();\n  }\n\n  @Method()\n  async focusSearch(): Promise<void> {\n    return this.widget?.focus();\n  }\n\n  @Method()\n  async search(term: string | __esri.Geometry | __esri.SuggestResult | number[][]): Promise<__esri.SearchResponse> {\n    return this.widget?.search(term);\n  }\n\n  @Method()\n  async suggest(term: string): Promise<__esri.SuggestResponse> {\n    return this.widget?.suggest(term);\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Lifecycle\n  //\n  //--------------------------------------------------------------------------\n\n  async componentDidLoad(): Promise<void> {\n    const params = this._createParams();\n\n    const widget = await newWidgetsSearch(params);\n\n    this.widget = widget as any as SearchWidget;\n\n    await this._addWatchers();\n\n    this._proxyEvents();\n\n    this.widgetReady.emit({ widget: this.widget as any });\n\n    checkForView(this);\n  }\n\n  disconnectedCallback(): void {\n    onDisconnectedHelper(this);\n  }\n\n  render(): VNode {\n    if (this.expandable) {\n      return (\n        <arcgis-expand position={this.position} ref={(el) => (this.expandElem = el as HTMLArcgisExpandElement)}>\n          <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>\n        </arcgis-expand>\n      );\n    }\n    return <div ref={(el) => (this.childElem = el as HTMLDivElement)}></div>;\n  }\n\n  //--------------------------------------------------------------------------\n  //\n  //  Private Interal Methods\n  //\n  //--------------------------------------------------------------------------\n\n  private async _addWatchers() {\n    const { watch } = await importCoreReactiveUtils();\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.activeSource,\n        (value) => (this.activeSource = value),\n        {\n          initial: true\n        }\n      )\n    );\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.activeSourceIndex,\n        (value) => (this.activeSourceIndex = value),\n        {\n          initial: true\n        }\n      )\n    );\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.allSources,\n        (value) => (this.allSources = value),\n        {\n          initial: true\n        }\n      )\n    );\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.defaultSources,\n        (value) => (this.defaultSources = value),\n        {\n          initial: true\n        }\n      )\n    );\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.resultGraphic,\n        (value) => (this.resultGraphic = value),\n        {\n          initial: true\n        }\n      )\n    );\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.results,\n        (value) => (this.results = value),\n        {\n          initial: true\n        }\n      )\n    );\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.selectedResult,\n        (value) => (this.selectedResult = value),\n        {\n          initial: true\n        }\n      )\n    );\n\n    addHandles(\n      this,\n      watch(\n        () => this.widget.suggestions,\n        (value) => (this.suggestions = value),\n        {\n          initial: true\n        }\n      )\n    );\n  }\n\n  private _createParams(): Partial<InstanceType<typeof Search>> {\n    const params: any = {\n      container: this.childElem\n    };\n\n    if (this.allPlaceholder) {\n      params.allPlaceholder = this.allPlaceholder;\n    }\n\n    if (this.autoSelect !== undefined) {\n      params.autoSelect = this.autoSelect;\n    }\n\n    if (this.includeDefaultSources !== undefined) {\n      params.includeDefaultSources = this.includeDefaultSources;\n    }\n\n    if (this.locationEnabled !== undefined) {\n      params.locationEnabled = this.locationEnabled;\n    }\n\n    if (this.maxResults !== undefined) {\n      params.maxResults = this.maxResults;\n    }\n\n    if (this.maxSuggestions !== undefined) {\n      params.maxSuggestions = this.maxSuggestions;\n    }\n\n    if (this.minSuggestCharacters !== undefined) {\n      params.minSuggestCharacters = this.minSuggestCharacters;\n    }\n\n    if (this.popupEnabled !== undefined) {\n      params.popupEnabled = this.popupEnabled;\n    }\n\n    if (this.popupTemplate) {\n      params.popupTemplate = this.popupTemplate;\n    }\n\n    if (this.portal) {\n      params.portal = this.portal;\n    }\n\n    if (this.resultGraphicEnabled !== undefined) {\n      params.resultGraphicEnabled = this.resultGraphicEnabled;\n    }\n\n    if (this.searchAllEnabled !== undefined) {\n      params.searchAllEnabled = this.searchAllEnabled;\n    }\n\n    if (this.searchTerm) {\n      params.searchTerm = this.searchTerm;\n    }\n\n    if (this.sources) {\n      params.sources = this.sources;\n    }\n\n    if (this.suggestionsEnabled !== undefined) {\n      params.suggestionsEnabled = this.suggestionsEnabled;\n    }\n\n    if (this.view) {\n      params.view = this.view;\n    }\n\n    return params;\n  }\n\n  private _proxyEvents() {\n    this.widget.on(\"search-blur\", (e) => this.searchBlur.emit(e));\n    this.widget.on(\"search-clear\", (e) => this.searchClear.emit(e));\n    this.widget.on(\"search-complete\", (e) => this.searchComplete.emit(e));\n    this.widget.on(\"search-focus\", (e) => this.searchFocus.emit(e));\n    this.widget.on(\"search-start\", (e) => this.searchStart.emit(e));\n    this.widget.on(\"select-result\", (e) => this.selectResult.emit(e));\n    this.widget.on(\"suggest-complete\", (e) => this.suggestComplete.emit(e));\n    this.widget.on(\"suggest-start\", (e) => this.suggestStart.emit(e));\n  }\n}\n"],"version":3}

package/dist/components/arcgis-shadow-cast.js

@@ -1,40 +1,23 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { S as newWidgetsShadowCast } from './index2.js';
-import { r as referenceElementHelper, c as checkForView, o as onDisconnectedHelper } from './disconnected.js';
-import { d as defineCustomElement$2 } from './arcgis-expand2.js';
+import { T as newWidgetsShadowCast } from './index2.js';
+import { r as referenceElementHelper, c as checkForView } from './component-utils.js';
+import { o as onDisconnectedHelper } from './disconnected.js';
+import { d as defineCustomElement$2 } from './expand.js';
 
-const arcgisShadowCastCss = "arcgis-shadow-cast{}";
+const shadowCastCss = "arcgis-shadow-cast{}";
 
-const ArcgisShadowCast$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+const ArcgisShadowCast$1 = /*@__PURE__*/ proxyCustomElement(class ArcgisShadowCast extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.widgetReady = createEvent(this, "widgetReady", 7);
+    this._watchHandles = [];
     this.referenceElement = undefined;
     this.view = undefined;
+    this.visibleElements = undefined;
     this.position = "bottom-left";
     this.expandable = false;
     this.widget = undefined;
-    this.headingLevel = undefined;
-  }
-  //--------------------------------------------------------------------------
-  //
-  //  Watchers
-  //
-  //--------------------------------------------------------------------------
-  positionWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      if (typeof this.view !== "string") {
-        this.view.ui.move(this.childElem, newValue);
-      }
-    }
-  }
-  headingLevelWatcher(newValue) {
-    if (newValue !== undefined && this.widget) {
-      if (this.widget.headingLevel !== newValue) {
-        this.widget.headingLevel = newValue;
-      }
-    }
   }
   referenceElementWatcher(newValue) {
     referenceElementHelper(this, newValue);
@@ -44,6 +27,16 @@ const ArcgisShadowCast$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
       this.widget.view = newValue;
     }
   }
+  visibleElementsWatcher(value) {
+    if (this.widget) {
+      this.widget.visibleElements = value;
+    }
+  }
+  positionWatcher(newValue) {
+    if (newValue !== undefined && this.widget) {
+      this.view.ui.move(this.childElem, newValue);
+    }
+  }
   //--------------------------------------------------------------------------
   //
   //  Lifecycle
@@ -74,6 +67,9 @@ const ArcgisShadowCast$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     const params = {
       container: this.childElem
     };
+    if (this.visibleElements) {
+      params.visibleElements = this.visibleElements;
+    }
     if (this.view) {
       params.view = this.view;
     }
@@ -81,19 +77,24 @@ const ArcgisShadowCast$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
   }
   get el() { return this; }
   static get watchers() { return {
-    "position": ["positionWatcher"],
-    "headingLevel": ["headingLevelWatcher"],
     "referenceElement": ["referenceElementWatcher"],
-    "view": ["viewWatcher"]
+    "view": ["viewWatcher"],
+    "visibleElements": ["visibleElementsWatcher"],
+    "position": ["positionWatcher"]
   }; }
-  static get style() { return arcgisShadowCastCss; }
+  static get style() { return shadowCastCss; }
 }, [0, "arcgis-shadow-cast", {
     "referenceElement": [1, "reference-element"],
     "view": [1040],
+    "visibleElements": [16],
     "position": [1],
     "expandable": [4],
-    "widget": [1040],
-    "headingLevel": [2, "heading-level"]
+    "widget": [1040]
+  }, undefined, {
+    "referenceElement": ["referenceElementWatcher"],
+    "view": ["viewWatcher"],
+    "visibleElements": ["visibleElementsWatcher"],
+    "position": ["positionWatcher"]
   }]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -119,3 +120,5 @@ const ArcgisShadowCast = ArcgisShadowCast$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { ArcgisShadowCast, defineCustomElement };
+
+//# sourceMappingURL=arcgis-shadow-cast.js.map