@esri/solutions-components 0.7.0 → 0.7.1

package/dist/components/map-card2.js

@@ -16,7 +16,7 @@ import { d as defineCustomElement$h } from './handle.js';
 import { d as defineCustomElement$g } from './icon.js';
 import { d as defineCustomElement$f } from './input.js';
 import { d as defineCustomElement$e } from './list.js';
-import { d as defineCustomElement$d } from './list-item2.js';
+import { d as defineCustomElement$d } from './list-item.js';
 import { d as defineCustomElement$c } from './loader.js';
 import { d as defineCustomElement$b } from './popover.js';
 import { d as defineCustomElement$a } from './progress.js';
@@ -38,10 +38,15 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
     this.__registerHost();
     this.mapChanged = createEvent(this, "mapChanged", 7);
     this.beforeMapChanged = createEvent(this, "beforeMapChanged", 7);
+    /**
+     * boolean: When true the default map provided via url params has been loaded and should no longer override other maps
+     */
+    this._defaultWebmapHonored = false;
     /**
      * string: the id of map currently displayed
      */
     this._loadedId = "";
+    this.defaultWebmapId = "";
     this.enableHome = undefined;
     this.enableLegend = undefined;
     this.enableFloorFilter = undefined;
@@ -90,7 +95,7 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
   render() {
     const mapClass = this.hidden ? "visibility-hidden" : "";
     const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
-    return (h(Host, null, h("map-picker", { mapInfos: this.mapInfos }), h("div", { class: `map-height ${mapClass}`, ref: (el) => (this._mapDiv = el) }), h("map-tools", { basemapConfig: this.basemapConfig, class: `box-shadow ${themeClass}`, enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableLegend: this.enableLegend, enableSearch: this.enableSearch, mapView: this.mapView, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration })));
+    return (h(Host, null, h("map-picker", { mapInfos: this.mapInfos, ref: (el) => this._mapPicker = el }), h("div", { class: `map-height ${mapClass}`, ref: (el) => (this._mapDiv = el) }), h("map-tools", { basemapConfig: this.basemapConfig, class: `box-shadow ${themeClass}`, enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableLegend: this.enableLegend, enableSearch: this.enableSearch, mapView: this.mapView, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration })));
   }
   //--------------------------------------------------------------------------
   //
@@ -124,12 +129,15 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
    * @protected
    */
   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 ?
-      this.mapInfos[0] : webMapInfo;
-    id = this._webMapInfo.id;
-    if (this._loadedId !== id) {
+    var _a;
+    // on the first render use the default webmap id if provided otherwise use the first child of the provided mapInfos
+    const loadDefaultMap = !this._defaultWebmapHonored && this.defaultWebmapId;
+    const defaultMap = (_a = this.mapInfos) === null || _a === void 0 ? void 0 : _a.filter(i => i.id === this.defaultWebmapId);
+    this._webMapInfo = loadDefaultMap && defaultMap ? defaultMap[0] :
+      !(webMapInfo === null || webMapInfo === void 0 ? void 0 : webMapInfo.id) && this.mapInfos.length > 0 ? this.mapInfos[0] : webMapInfo;
+    const id = this._webMapInfo.id;
+    const isDefaultMap = loadDefaultMap && (webMapInfo === null || webMapInfo === void 0 ? void 0 : webMapInfo.id) === this.defaultWebmapId;
+    if ((this._loadedId !== id && !loadDefaultMap) || isDefaultMap) {
       const webMap = new this.WebMap({
         portalItem: { id }
       });
@@ -144,12 +152,17 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
       await this.mapView.when(() => {
         this._initHome();
         this.mapView.ui.add(this._mapTools, { position: "top-right", index: 0 });
+        this._defaultWebmapHonored = isDefaultMap ? true : this._defaultWebmapHonored;
         this.mapChanged.emit({
           id: id,
           mapView: this.mapView
         });
       });
     }
+    else if (loadDefaultMap) {
+      this._defaultWebmapHonored = true;
+      this._mapPicker.setMapByID(id);
+    }
   }
   /**
    * Add/remove the home widget base on enableHome prop
@@ -173,6 +186,7 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
   }; }
   static get style() { return mapCardCss; }
 }, [0, "map-card", {
+    "defaultWebmapId": [1, "default-webmap-id"],
     "enableHome": [4, "enable-home"],
     "enableLegend": [4, "enable-legend"],
     "enableFloorFilter": [4, "enable-floor-filter"],

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

@@ -30,7 +30,17 @@ const MapLayerPicker = /*@__PURE__*/ proxyCustomElement(class MapLayerPicker ext
     this.__registerHost();
     this.noLayersFound = createEvent(this, "noLayersFound", 7);
     this.layerSelectionChange = createEvent(this, "layerSelectionChange", 7);
+    //--------------------------------------------------------------------------
+    //
+    //  Properties (protected)
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * boolean: When true the default layer has been loaded once and should no longer be used
+     */
+    this.defaultLayerHonored = false;
     this.appearance = "transparent";
+    this.defaultLayerId = "";
     this.enabledLayerIds = [];
     this.enabledTableIds = [];
     this.mapView = undefined;
@@ -52,7 +62,6 @@ const MapLayerPicker = /*@__PURE__*/ proxyCustomElement(class MapLayerPicker ext
   //--------------------------------------------------------------------------
   /**
    * Called each time the mapView prop is changed.
-   *
    */
   async mapViewWatchHandler() {
     await this._setLayers();
@@ -174,21 +183,36 @@ const MapLayerPicker = /*@__PURE__*/ proxyCustomElement(class MapLayerPicker ext
     const item = itemType === "layer" ? this._layerNameHash[id] : this._tableNameHash[id];
     const disabled = this.onlyShowUpdatableLayers ? !item.supportsUpdate : false;
     const name = item.name;
-    return this.type === "combobox" ? (h("calcite-combobox-item", { disabled: disabled, textLabel: name, value: id })) :
-      this.type === "select" ? (h("calcite-option", { disabled: disabled, label: name, value: id })) :
-        (h("calcite-dropdown-item", { disabled: disabled, onClick: disabled ? undefined : () => void this._setSelectedLayer(id) }, name));
+    const selected = this.selectedIds.indexOf(id) > -1;
+    return this.type === "combobox" ? (h("calcite-combobox-item", { disabled: disabled, selected: selected, textLabel: name, value: id })) :
+      this.type === "select" ? (h("calcite-option", { disabled: disabled, label: name, selected: selected, value: id })) : (h("calcite-dropdown-item", { disabled: disabled, onClick: disabled ? undefined : () => void this._setSelectedLayer(id), selected: selected }, name));
   }
   /**
    * Store the layer name based on the user selection
    */
   _setSelectedLayer(id) {
-    const item = Object.keys(this._layerNameHash).indexOf(id) > -1 ?
-      this._layerNameHash[id] : Object.keys(this._tableNameHash).indexOf(id) > -1 ?
-      this._tableNameHash[id] : undefined;
+    let item;
+    const hasDefaultLayer = this.defaultLayerId && !this.defaultLayerHonored;
+    if (hasDefaultLayer) {
+      item = this._getLayerFromHash(this.defaultLayerId);
+      this.defaultLayerHonored = item !== undefined;
+      id = this.defaultLayerHonored ? this.defaultLayerId : id;
+    }
+    item = item ? item : this._getLayerFromHash(id);
     this.selectedName = item === null || item === void 0 ? void 0 : item.name;
     this.selectedIds = [id];
     this.layerSelectionChange.emit(this.selectedIds);
   }
+  /**
+   * Fetch layer hash info for the given id
+   *
+   * @returns ILayerHashInfo for the id
+   */
+  _getLayerFromHash(id) {
+    return Object.keys(this._layerNameHash).indexOf(id) > -1 ?
+      this._layerNameHash[id] : Object.keys(this._tableNameHash).indexOf(id) > -1 ?
+      this._tableNameHash[id] : undefined;
+  }
   /**
    * Fetch the ids of the layers from the map
    *
@@ -281,6 +305,7 @@ const MapLayerPicker = /*@__PURE__*/ proxyCustomElement(class MapLayerPicker ext
   static get style() { return mapLayerPickerCss; }
 }, [0, "map-layer-picker", {
     "appearance": [1],
+    "defaultLayerId": [1, "default-layer-id"],
     "enabledLayerIds": [16],
     "enabledTableIds": [16],
     "mapView": [16],

package/dist/components/map-picker2.js

@@ -15,7 +15,7 @@ import { d as defineCustomElement$b } from './handle.js';
 import { d as defineCustomElement$a } from './icon.js';
 import { d as defineCustomElement$9 } from './input.js';
 import { d as defineCustomElement$8 } from './list.js';
-import { d as defineCustomElement$7 } from './list-item2.js';
+import { d as defineCustomElement$7 } from './list-item.js';
 import { d as defineCustomElement$6 } from './loader.js';
 import { d as defineCustomElement$5 } from './popover.js';
 import { d as defineCustomElement$4 } from './progress.js';
@@ -64,6 +64,18 @@ const MapPicker = /*@__PURE__*/ proxyCustomElement(class MapPicker extends HTMLE
   }
   //--------------------------------------------------------------------------
   //
+  //  Methods (public)
+  //
+  //--------------------------------------------------------------------------
+  async setMapByID(id) {
+    var _a;
+    const mapInfos = (_a = this.mapInfos) === null || _a === void 0 ? void 0 : _a.filter(i => i.id === id);
+    if (id && (mapInfos === null || mapInfos === void 0 ? void 0 : mapInfos.length) > 0) {
+      this._webMapSelected(mapInfos[0]);
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
   //  Functions (lifecycle)
   //
   //--------------------------------------------------------------------------
@@ -81,14 +93,6 @@ const MapPicker = /*@__PURE__*/ proxyCustomElement(class MapPicker extends HTMLE
   render() {
     return (h(Host, null, this._getToolbar(), this._getMapNameList(this._mapListExpanded)));
   }
-  /**
-   * Called after each render
-   */
-  async componentDidRender() {
-    if (this._mapListExpanded) {
-      await this._list.setFocus();
-    }
-  }
   /**
    * Called once after the component has loaded
    */
@@ -138,7 +142,7 @@ const MapPicker = /*@__PURE__*/ proxyCustomElement(class MapPicker extends HTMLE
    */
   _getMapNameList(show) {
     const listClass = show ? "map-list" : "display-none";
-    return (h("div", { class: listClass }, h("calcite-list", { id: "mapList", ref: (el) => this._list = el, selectionAppearance: "border" }, this.mapInfos.map(mapInfo => {
+    return (h("div", { class: listClass }, h("calcite-list", { id: "mapList", ref: (el) => this._list = el, selectionAppearance: "border", selectionMode: "single" }, this.mapInfos.map(mapInfo => {
       return (h("calcite-list-item", { label: mapInfo.name, onClick: () => this._webMapSelected(mapInfo), selected: mapInfo.id === this._loadedId, value: mapInfo.id }));
     }))));
   }
@@ -185,7 +189,8 @@ const MapPicker = /*@__PURE__*/ proxyCustomElement(class MapPicker extends HTMLE
     "mapInfos": [16],
     "_mapListExpanded": [32],
     "_translations": [32],
-    "_webMapInfo": [32]
+    "_webMapInfo": [32],
+    "setMapByID": [64]
   }, undefined, {
     "_webMapInfo": ["_webMapInfoWatchHandler"],
     "mapInfos": ["mapInfosWatchHandler"]

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

@@ -6,7 +6,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { l as loadModules } from './loadModules.js';
 import { b as goToSelection, h as highlightFeatures, e as getFeatureLayerView } from './mapViewUtils.js';
-import { c as queryObjectIds, g as getQueryGeoms, d as queryFeaturesByGeometry } from './queryUtils.js';
+import { d as queryObjectIds, g as getQueryGeoms, e as queryFeaturesByGeometry } from './queryUtils.js';
 import { E as EWorkflowType } from './interfaces.js';
 import { s as state } from './publicNotificationStore.js';
 import { a as getComponentClosestLanguage, g as getLocaleComponentStrings } from './locale.js';

package/dist/components/public-notification.js

@@ -32,7 +32,7 @@ import { d as defineCustomElement$q } from './input-message.js';
 import { d as defineCustomElement$p } from './input-text.js';
 import { d as defineCustomElement$o } from './label2.js';
 import { d as defineCustomElement$n } from './list.js';
-import { d as defineCustomElement$m } from './list-item2.js';
+import { d as defineCustomElement$m } from './list-item.js';
 import { d as defineCustomElement$l } from './loader.js';
 import { d as defineCustomElement$k } from './notice.js';
 import { d as defineCustomElement$j } from './option.js';

package/dist/components/queryUtils.js

@@ -80,6 +80,26 @@ async function queryFeaturesByID(ids, layer, graphics, returnGeometry, outSpatia
     queryFeaturesByID(remainingIds, layer, graphics, returnGeometry, outSpatialReference) :
     Promise.resolve(graphics);
 }
+/**
+ * Query the layer for features that have the provided globalId
+ *
+ * @param globalId globalId to be used to query for a feature in a layer
+ * @param layer the layer to retrieve features from
+ *
+ * @returns Promise with the featureSet from the layer that match the provided globalId
+ */
+async function queryFeaturesByGlobalID(globalIds, layer) {
+  const globalIdField = layer.globalIdField;
+  if (!globalIdField) {
+    return [];
+  }
+  const q = layer.createQuery();
+  q.returnGeometry = false;
+  q.outFields = [layer.objectIdField];
+  q.where = globalIds.map(g => `${globalIdField} = '${g}'`).join(" or ");
+  const result = await layer.queryFeatures(q);
+  return result.features;
+}
 /**
  * Query the layer for features that intersect the provided geometry
  *
@@ -159,4 +179,4 @@ async function _intersectQuery(geometry, layer) {
   return layer.queryObjectIds(q);
 }
 
-export { queryExtent as a, queryAllIds as b, queryObjectIds as c, queryFeaturesByGeometry as d, getQueryGeoms as g, queryFeaturesByID as q };
+export { queryExtent as a, queryAllIds as b, queryFeaturesByGlobalID as c, queryObjectIds as d, queryFeaturesByGeometry as e, getQueryGeoms as g, queryFeaturesByID as q };

package/dist/components/refine-results-flow-item.d.ts

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

package/dist/components/refine-results-flow-item.js

@@ -0,0 +1,75 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const refineResultsFlowItemCss = ":host{display:block}";
+
+const RefineResultsFlowItem$1 = /*@__PURE__*/ proxyCustomElement(class RefineResultsFlowItem extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Properties (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  State (internal)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Properties (protected)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Watch handlers
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Methods (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Events (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Functions (lifecycle)
+  //
+  //--------------------------------------------------------------------------
+  render() {
+    return (h(Host, null, h("slot", null)));
+  }
+  get el() { return this; }
+  static get style() { return refineResultsFlowItemCss; }
+}, [1, "refine-results-flow-item"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["refine-results-flow-item"];
+  components.forEach(tagName => { switch (tagName) {
+    case "refine-results-flow-item":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, RefineResultsFlowItem$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const RefineResultsFlowItem = RefineResultsFlowItem$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { RefineResultsFlowItem, defineCustomElement };

package/dist/components/refine-selection2.js

@@ -6,7 +6,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { e as ESelectionMode, b as EDrawMode, E as EWorkflowType } from './interfaces.js';
 import { e as getFeatureLayerView, f as getIdSets, i as highlightAllFeatures } from './mapViewUtils.js';
-import { d as queryFeaturesByGeometry } from './queryUtils.js';
+import { e as queryFeaturesByGeometry } from './queryUtils.js';
 import { s as state } from './publicNotificationStore.js';
 import { g as getLocaleComponentStrings } from './locale.js';
 import { d as defineCustomElement$s } from './action.js';
@@ -23,7 +23,7 @@ import { d as defineCustomElement$i } from './icon.js';
 import { d as defineCustomElement$h } from './input.js';
 import { d as defineCustomElement$g } from './label2.js';
 import { d as defineCustomElement$f } from './list.js';
-import { d as defineCustomElement$e } from './list-item2.js';
+import { d as defineCustomElement$e } from './list-item.js';
 import { d as defineCustomElement$d } from './loader.js';
 import { d as defineCustomElement$c } from './notice.js';
 import { d as defineCustomElement$b } from './option.js';

package/dist/components/{list-item.d.ts → share-item.d.ts}

@@ -1,9 +1,9 @@
 import type { Components, JSX } from "../types/components";
 
-interface ListItem extends Components.ListItem, HTMLElement {}
-export const ListItem: {
-  prototype: ListItem;
-  new (): ListItem;
+interface ShareItem extends Components.ShareItem, HTMLElement {}
+export const ShareItem: {
+  prototype: ShareItem;
+  new (): ShareItem;
 };
 /**
  * Used to define this component and all nested components recursively.

package/dist/components/share-item.js

@@ -0,0 +1,75 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+
+const shareItemCss = ":host{display:block}";
+
+const ShareItem$1 = /*@__PURE__*/ proxyCustomElement(class ShareItem extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Properties (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  State (internal)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Properties (protected)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Watch handlers
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Methods (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Events (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Functions (lifecycle)
+  //
+  //--------------------------------------------------------------------------
+  render() {
+    return (h(Host, null, h("slot", null)));
+  }
+  get el() { return this; }
+  static get style() { return shareItemCss; }
+}, [1, "share-item"]);
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["share-item"];
+  components.forEach(tagName => { switch (tagName) {
+    case "share-item":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, ShareItem$1);
+      }
+      break;
+  } });
+}
+defineCustomElement$1();
+
+const ShareItem = ShareItem$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { ShareItem, defineCustomElement };

package/dist/esm/{list-item.entry.js → arcgis-login.entry.js}

@@ -5,9 +5,9 @@
  */
 import { r as registerInstance, h, H as Host, g as getElement } from './index-b05b3079.js';
 
-const listItemCss = ":host{display:block}";
+const arcgisLoginCss = ":host{display:block}";
 
-const ListItem = class {
+const ArcgisLogin = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
   }
@@ -49,23 +49,8 @@ const ListItem = class {
   render() {
     return (h(Host, null, h("slot", null)));
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Fetches the component's translations
-   *
-   * @returns Promise when complete
-   * @protected
-   */
-  async _getTranslations() {
-    // const messages = await getLocaleComponentStrings(this.el);
-    // this._translations = messages[0] as typeof BufferTools_T9n;
-  }
   get el() { return getElement(this); }
 };
-ListItem.style = listItemCss;
+ArcgisLogin.style = arcgisLoginCss;
 
-export { ListItem as list_item };
+export { ArcgisLogin as arcgis_login };

package/dist/esm/basemap-gallery_7.entry.js

@@ -444,6 +444,18 @@ const MapPicker = class {
   }
   //--------------------------------------------------------------------------
   //
+  //  Methods (public)
+  //
+  //--------------------------------------------------------------------------
+  async setMapByID(id) {
+    var _a;
+    const mapInfos = (_a = this.mapInfos) === null || _a === void 0 ? void 0 : _a.filter(i => i.id === id);
+    if (id && (mapInfos === null || mapInfos === void 0 ? void 0 : mapInfos.length) > 0) {
+      this._webMapSelected(mapInfos[0]);
+    }
+  }
+  //--------------------------------------------------------------------------
+  //
   //  Functions (lifecycle)
   //
   //--------------------------------------------------------------------------
@@ -461,14 +473,6 @@ const MapPicker = class {
   render() {
     return (h(Host, null, this._getToolbar(), this._getMapNameList(this._mapListExpanded)));
   }
-  /**
-   * Called after each render
-   */
-  async componentDidRender() {
-    if (this._mapListExpanded) {
-      await this._list.setFocus();
-    }
-  }
   /**
    * Called once after the component has loaded
    */
@@ -518,7 +522,7 @@ const MapPicker = class {
    */
   _getMapNameList(show) {
     const listClass = show ? "map-list" : "display-none";
-    return (h("div", { class: listClass }, h("calcite-list", { id: "mapList", ref: (el) => this._list = el, selectionAppearance: "border" }, this.mapInfos.map(mapInfo => {
+    return (h("div", { class: listClass }, h("calcite-list", { id: "mapList", ref: (el) => this._list = el, selectionAppearance: "border", selectionMode: "single" }, this.mapInfos.map(mapInfo => {
       return (h("calcite-list-item", { label: mapInfo.name, onClick: () => this._webMapSelected(mapInfo), selected: mapInfo.id === this._loadedId, value: mapInfo.id }));
     }))));
   }