@esri/solutions-components 0.6.16 → 0.6.18

package/dist/components/map-card2.js

@@ -5,24 +5,25 @@
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { l as loadModules } from './loadModules.js';
-import { d as defineCustomElement$n } from './basemap-gallery2.js';
-import { d as defineCustomElement$m } from './action.js';
-import { d as defineCustomElement$l } from './action-bar.js';
-import { d as defineCustomElement$k } from './action-group.js';
-import { d as defineCustomElement$j } from './action-menu.js';
-import { d as defineCustomElement$i } from './button.js';
-import { d as defineCustomElement$h } from './filter2.js';
-import { d as defineCustomElement$g } from './handle.js';
-import { d as defineCustomElement$f } from './icon.js';
-import { d as defineCustomElement$e } from './input.js';
-import { d as defineCustomElement$d } from './list.js';
-import { d as defineCustomElement$c } from './list-item2.js';
-import { d as defineCustomElement$b } from './loader.js';
-import { d as defineCustomElement$a } from './popover.js';
-import { d as defineCustomElement$9 } from './progress.js';
-import { d as defineCustomElement$8 } from './scrim.js';
-import { d as defineCustomElement$7 } from './stack.js';
-import { d as defineCustomElement$6 } from './tooltip.js';
+import { d as defineCustomElement$o } from './basemap-gallery2.js';
+import { d as defineCustomElement$n } from './action.js';
+import { d as defineCustomElement$m } from './action-bar.js';
+import { d as defineCustomElement$l } from './action-group.js';
+import { d as defineCustomElement$k } from './action-menu.js';
+import { d as defineCustomElement$j } from './button.js';
+import { d as defineCustomElement$i } from './filter2.js';
+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$c } from './loader.js';
+import { d as defineCustomElement$b } from './popover.js';
+import { d as defineCustomElement$a } from './progress.js';
+import { d as defineCustomElement$9 } from './scrim.js';
+import { d as defineCustomElement$8 } from './stack.js';
+import { d as defineCustomElement$7 } from './tooltip.js';
+import { d as defineCustomElement$6 } from './floor-filter2.js';
 import { d as defineCustomElement$5 } from './map-fullscreen2.js';
 import { d as defineCustomElement$4 } from './map-legend2.js';
 import { d as defineCustomElement$3 } from './map-picker2.js';
@@ -42,6 +43,7 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
      */
     this._loadedId = "";
     this.enableLegend = undefined;
+    this.enableFloorFilter = undefined;
     this.enableFullscreen = undefined;
     this.enableSearch = undefined;
     this.enableBasemap = undefined;
@@ -72,7 +74,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", { basemapConfig: this.basemapConfig, class: "box-shadow", enableBasemap: this.enableBasemap, 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 }), h("div", { class: "map-height", ref: (el) => (this._mapDiv = el) }), h("map-tools", { basemapConfig: this.basemapConfig, class: "box-shadow", 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 })));
   }
   //--------------------------------------------------------------------------
   //
@@ -140,6 +142,7 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
   static get style() { return mapCardCss; }
 }, [0, "map-card", {
     "enableLegend": [4, "enable-legend"],
+    "enableFloorFilter": [4, "enable-floor-filter"],
     "enableFullscreen": [4, "enable-fullscreen"],
     "enableSearch": [4, "enable-search"],
     "enableBasemap": [4, "enable-basemap"],
@@ -153,7 +156,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  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-fullscreen", "map-legend", "map-picker", "map-search", "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", "floor-filter", "map-fullscreen", "map-legend", "map-picker", "map-search", "map-tools"];
   components.forEach(tagName => { switch (tagName) {
     case "map-card":
       if (!customElements.get(tagName)) {
@@ -162,90 +165,95 @@ function defineCustomElement() {
       break;
     case "basemap-gallery":
       if (!customElements.get(tagName)) {
-        defineCustomElement$n();
+        defineCustomElement$o();
       }
       break;
     case "calcite-action":
       if (!customElements.get(tagName)) {
-        defineCustomElement$m();
+        defineCustomElement$n();
       }
       break;
     case "calcite-action-bar":
       if (!customElements.get(tagName)) {
-        defineCustomElement$l();
+        defineCustomElement$m();
       }
       break;
     case "calcite-action-group":
       if (!customElements.get(tagName)) {
-        defineCustomElement$k();
+        defineCustomElement$l();
       }
       break;
     case "calcite-action-menu":
       if (!customElements.get(tagName)) {
-        defineCustomElement$j();
+        defineCustomElement$k();
       }
       break;
     case "calcite-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$i();
+        defineCustomElement$j();
       }
       break;
     case "calcite-filter":
       if (!customElements.get(tagName)) {
-        defineCustomElement$h();
+        defineCustomElement$i();
       }
       break;
     case "calcite-handle":
       if (!customElements.get(tagName)) {
-        defineCustomElement$g();
+        defineCustomElement$h();
       }
       break;
     case "calcite-icon":
       if (!customElements.get(tagName)) {
-        defineCustomElement$f();
+        defineCustomElement$g();
       }
       break;
     case "calcite-input":
       if (!customElements.get(tagName)) {
-        defineCustomElement$e();
+        defineCustomElement$f();
       }
       break;
     case "calcite-list":
       if (!customElements.get(tagName)) {
-        defineCustomElement$d();
+        defineCustomElement$e();
       }
       break;
     case "calcite-list-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$c();
+        defineCustomElement$d();
       }
       break;
     case "calcite-loader":
       if (!customElements.get(tagName)) {
-        defineCustomElement$b();
+        defineCustomElement$c();
       }
       break;
     case "calcite-popover":
       if (!customElements.get(tagName)) {
-        defineCustomElement$a();
+        defineCustomElement$b();
       }
       break;
     case "calcite-progress":
       if (!customElements.get(tagName)) {
-        defineCustomElement$9();
+        defineCustomElement$a();
       }
       break;
     case "calcite-scrim":
       if (!customElements.get(tagName)) {
-        defineCustomElement$8();
+        defineCustomElement$9();
       }
       break;
     case "calcite-stack":
       if (!customElements.get(tagName)) {
-        defineCustomElement$7();
+        defineCustomElement$8();
       }
       break;
     case "calcite-tooltip":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$7();
+      }
+      break;
+    case "floor-filter":
       if (!customElements.get(tagName)) {
         defineCustomElement$6();
       }

package/dist/components/map-picker2.js

@@ -23,7 +23,7 @@ import { d as defineCustomElement$3 } from './scrim.js';
 import { d as defineCustomElement$2 } from './stack.js';
 import { d as defineCustomElement$1 } from './tooltip.js';
 
-const mapPickerCss = ":host{display:block}.width-full{width:100%}.height-full{height:100%}.display-flex{display:flex}.border-bottom-1{border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}.action-bar-size{height:51px;width:100%}.map-list{position:absolute;display:flex;flex-direction:column;overflow:hidden;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-ui-background);z-index:1000;width:100%;height:-moz-fit-content;height:fit-content}.display-none{display:none}.action-bar-color{background-color:var(--calcite-ui-border-3) !important}.align-center{align-items:center}";
+const mapPickerCss = ":host{display:block}.width-full{width:100%}.height-full{height:100%}.display-flex{display:flex}.border-bottom-1{border-width:0px;border-bottom-width:1px;border-style:solid;border-color:var(--calcite-ui-border-3)}.action-bar-size{height:51px;width:100%}.map-list{position:absolute;display:flex;flex-direction:column;overflow:hidden;animation:calcite-scrim-fade-in var(--calcite-internal-animation-timing-medium) ease-in-out;background-color:var(--calcite-ui-background);z-index:1000;width:100%;height:-moz-fit-content;height:fit-content}.display-none{display:none}.align-center{align-items:center}";
 
 const MapPicker = /*@__PURE__*/ proxyCustomElement(class MapPicker extends HTMLElement {
   constructor() {
@@ -125,7 +125,7 @@ const MapPicker = /*@__PURE__*/ proxyCustomElement(class MapPicker extends HTMLE
    * @protected
    */
   _getToolbar() {
-    return (h("div", { class: "display-flex" }, h("calcite-action-bar", { class: "action-bar-color border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: "header" }, this._getMapPicker())));
+    return (h("div", { class: "display-flex" }, h("calcite-action-bar", { class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: "header" }, this._getMapPicker())));
   }
   /**
    * Get a pick list for all maps in mapInfos

package/dist/components/map-tools2.js

@@ -5,11 +5,12 @@
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { g as getLocaleComponentStrings } from './locale.js';
-import { d as defineCustomElement$8 } from './basemap-gallery2.js';
-import { d as defineCustomElement$7 } from './action.js';
-import { d as defineCustomElement$6 } from './icon.js';
-import { d as defineCustomElement$5 } from './loader.js';
-import { d as defineCustomElement$4 } from './tooltip.js';
+import { d as defineCustomElement$9 } from './basemap-gallery2.js';
+import { d as defineCustomElement$8 } from './action.js';
+import { d as defineCustomElement$7 } from './icon.js';
+import { d as defineCustomElement$6 } from './loader.js';
+import { d as defineCustomElement$5 } from './tooltip.js';
+import { d as defineCustomElement$4 } from './floor-filter2.js';
 import { d as defineCustomElement$3 } from './map-fullscreen2.js';
 import { d as defineCustomElement$2 } from './map-legend2.js';
 import { d as defineCustomElement$1 } from './map-search2.js';
@@ -22,6 +23,7 @@ const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLEle
     this.__registerHost();
     this.__attachShadow();
     this.enableLegend = undefined;
+    this.enableFloorFilter = undefined;
     this.enableFullscreen = undefined;
     this.enableSearch = undefined;
     this.enableBasemap = undefined;
@@ -32,6 +34,7 @@ const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLEle
     this._translations = undefined;
     this._showTools = true;
     this._showBasemapWidget = false;
+    this._showFloorFilter = false;
     this._showFullscreen = false;
     this._showLegendWidget = false;
     this._showSearchWidget = false;
@@ -58,6 +61,21 @@ const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLEle
   /**
    * When the _showBasemapWidget property is true display the basemap gallery
    */
+  async _showFloorFilterWatchHandler(v) {
+    const widget = this._floorFilterElement.floorFilterWidget;
+    if (v) {
+      this.mapView.ui.add(widget, {
+        position: "top-right",
+        index: 1
+      });
+    }
+    else {
+      this.mapView.ui.remove(widget);
+    }
+  }
+  /**
+   * When the _showFullscreen property is true the app will consume the full screen
+   */
   async _showFullscreenWatchHandler(v) {
     const fs = this._fullscreenElement.fullscreenWidget;
     if (v) {
@@ -125,6 +143,7 @@ const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLEle
     const searchClass = this._showSearchWidget ? "" : "display-none";
     const basemapClass = this._showBasemapWidget ? "" : "display-none";
     const legendClass = this._showLegendWidget ? "" : "display-none";
+    const floorFilterClass = this._showFloorFilter ? "" : "display-none";
     const fullscreenClass = this._showFullscreen ? "" : "display-none";
     const fullscreenIcon = this._showFullscreen ? "full-screen-exit" : "full-screen";
     const fullscreenTip = this._showFullscreen ? this._translations.exitFullscreen : this._translations.enterFullscreen;
@@ -138,7 +157,9 @@ const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLEle
       this._getActionGroup(fullscreenIcon, false, fullscreenTip, () => this._expand()) :
       undefined, this.enableBasemap ?
       this._getActionGroup("basemap", false, this._translations.basemap, () => this._toggleBasemapPicker()) :
-      undefined)), h("basemap-gallery", { basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, searchConfiguration: this.searchConfiguration }), h("map-legend", { class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { class: fullscreenClass, mapView: this.mapView, ref: (el) => { this._fullscreenElement = el; } })));
+      undefined, this.enableFloorFilter ?
+      this._getActionGroup("urban-model", false, this._translations.floorFilter, () => this._toggleFloorFilter()) :
+      undefined)), h("basemap-gallery", { basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, searchConfiguration: this.searchConfiguration }), h("map-legend", { class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { class: fullscreenClass, mapView: this.mapView, ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { class: floorFilterClass, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
   }
   //--------------------------------------------------------------------------
   //
@@ -181,6 +202,17 @@ const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLEle
     this._showBasemapWidget = !this._showBasemapWidget;
     this._showTools = false;
   }
+  /**
+   * Show/Hide the floor filter
+   *
+   * @returns void
+   *
+   * @protected
+   */
+  _toggleFloorFilter() {
+    this._showFloorFilter = !this._showFloorFilter;
+    this._showTools = false;
+  }
   /**
    * Enter/Exit fullscreen mode
    *
@@ -203,6 +235,7 @@ const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLEle
       this._showBasemapWidget = false;
       this._showSearchWidget = false;
       this._showLegendWidget = false;
+      this._showFloorFilter = false;
     }
     this._showTools = !this._showTools;
   }
@@ -219,6 +252,7 @@ const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLEle
   get el() { return this; }
   static get watchers() { return {
     "_showBasemapWidget": ["_showBasemapWidgetWatchHandler"],
+    "_showFloorFilter": ["_showFloorFilterWatchHandler"],
     "_showFullscreen": ["_showFullscreenWatchHandler"],
     "_showLegendWidget": ["_showLegendWidgetWatchHandler"],
     "_showSearchWidget": ["_showSearchWidgetWatchHandler"]
@@ -226,6 +260,7 @@ const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLEle
   static get style() { return mapToolsCss; }
 }, [1, "map-tools", {
     "enableLegend": [4, "enable-legend"],
+    "enableFloorFilter": [4, "enable-floor-filter"],
     "enableFullscreen": [4, "enable-fullscreen"],
     "enableSearch": [4, "enable-search"],
     "enableBasemap": [4, "enable-basemap"],
@@ -236,6 +271,7 @@ const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLEle
     "_translations": [32],
     "_showTools": [32],
     "_showBasemapWidget": [32],
+    "_showFloorFilter": [32],
     "_showFullscreen": [32],
     "_showLegendWidget": [32],
     "_showSearchWidget": [32]
@@ -244,7 +280,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["map-tools", "basemap-gallery", "calcite-action", "calcite-icon", "calcite-loader", "calcite-tooltip", "map-fullscreen", "map-legend", "map-search"];
+  const components = ["map-tools", "basemap-gallery", "calcite-action", "calcite-icon", "calcite-loader", "calcite-tooltip", "floor-filter", "map-fullscreen", "map-legend", "map-search"];
   components.forEach(tagName => { switch (tagName) {
     case "map-tools":
       if (!customElements.get(tagName)) {
@@ -253,25 +289,30 @@ function defineCustomElement() {
       break;
     case "basemap-gallery":
       if (!customElements.get(tagName)) {
-        defineCustomElement$8();
+        defineCustomElement$9();
       }
       break;
     case "calcite-action":
       if (!customElements.get(tagName)) {
-        defineCustomElement$7();
+        defineCustomElement$8();
       }
       break;
     case "calcite-icon":
       if (!customElements.get(tagName)) {
-        defineCustomElement$6();
+        defineCustomElement$7();
       }
       break;
     case "calcite-loader":
       if (!customElements.get(tagName)) {
-        defineCustomElement$5();
+        defineCustomElement$6();
       }
       break;
     case "calcite-tooltip":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "floor-filter":
       if (!customElements.get(tagName)) {
         defineCustomElement$4();
       }

package/dist/components/mapViewUtils.js

@@ -43,16 +43,7 @@ async function getMapLayerHash(mapView, onlyShowUpdatableLayers) {
       return prev;
     }, {});
   });
-  return onlyShowUpdatableLayers ? Object.keys(layerHash).reduce(async (prev, cur) => {
-    const layer = await getLayerOrTable(mapView, cur);
-    await layer.when(() => {
-      prev[cur] = {
-        name: layerHash[cur].name,
-        supportsUpdate: layer.editingEnabled && layer.capabilities.operations.supportsUpdate
-      };
-    });
-    return prev;
-  }, {}) : layerHash;
+  return _getFinalHash(onlyShowUpdatableLayers, layerHash, mapView);
 }
 /**
  * Gets the table names from the current map
@@ -74,15 +65,37 @@ async function getMapTableHash(mapView, onlyShowUpdatableTables) {
       return prev;
     }, {});
   });
-  return onlyShowUpdatableTables ? Object.keys(tableHash).reduce(async (prev, cur) => {
-    const item = await getLayerOrTable(mapView, cur);
-    await item.load();
-    prev[cur] = {
-      name: tableHash[cur].name,
-      supportsUpdate: item.editingEnabled && item.capabilities.operations.supportsUpdate
-    };
-    return prev;
-  }, {}) : tableHash;
+  return _getFinalHash(onlyShowUpdatableTables, tableHash, mapView);
+}
+/**
+ * Get the final hash
+ *
+ * @param onlyShowUpdatable boolean when true only layers that support editing and the update capability will be returned
+ * @param hash IMapItemHash key: layer id, values: name, supportsUpdate
+ * @param mapView the map view to fetch the layer from
+ *
+ * @returns Promise resolving with IMapItemHash
+ *
+ */
+async function _getFinalHash(onlyShowUpdatable, hash, mapView) {
+  if (onlyShowUpdatable) {
+    const editableHash = {};
+    const keys = Object.keys(hash);
+    for (let i = 0; i < keys.length; i++) {
+      const id = keys[i];
+      const layer = await getLayerOrTable(mapView, id);
+      await layer.load();
+      await layer.when();
+      editableHash[id] = {
+        name: hash[id].name,
+        supportsUpdate: layer.editingEnabled && layer.capabilities.operations.supportsUpdate
+      };
+    }
+    return editableHash;
+  }
+  else {
+    return hash;
+  }
 }
 /**
  * Get a layer view by id