@esri/solutions-components 0.6.6 → 0.6.8

package/dist/components/locale.js

@@ -3,302 +3,9 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { c as createCommonjsModule, a as commonjsGlobal } from './_commonjsHelpers.js';
+import './esri-loader.js';
 import { getAssetPath } from '@stencil/core/internal/client';
 
-var esriLoader = createCommonjsModule(function (module, exports) {
-(function (global, factory) {
-	factory(exports) ;
-}(commonjsGlobal, (function (exports) {
-/* Copyright (c) 2017 Environmental Systems Research Institute, Inc.
- * Apache-2.0 */
-var isBrowser = typeof window !== 'undefined';
-// allow consuming libraries to provide their own Promise implementations
-var utils = {
-    Promise: isBrowser ? window['Promise'] : undefined
-};
-
-/* Copyright (c) 2017 Environmental Systems Research Institute, Inc.
- * Apache-2.0 */
-var DEFAULT_VERSION = '4.22';
-var NEXT = 'next';
-function parseVersion(version) {
-    if (version.toLowerCase() === NEXT) {
-        return NEXT;
-    }
-    var match = version && version.match(/^(\d)\.(\d+)/);
-    return match && {
-        major: parseInt(match[1], 10),
-        minor: parseInt(match[2], 10)
-    };
-}
-/**
- * Get the CDN url for a given version
- *
- * @param version Ex: '4.22' or '3.39'. Defaults to the latest 4.x version.
- */
-function getCdnUrl(version) {
-    if (version === void 0) { version = DEFAULT_VERSION; }
-    return "https://js.arcgis.com/" + version + "/";
-}
-/**
- * Get the CDN url for a the CSS for a given version and/or theme
- *
- * @param version Ex: '4.22', '3.39', or 'next'. Defaults to the latest 4.x version.
- */
-function getCdnCssUrl(version) {
-    if (version === void 0) { version = DEFAULT_VERSION; }
-    var baseUrl = getCdnUrl(version);
-    var parsedVersion = parseVersion(version);
-    if (parsedVersion !== NEXT && parsedVersion.major === 3) {
-        // NOTE: at 3.11 the CSS moved from the /js folder to the root
-        var path = parsedVersion.minor <= 10 ? 'js/' : '';
-        return "" + baseUrl + path + "esri/css/esri.css";
-    }
-    else {
-        // assume 4.x
-        return baseUrl + "esri/themes/light/main.css";
-    }
-}
-
-/* Copyright (c) 2017 Environmental Systems Research Institute, Inc.
- * Apache-2.0 */
-function createStylesheetLink(href) {
-    var link = document.createElement('link');
-    link.rel = 'stylesheet';
-    link.href = href;
-    return link;
-}
-function insertLink(link, before) {
-    if (before) {
-        // the link should be inserted before a specific node
-        var beforeNode = document.querySelector(before);
-        beforeNode.parentNode.insertBefore(link, beforeNode);
-    }
-    else {
-        // append the link to then end of the head tag
-        document.head.appendChild(link);
-    }
-}
-// check if the css url has been injected or added manually
-function getCss(url) {
-    return document.querySelector("link[href*=\"" + url + "\"]");
-}
-function getCssUrl(urlOrVersion) {
-    return !urlOrVersion || parseVersion(urlOrVersion)
-        // if it's a valid version string return the CDN URL
-        ? getCdnCssUrl(urlOrVersion)
-        // otherwise assume it's a URL and return that
-        : urlOrVersion;
-}
-// lazy load the CSS needed for the ArcGIS API
-function loadCss(urlOrVersion, before) {
-    var url = getCssUrl(urlOrVersion);
-    var link = getCss(url);
-    if (!link) {
-        // create & load the css link
-        link = createStylesheetLink(url);
-        insertLink(link, before);
-    }
-    return link;
-}
-
-/* Copyright (c) 2017 Environmental Systems Research Institute, Inc.
- * Apache-2.0 */
-var defaultOptions = {};
-function createScript(url) {
-    var script = document.createElement('script');
-    script.type = 'text/javascript';
-    script.src = url;
-    script.setAttribute('data-esri-loader', 'loading');
-    return script;
-}
-// add a one-time load handler to script
-// and optionally add a one time error handler as well
-function handleScriptLoad(script, callback, errback) {
-    var onScriptError;
-    if (errback) {
-        // set up an error handler as well
-        onScriptError = handleScriptError(script, errback);
-    }
-    var onScriptLoad = function () {
-        // pass the script to the callback
-        callback(script);
-        // remove this event listener
-        script.removeEventListener('load', onScriptLoad, false);
-        if (onScriptError) {
-            // remove the error listener as well
-            script.removeEventListener('error', onScriptError, false);
-        }
-    };
-    script.addEventListener('load', onScriptLoad, false);
-}
-// add a one-time error handler to the script
-function handleScriptError(script, callback) {
-    var onScriptError = function (e) {
-        // reject the promise and remove this event listener
-        callback(e.error || new Error("There was an error attempting to load " + script.src));
-        // remove this event listener
-        script.removeEventListener('error', onScriptError, false);
-    };
-    script.addEventListener('error', onScriptError, false);
-    return onScriptError;
-}
-// allow the user to configure default script options rather than passing options to `loadModules` each time
-function setDefaultOptions(options) {
-    if (options === void 0) { options = {}; }
-    defaultOptions = options;
-}
-// get the script injected by this library
-function getScript() {
-    return document.querySelector('script[data-esri-loader]');
-}
-// has ArcGIS API been loaded on the page yet?
-function isLoaded() {
-    var globalRequire = window['require'];
-    // .on() ensures that it's Dojo's AMD loader
-    return globalRequire && globalRequire.on;
-}
-// load the ArcGIS API on the page
-function loadScript(options) {
-    if (options === void 0) { options = {}; }
-    // we would have liked to use spread like { ...defaultOptions, ...options }
-    // but TS would inject a polyfill that would require use to configure rollup w content: 'window'
-    // if we have another occasion to use spread, let's do that and replace this for...in
-    var opts = {};
-    [defaultOptions, options].forEach(function (obj) {
-        for (var prop in obj) {
-            if (Object.prototype.hasOwnProperty.call(obj, prop)) {
-                opts[prop] = obj[prop];
-            }
-        }
-    });
-    // URL to load
-    var version = opts.version;
-    var url = opts.url || getCdnUrl(version);
-    return new utils.Promise(function (resolve, reject) {
-        var script = getScript();
-        if (script) {
-            // the API is already loaded or in the process of loading...
-            // NOTE: have to test against scr attribute value, not script.src
-            // b/c the latter will return the full url for relative paths
-            var src = script.getAttribute('src');
-            if (src !== url) {
-                // potentially trying to load a different version of the API
-                reject(new Error("The ArcGIS API for JavaScript is already loaded (" + src + ")."));
-            }
-            else {
-                if (isLoaded()) {
-                    // the script has already successfully loaded
-                    resolve(script);
-                }
-                else {
-                    // wait for the script to load and then resolve
-                    handleScriptLoad(script, resolve, reject);
-                }
-            }
-        }
-        else {
-            if (isLoaded()) {
-                // the API has been loaded by some other means
-                // potentially trying to load a different version of the API
-                reject(new Error("The ArcGIS API for JavaScript is already loaded."));
-            }
-            else {
-                // this is the first time attempting to load the API
-                var css = opts.css;
-                if (css) {
-                    var useVersion = css === true;
-                    // load the css before loading the script
-                    loadCss(useVersion ? version : css, opts.insertCssBefore);
-                }
-                // create a script object whose source points to the API
-                script = createScript(url);
-                // _currentUrl = url;
-                // once the script is loaded...
-                handleScriptLoad(script, function () {
-                    // update the status of the script
-                    script.setAttribute('data-esri-loader', 'loaded');
-                    // return the script
-                    resolve(script);
-                }, reject);
-                // load the script
-                document.body.appendChild(script);
-            }
-        }
-    });
-}
-
-/* Copyright (c) 2017 Environmental Systems Research Institute, Inc.
- * Apache-2.0 */
-// wrap Dojo's require() in a promise
-function requireModules(modules) {
-    return new utils.Promise(function (resolve, reject) {
-        // If something goes wrong loading the esri/dojo scripts, reject with the error.
-        var errorHandler = window['require'].on('error', reject);
-        window['require'](modules, function () {
-            var args = [];
-            for (var _i = 0; _i < arguments.length; _i++) {
-                args[_i] = arguments[_i];
-            }
-            // remove error handler
-            errorHandler.remove();
-            // Resolve with the parameters from dojo require as an array.
-            resolve(args);
-        });
-    });
-}
-// returns a promise that resolves with an array of the required modules
-// also will attempt to lazy load the ArcGIS API if it has not already been loaded
-function loadModules(modules, loadScriptOptions) {
-    if (loadScriptOptions === void 0) { loadScriptOptions = {}; }
-    if (!isLoaded()) {
-        // script is not yet loaded, is it in the process of loading?
-        var script = getScript();
-        var src = script && script.getAttribute('src');
-        if (!loadScriptOptions.url && src) {
-            // script is still loading and user did not specify a URL
-            // in this case we want to default to the URL that's being loaded
-            // instead of defaulting to the latest 4.x URL
-            loadScriptOptions.url = src;
-        }
-        // attempt to load the script then load the modules
-        return loadScript(loadScriptOptions).then(function () { return requireModules(modules); });
-    }
-    else {
-        // script is already loaded, just load the modules
-        return requireModules(modules);
-    }
-}
-
-/*
-  Copyright (c) 2017 Esri
-  Licensed under the Apache License, Version 2.0 (the "License");
-  you may not use this file except in compliance with the License.
-  You may obtain a copy of the License at
-    http://www.apache.org/licenses/LICENSE-2.0
-  Unless required by applicable law or agreed to in writing, software
-  distributed under the License is distributed on an "AS IS" BASIS,
-  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.
-*/
-// re-export the functions that are part of the public API
-
-exports.utils = utils;
-exports.loadModules = loadModules;
-exports.getScript = getScript;
-exports.isLoaded = isLoaded;
-exports.loadScript = loadScript;
-exports.setDefaultOptions = setDefaultOptions;
-exports.loadCss = loadCss;
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-})));
-//# sourceMappingURL=esri-loader.js.map
-});
-
 /*
  *   Copyright (c) 2022 Esri
  *   All rights reserved.
@@ -409,4 +116,4 @@ async function getLocaleComponentStrings(element) {
   return [strings, componentLanguage];
 }
 
-export { getComponentClosestLanguage as a, esriLoader as e, getLocaleComponentStrings as g };
+export { getComponentClosestLanguage as a, getLocaleComponentStrings as g };

package/dist/components/map-card2.js

@@ -5,27 +5,29 @@
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { l as loadModules } from './loadModules.js';
-import { d as defineCustomElement$j } from './action.js';
-import { d as defineCustomElement$i } from './action-bar.js';
-import { d as defineCustomElement$h } from './action-group.js';
-import { d as defineCustomElement$g } from './action-menu.js';
-import { d as defineCustomElement$f } from './button.js';
-import { d as defineCustomElement$e } from './filter2.js';
-import { d as defineCustomElement$d } from './handle.js';
-import { d as defineCustomElement$c } from './icon.js';
-import { d as defineCustomElement$b } from './input.js';
-import { d as defineCustomElement$a } from './list.js';
-import { d as defineCustomElement$9 } from './list-item2.js';
-import { d as defineCustomElement$8 } from './loader.js';
-import { d as defineCustomElement$7 } from './popover.js';
-import { d as defineCustomElement$6 } from './progress.js';
-import { d as defineCustomElement$5 } from './scrim.js';
-import { d as defineCustomElement$4 } from './stack.js';
-import { d as defineCustomElement$3 } from './tooltip.js';
-import { d as defineCustomElement$2 } from './map-picker2.js';
+import { d as defineCustomElement$l } from './basemap-gallery2.js';
+import { d as defineCustomElement$k } from './action.js';
+import { d as defineCustomElement$j } from './action-bar.js';
+import { d as defineCustomElement$i } from './action-group.js';
+import { d as defineCustomElement$h } from './action-menu.js';
+import { d as defineCustomElement$g } from './button.js';
+import { d as defineCustomElement$f } from './filter2.js';
+import { d as defineCustomElement$e } from './handle.js';
+import { d as defineCustomElement$d } from './icon.js';
+import { d as defineCustomElement$c } from './input.js';
+import { d as defineCustomElement$b } from './list.js';
+import { d as defineCustomElement$a } from './list-item2.js';
+import { d as defineCustomElement$9 } from './loader.js';
+import { d as defineCustomElement$8 } from './popover.js';
+import { d as defineCustomElement$7 } from './progress.js';
+import { d as defineCustomElement$6 } from './scrim.js';
+import { d as defineCustomElement$5 } from './stack.js';
+import { d as defineCustomElement$4 } from './tooltip.js';
+import { d as defineCustomElement$3 } from './map-picker2.js';
+import { d as defineCustomElement$2 } from './map-search2.js';
 import { d as defineCustomElement$1 } from './map-tools2.js';
 
-const mapCardCss = ":host{display:block;--calcite-label-margin-bottom:0;--calcite-block-padding:0}.map-height{height:calc(100% - 58px)}.esri-zoom{display:none !important}.map-tools{position:absolute;top:40px;right:0px;padding:1rem}";
+const mapCardCss = ":host{display:block;--calcite-label-margin-bottom:0;--calcite-block-padding:0}.map-height{height:calc(100% - 58px)}.esri-zoom{display:none !important}";
 
 const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLElement {
   constructor() {
@@ -38,13 +40,14 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
     this._loadedId = "";
     this.mapInfos = [];
     this.mapView = undefined;
+    this._searchConfiguration = undefined;
     this._webMapInfo = undefined;
   }
   /**
    * Listen for changes to map info and load the appropriate map
    */
   async mapInfoChange(evt) {
-    this._loadMap(evt.detail);
+    await this._loadMap(evt.detail);
   }
   //--------------------------------------------------------------------------
   //
@@ -61,7 +64,7 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
    * Renders the component.
    */
   render() {
-    return (h(Host, null, h("map-picker", { mapInfos: this.mapInfos }), h("div", { class: "map-height", ref: (el) => (this._mapDiv = el) }), h("map-tools", { class: "map-tools" })));
+    return (h(Host, null, h("map-picker", { mapInfos: this.mapInfos }), h("div", { class: "map-height", ref: (el) => (this._mapDiv = el) }), h("map-tools", { mapView: this.mapView, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration })));
   }
   //--------------------------------------------------------------------------
   //
@@ -92,7 +95,7 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
    *
    * @protected
    */
-  _loadMap(webMapInfo) {
+  async _loadMap(webMapInfo) {
     let id = webMapInfo === null || webMapInfo === void 0 ? void 0 : webMapInfo.id;
     // on the first render use the first child of the provided mapInfos
     this._webMapInfo = (id === "" || !id) && this.mapInfos.length > 0 ?
@@ -107,8 +110,12 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
         map: webMap,
         resizeAlign: "top-left"
       });
-      this._loadedId = id;
-      this.mapChanged.emit(this.mapView);
+      await this.mapView.when(() => {
+        this._loadedId = id;
+        this._searchConfiguration = this._webMapInfo.searchConfiguration;
+        this.mapChanged.emit(this.mapView);
+        this.mapView.ui.add(this._mapTools, { position: "top-right", index: 0 });
+      });
     }
   }
   get el() { return this; }
@@ -116,105 +123,116 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
 }, [0, "map-card", {
     "mapInfos": [16],
     "mapView": [16],
+    "_searchConfiguration": [32],
     "_webMapInfo": [32]
   }, [[8, "mapInfoChange", "mapInfoChange"]]]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["map-card", "calcite-action", "calcite-action-bar", "calcite-action-group", "calcite-action-menu", "calcite-button", "calcite-filter", "calcite-handle", "calcite-icon", "calcite-input", "calcite-list", "calcite-list-item", "calcite-loader", "calcite-popover", "calcite-progress", "calcite-scrim", "calcite-stack", "calcite-tooltip", "map-picker", "map-tools"];
+  const components = ["map-card", "basemap-gallery", "calcite-action", "calcite-action-bar", "calcite-action-group", "calcite-action-menu", "calcite-button", "calcite-filter", "calcite-handle", "calcite-icon", "calcite-input", "calcite-list", "calcite-list-item", "calcite-loader", "calcite-popover", "calcite-progress", "calcite-scrim", "calcite-stack", "calcite-tooltip", "map-picker", "map-search", "map-tools"];
   components.forEach(tagName => { switch (tagName) {
     case "map-card":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, MapCard);
       }
       break;
+    case "basemap-gallery":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$l();
+      }
+      break;
     case "calcite-action":
       if (!customElements.get(tagName)) {
-        defineCustomElement$j();
+        defineCustomElement$k();
       }
       break;
     case "calcite-action-bar":
       if (!customElements.get(tagName)) {
-        defineCustomElement$i();
+        defineCustomElement$j();
       }
       break;
     case "calcite-action-group":
       if (!customElements.get(tagName)) {
-        defineCustomElement$h();
+        defineCustomElement$i();
       }
       break;
     case "calcite-action-menu":
       if (!customElements.get(tagName)) {
-        defineCustomElement$g();
+        defineCustomElement$h();
       }
       break;
     case "calcite-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$f();
+        defineCustomElement$g();
       }
       break;
     case "calcite-filter":
       if (!customElements.get(tagName)) {
-        defineCustomElement$e();
+        defineCustomElement$f();
       }
       break;
     case "calcite-handle":
       if (!customElements.get(tagName)) {
-        defineCustomElement$d();
+        defineCustomElement$e();
       }
       break;
     case "calcite-icon":
       if (!customElements.get(tagName)) {
-        defineCustomElement$c();
+        defineCustomElement$d();
       }
       break;
     case "calcite-input":
       if (!customElements.get(tagName)) {
-        defineCustomElement$b();
+        defineCustomElement$c();
       }
       break;
     case "calcite-list":
       if (!customElements.get(tagName)) {
-        defineCustomElement$a();
+        defineCustomElement$b();
       }
       break;
     case "calcite-list-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$9();
+        defineCustomElement$a();
       }
       break;
     case "calcite-loader":
       if (!customElements.get(tagName)) {
-        defineCustomElement$8();
+        defineCustomElement$9();
       }
       break;
     case "calcite-popover":
       if (!customElements.get(tagName)) {
-        defineCustomElement$7();
+        defineCustomElement$8();
       }
       break;
     case "calcite-progress":
       if (!customElements.get(tagName)) {
-        defineCustomElement$6();
+        defineCustomElement$7();
       }
       break;
     case "calcite-scrim":
       if (!customElements.get(tagName)) {
-        defineCustomElement$5();
+        defineCustomElement$6();
       }
       break;
     case "calcite-stack":
       if (!customElements.get(tagName)) {
-        defineCustomElement$4();
+        defineCustomElement$5();
       }
       break;
     case "calcite-tooltip":
       if (!customElements.get(tagName)) {
-        defineCustomElement$3();
+        defineCustomElement$4();
       }
       break;
     case "map-picker":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "map-search":
       if (!customElements.get(tagName)) {
         defineCustomElement$2();
       }
@@ -226,5 +244,6 @@ function defineCustomElement() {
       break;
   } });
 }
+defineCustomElement();
 
 export { MapCard as M, defineCustomElement as d };

package/dist/components/map-draw-tools2.js

@@ -396,5 +396,6 @@ function defineCustomElement() {
       break;
   } });
 }
+defineCustomElement();
 
 export { MapDrawTools as M, defineCustomElement as d };

package/dist/components/map-layer-picker2.js

@@ -311,5 +311,6 @@ function defineCustomElement() {
       break;
   } });
 }
+defineCustomElement();
 
 export { MapLayerPicker as M, defineCustomElement as d };

package/dist/components/map-picker2.js

@@ -257,5 +257,6 @@ function defineCustomElement() {
       break;
   } });
 }
+defineCustomElement();
 
 export { MapPicker as M, defineCustomElement as d };

package/dist/components/map-search.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface MapSearch extends Components.MapSearch, HTMLElement {}
+export const MapSearch: {
+  prototype: MapSearch;
+  new (): MapSearch;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/map-search.js

@@ -0,0 +1,11 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { M as MapSearch$1, d as defineCustomElement$1 } from './map-search2.js';
+
+const MapSearch = MapSearch$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { MapSearch, defineCustomElement };