@esri/solutions-components 0.6.16 → 0.6.18

package/README.md

@@ -4,7 +4,7 @@
 
 [npm-img]: https://img.shields.io/npm/v/@esri/solutions-components.svg?style=round-square&color=blue
 [npm-url]: https://www.npmjs.com/package/@esri/solutions-components
-[travis-img]: https://img.shields.io/travis/Esri/solutions-components/develop.svg
+[travis-img]: https://img.shields.io/travis/com/Esri/solutions-components/develop.svg
 [travis-url]: https://travis-ci.org/Esri/solutions-components
 [license-img]: https://img.shields.io/badge/license-Apache%202.0-blue.svg
 [license-url]: #license

package/dist/assets/t9n/map-tools/resources.json

@@ -5,5 +5,6 @@
   "basemap": "Basemap",
   "collapse": "Collapse",
   "enterFullscreen": "Enter fullscreen",
-  "exitFullscreen": "Exit fullscreen"
+  "exitFullscreen": "Exit fullscreen",
+  "floorFilter": "Floor filter"
 }

package/dist/assets/t9n/map-tools/resources_en.json

@@ -5,5 +5,6 @@
   "basemap": "Basemap",
   "collapse": "Collapse",
   "enterFullscreen": "Enter fullscreen",
-  "exitFullscreen": "Exit fullscreen"
+  "exitFullscreen": "Exit fullscreen",
+  "floorFilter": "Floor filter"
 }

package/dist/assets/t9n/solution-spatial-ref/resources.json

@@ -1,7 +1,6 @@
 {
     "paramDescription": "Expose the Spatial Reference parameter and allow users to change the layers spatial reference when deploying the solution.",
     "specifyParam": "Spatial Reference parameter",
-    "spatialReferencePlaceholder": "Search for spatial reference using name or WKID",
     "spatialReferenceInfo": "Select the default spatial reference of the feature layers deployed with the solution.",
     "featureServicesHeading": "Apply spatial reference to the following layers"
 }

package/dist/assets/t9n/solution-spatial-ref/resources_en.json

@@ -1,7 +1,6 @@
 {
     "paramDescription": "Expose the Spatial Reference parameter and allow users to change the layers spatial reference when deploying the solution.",
     "specifyParam": "Spatial Reference parameter",
-    "spatialReferencePlaceholder": "Search for spatial reference using name or WKID",
     "spatialReferenceInfo": "Select the default spatial reference of the feature layers deployed with the solution.",
     "featureServicesHeading": "Apply spatial reference to the following layers"
 }

package/dist/assets/t9n/solution-spatial-ref/resources_fr.json

@@ -0,0 +1,6 @@
+{
+    "paramDescription": "Exposez le paramètre Spatial Reference et autorisez les utilisateurs à modifier la référence spatiale des couches lors du déploiement de la solution.",
+    "specifyParam": "Paramètre de référence spatiale",
+    "spatialReferencePlaceholder": "Rechercher une référence spatiale à l'aide du nom ou du WKID",
+    "spatialReferenceInfo": "Sélectionnez la référence spatiale par défaut."
+}

package/dist/assets/t9n/solution-spatial-ref/resources_he.json

@@ -0,0 +1,6 @@
+{
+    "paramDescription": "חשוף את הפרמטר Spatial Reference ואפשר למשתמשים לשנות את ההתייחסות המרחבית לשכבות בעת פריסת הפתרון.",
+    "specifyParam": "פרמטר התייחסות מרחבית",
+    "spatialReferencePlaceholder": "חפש הפניה מרחבית באמצעות שם או WKID",
+    "spatialReferenceInfo": "בחר ברירת המחדל של הפניה מרחבית."
+}

package/dist/assets/t9n/spatial-ref/resources.json

@@ -0,0 +1,3 @@
+{
+    "spatialReferencePlaceholder": "Search for spatial reference using name or WKID"
+}

package/dist/assets/t9n/spatial-ref/resources_en.json

@@ -0,0 +1,3 @@
+{
+    "spatialReferencePlaceholder": "Search for spatial reference using name or WKID"
+}

package/dist/assets/t9n/spatial-ref/resources_fr.json

@@ -0,0 +1,3 @@
+{
+    "spatialReferencePlaceholder": "Rechercher une référence spatiale à l'aide du nom ou du WKID"
+}

package/dist/assets/t9n/spatial-ref/resources_he.json

@@ -0,0 +1,3 @@
+{
+    "spatialReferencePlaceholder": "חפש הפניה מרחבית באמצעות שם או WKID"
+}

package/dist/cjs/{basemap-gallery_6.cjs.entry.js → basemap-gallery_7.cjs.entry.js}

@@ -103,6 +103,93 @@ const BasemapGallery = class {
 };
 BasemapGallery.style = basemapGalleryCss;
 
+const floorFilterCss = ":host{display:block}";
+
+const FloorFilter = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.floorFilterWidget = undefined;
+    this.mapView = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watch handlers
+  //
+  //--------------------------------------------------------------------------
+  async mapViewWatchHandler() {
+    await this.mapView.when(() => {
+      this._initFloorFilter(this.mapView);
+    });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Methods (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Events (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Functions (lifecycle)
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * StencilJS: Called once just after the component is first connected to the DOM.
+   */
+  async componentWillLoad() {
+    return this._initModules();
+  }
+  render() {
+    return (index.h(index.Host, null, index.h("div", { ref: (el) => { this._floorFilterElement = el; } })));
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Functions (protected)
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * Load esri javascript api modules
+   *
+   * @returns Promise resolving when function is done
+   *
+   * @protected
+   */
+  async _initModules() {
+    const [FloorFilter] = await loadModules.loadModules([
+      "esri/widgets/FloorFilter"
+    ]);
+    this.FloorFilter = FloorFilter;
+  }
+  /**
+   * Initialize the floor filter or reset the current view if it already exists
+   *
+   * @returns void
+   *
+   * @protected
+   */
+  _initFloorFilter(view) {
+    if (view && this.FloorFilter) {
+      if (!this.floorFilterWidget) {
+        this.floorFilterWidget = new this.FloorFilter({
+          container: this._floorFilterElement,
+          view
+        });
+      }
+      else {
+        this.floorFilterWidget.view = view;
+      }
+    }
+  }
+  get el() { return index.getElement(this); }
+  static get watchers() { return {
+    "mapView": ["mapViewWatchHandler"]
+  }; }
+};
+FloorFilter.style = floorFilterCss;
+
 const mapFullscreenCss = ":host{display:block}";
 
 const MapFullscreen = class {
@@ -295,7 +382,7 @@ const MapLegend = class {
 };
 MapLegend.style = mapLegendCss;
 
-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 = class {
   constructor(hostRef) {
@@ -395,7 +482,7 @@ const MapPicker = class {
    * @protected
    */
   _getToolbar() {
-    return (index.h("div", { class: "display-flex" }, index.h("calcite-action-bar", { class: "action-bar-color border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: "header" }, this._getMapPicker())));
+    return (index.h("div", { class: "display-flex" }, index.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
@@ -628,6 +715,7 @@ const MapTools = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.enableLegend = undefined;
+    this.enableFloorFilter = undefined;
     this.enableFullscreen = undefined;
     this.enableSearch = undefined;
     this.enableBasemap = undefined;
@@ -638,6 +726,7 @@ const MapTools = class {
     this._translations = undefined;
     this._showTools = true;
     this._showBasemapWidget = false;
+    this._showFloorFilter = false;
     this._showFullscreen = false;
     this._showLegendWidget = false;
     this._showSearchWidget = false;
@@ -664,6 +753,21 @@ const MapTools = class {
   /**
    * 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) {
@@ -731,6 +835,7 @@ const MapTools = class {
     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;
@@ -744,7 +849,9 @@ const MapTools = class {
       this._getActionGroup(fullscreenIcon, false, fullscreenTip, () => this._expand()) :
       undefined, this.enableBasemap ?
       this._getActionGroup("basemap", false, this._translations.basemap, () => this._toggleBasemapPicker()) :
-      undefined)), index.h("basemap-gallery", { basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), index.h("map-search", { class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, searchConfiguration: this.searchConfiguration }), index.h("map-legend", { class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), index.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)), index.h("basemap-gallery", { basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), index.h("map-search", { class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, searchConfiguration: this.searchConfiguration }), index.h("map-legend", { class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), index.h("map-fullscreen", { class: fullscreenClass, mapView: this.mapView, ref: (el) => { this._fullscreenElement = el; } }), index.h("floor-filter", { class: floorFilterClass, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
   }
   //--------------------------------------------------------------------------
   //
@@ -787,6 +894,17 @@ const MapTools = class {
     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
    *
@@ -809,6 +927,7 @@ const MapTools = class {
       this._showBasemapWidget = false;
       this._showSearchWidget = false;
       this._showLegendWidget = false;
+      this._showFloorFilter = false;
     }
     this._showTools = !this._showTools;
   }
@@ -825,6 +944,7 @@ const MapTools = class {
   get el() { return index.getElement(this); }
   static get watchers() { return {
     "_showBasemapWidget": ["_showBasemapWidgetWatchHandler"],
+    "_showFloorFilter": ["_showFloorFilterWatchHandler"],
     "_showFullscreen": ["_showFullscreenWatchHandler"],
     "_showLegendWidget": ["_showLegendWidgetWatchHandler"],
     "_showSearchWidget": ["_showSearchWidgetWatchHandler"]
@@ -833,6 +953,7 @@ const MapTools = class {
 MapTools.style = mapToolsCss;
 
 exports.basemap_gallery = BasemapGallery;
+exports.floor_filter = FloorFilter;
 exports.map_fullscreen = MapFullscreen;
 exports.map_legend = MapLegend;
 exports.map_picker = MapPicker;