@esri/solutions-components 0.6.10 → 0.6.12

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

@@ -11,5 +11,6 @@
     "useLayerFeatures": "Use layer features",
     "inputLayer": "Input layer",
     "useLayerFeaturesTooltip": "Choose a layer and use the sketch tools to point to features that can be used as a boundary to select intersecting features from the input layer.",
-    "useSearchDistanceTootip": "Define a distance for a search buffer that will select input features that intersect the buffer."
+    "useSearchDistanceTootip": "Define a distance for a search buffer that will select input features that intersect the buffer.",
+    "placeholder": "Find address or place"
 }

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

@@ -11,5 +11,6 @@
     "useLayerFeatures": "Use layer features",
     "inputLayer": "Input layer",
     "useLayerFeaturesTooltip": "Choose a layer and use the sketch tools to point to features that can be used as a boundary to select intersecting features from the input layer.",
-    "useSearchDistanceTootip": "Define a distance for a search buffer that will select input features that intersect the buffer."
+    "useSearchDistanceTootip": "Define a distance for a search buffer that will select input features that intersect the buffer.",
+    "placeholder": "Find address or place"
 }

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

@@ -2,5 +2,8 @@
   "legend": "Legend",
   "search": "Search",
   "expand": "Expand",
-  "basemap": "Basemap"
+  "basemap": "Basemap",
+  "collapse": "Collapse",
+  "enterFullscreen": "Enter fullscreen",
+  "exitFullscreen": "Exit fullscreen"
 }

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

@@ -2,5 +2,8 @@
   "legend": "Legend",
   "search": "Search",
   "expand": "Expand",
-  "basemap": "Basemap"
+  "basemap": "Basemap",
+  "collapse": "Collapse",
+  "enterFullscreen": "Enter fullscreen",
+  "exitFullscreen": "Exit fullscreen"
 }

package/dist/cjs/{ExpandToggle-c5690e14.js → ExpandToggle-511435d5.js}

@@ -5,7 +5,7 @@
  */
 'use strict';
 
-const index = require('./index-0e50040c.js');
+const index = require('./index-ee37804b.js');
 const dom = require('./dom-456f9f13.js');
 const resources$1 = require('./resources-a2e2a544.js');
 const resources = require('./resources-10d29626.js');

package/dist/cjs/{FloatingArrow-675171a6.js → FloatingArrow-88e3f797.js}

@@ -5,7 +5,7 @@
  */
 'use strict';
 
-const index = require('./index-0e50040c.js');
+const index = require('./index-ee37804b.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.

package/dist/cjs/{Heading-3712677d.js → Heading-0da2a025.js}

@@ -5,7 +5,7 @@
  */
 'use strict';
 
-const index = require('./index-0e50040c.js');
+const index = require('./index-ee37804b.js');
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.

package/dist/cjs/{ar-1dc23c0a.js → ar-0a371029.js}

@@ -5,21 +5,21 @@
  */
 'use strict';
 
-const calciteInputTimePicker_entry = require('./calcite-input-time-picker-4efcd55d.js');
-require('./index-0e50040c.js');
-require('./form-7c6054c3.js');
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-188356eb.js');
+require('./index-ee37804b.js');
+require('./form-28bc6597.js');
 require('./dom-456f9f13.js');
 require('./guid-d1123d5e.js');
 require('./resources-993f6faf.js');
 require('./interactive-48299817.js');
 require('./key-8de93212.js');
 require('./label-166e2d81.js');
-require('./loadable-6925d840.js');
+require('./loadable-13605f73.js');
 require('./locale-79c3d30e.js');
 require('./observers-9912f013.js');
 require('./focusTrapComponent-d8412ddc.js');
 require('./time-24d40c60.js');
-require('./t9n-62d807df.js');
+require('./t9n-58d20225.js');
 
 // Arabic [ar]
 var months = 'يناير_فبراير_مارس_أبريل_مايو_يونيو_يوليو_أغسطس_سبتمبر_أكتوبر_نوفمبر_ديسمبر'.split('_');

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

@@ -7,10 +7,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0e50040c.js');
-const loadModules = require('./loadModules-c5490589.js');
-const locale = require('./locale-88c21da2.js');
-const interfaces = require('./interfaces-d539e30c.js');
+const index = require('./index-ee37804b.js');
+const loadModules = require('./loadModules-f6df8d6a.js');
+const locale = require('./locale-67f5f6b6.js');
 require('./_commonjsHelpers-384729db.js');
 
 const basemapGalleryCss = ":host{display:block}";
@@ -103,6 +102,108 @@ const BasemapGallery = class {
 };
 BasemapGallery.style = basemapGalleryCss;
 
+const mapFullscreenCss = ":host{display:block}";
+
+const MapFullscreen = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.mapView = undefined;
+    this.fullscreenWidget = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watch handlers
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * Called each time the mapView prop is changed.
+   *
+   * @returns Promise when complete
+   */
+  async mapViewWatchHandler() {
+    await this.mapView.when(() => {
+      this._initFullscreenWidget();
+    });
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Methods (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Events (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Functions (lifecycle)
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * StencilJS: Called once just after the component is first connected to the DOM.
+   */
+  async componentWillLoad() {
+    await this._initModules();
+  }
+  /**
+   * Renders the component.
+   */
+  render() {
+    return (index.h(index.Host, null, index.h("div", { class: "fullscreen-widget", ref: (el) => { this._fullscreenElement = el; } })));
+  }
+  /**
+   * StencilJS: Called just after the component updates.
+   * It's never called during the first render().
+   */
+  async componentDidUpdate() {
+    this._initFullscreenWidget();
+  }
+  /**
+   * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
+   */
+  async componentDidLoad() {
+    this._initFullscreenWidget();
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Functions (protected)
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * Load esri javascript api modules
+   *
+   * @returns Promise resolving when function is done
+   *
+   * @protected
+   */
+  async _initModules() {
+    const [Fullscreen] = await loadModules.loadModules([
+      "esri/widgets/Fullscreen"
+    ]);
+    this.Fullscreen = Fullscreen;
+  }
+  /**
+   * Initialize the search widget
+   *
+   * @protected
+   */
+  _initFullscreenWidget() {
+    if (this.mapView && this._fullscreenElement && !this.fullscreenWidget) {
+      this.fullscreenWidget = new this.Fullscreen({
+        view: this.mapView
+      });
+    }
+    else if (this.fullscreenWidget) {
+      this.fullscreenWidget.view = this.mapView;
+    }
+  }
+  static get watchers() { return {
+    "mapView": ["mapViewWatchHandler"]
+  }; }
+};
+MapFullscreen.style = mapFullscreenCss;
+
 const mapLegendCss = ":host{display:block}";
 
 const MapLegend = class {
@@ -500,18 +601,18 @@ const MapSearch = class {
 };
 MapSearch.style = mapSearchCss;
 
-const mapToolsCss = ":host{display:block}.display-none{display:none}.border{border:1px solid var(--calcite-ui-border-3)}.margin-top-1-2{margin-top:0.5rem}.square-40{width:40px;height:40px}.width-40{width:40px}.square-40-41{width:40px;height:41px}";
+const mapToolsCss = ":host{display:block}.display-none{display:none}.margin-top-1-2{margin-top:0.5rem}.square-40{width:40px;height:40px}.width-40{width:40px}.square-40-41{width:40px;height:41px}.border-bottom{border-bottom:1px solid var(--calcite-ui-border-3)}.box-shadow{box-shadow:0 1px 2px rgba(0, 0, 0, 0.3)}";
 
 const MapTools = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    this.expandMap = index.createEvent(this, "expandMap", 7);
     this.layout = "vertical";
     this.mapView = undefined;
     this.searchConfiguration = undefined;
     this._translations = undefined;
     this._showTools = true;
     this._showBasemapWidget = false;
+    this._showFullscreen = false;
     this._showLegendWidget = false;
     this._showSearchWidget = false;
   }
@@ -534,6 +635,18 @@ const MapTools = class {
       this.mapView.ui.remove(this._basemapElement.basemapWidget);
     }
   }
+  /**
+   * When the _showBasemapWidget property is true display the basemap gallery
+   */
+  async _showFullscreenWatchHandler(v) {
+    const fs = this._fullscreenElement.fullscreenWidget;
+    if (v) {
+      fs.viewModel.enter();
+    }
+    else {
+      fs.viewModel.exit();
+    }
+  }
   /**
    * When the _showLegendWidget property is true display the search widget
    */
@@ -564,6 +677,16 @@ const MapTools = class {
   }
   //--------------------------------------------------------------------------
   //
+  //  Methods (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Events (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
   //  Functions (lifecycle)
   //
   //--------------------------------------------------------------------------
@@ -582,7 +705,11 @@ const MapTools = class {
     const searchClass = this._showSearchWidget ? "" : "display-none";
     const basemapClass = this._showBasemapWidget ? "" : "display-none";
     const legendClass = this._showLegendWidget ? "" : "display-none";
-    return (index.h(index.Host, null, index.h("div", null, index.h("calcite-action", { alignment: "center", class: "border square-40", compact: false, icon: toggleIcon, onClick: () => { this._toggleTools(); }, scale: "s", text: "" }), index.h("calcite-action-bar", { class: `width-40 border margin-top-1-2 ${toolsClass}`, "expand-disabled": true, layout: this.layout }, this._getActionGroup("legend", false, this._translations.legend, () => this._showLegend()), this._getActionGroup("magnifying-glass", false, this._translations.search, () => this._search()), this._getActionGroup("expand", false, this._translations.expand, () => this._expand()), this._getActionGroup("basemap", false, this._translations.basemap, () => this._toggleBasemapPicker()))), index.h("basemap-gallery", { 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; } })));
+    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;
+    const expandTip = this._showTools ? this._translations.collapse : this._translations.expand;
+    return (index.h(index.Host, null, index.h("div", null, index.h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools())), index.h("div", { class: `margin-top-1-2 box-shadow ${toolsClass}` }, this._getActionGroup("legend", false, this._translations.legend, () => this._showLegend()), this._getActionGroup("magnifying-glass", false, this._translations.search, () => this._search()), this._getActionGroup(fullscreenIcon, false, fullscreenTip, () => this._expand()), this._getActionGroup("basemap", false, this._translations.basemap, () => this._toggleBasemapPicker()))), index.h("basemap-gallery", { 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; } })));
   }
   //--------------------------------------------------------------------------
   //
@@ -602,7 +729,7 @@ const MapTools = class {
    * @protected
    */
   _getActionGroup(icon, disabled, tip, func) {
-    return (index.h("calcite-action-group", { class: "square-40-41" }, index.h("calcite-action", { alignment: "center", class: "square-40", compact: false, disabled: disabled, icon: icon, id: icon, onClick: func, scale: "s", text: "" }, index.h("calcite-icon", { icon: "cheveron-up", scale: "s", slot: "icon" })), index.h("calcite-tooltip", { label: "", placement: "trailing", "reference-element": icon }, index.h("span", null, tip))));
+    return (index.h("div", { class: "border-bottom" }, index.h("calcite-action", { alignment: "center", class: "square-40", compact: false, disabled: disabled, icon: icon, id: icon, onClick: func, scale: "s", text: "" }, index.h("calcite-icon", { icon: "cheveron-up", scale: "s", slot: "icon" })), index.h("calcite-tooltip", { label: "", placement: "trailing", "reference-element": icon }, index.h("span", null, tip))));
   }
   // need to discuss this with the team
   _showLegend() {
@@ -626,14 +753,14 @@ const MapTools = class {
     this._showTools = false;
   }
   /**
-   * Emit the expand map event
+   * Enter/Exit fullscreen mode
    *
    * @returns void
    *
    * @protected
    */
   _expand() {
-    this.expandMap.emit(interfaces.EExpandType.EXPAND);
+    this._showFullscreen = !this._showFullscreen;
   }
   /**
    * Show/Hide the map tools
@@ -663,6 +790,7 @@ const MapTools = class {
   get el() { return index.getElement(this); }
   static get watchers() { return {
     "_showBasemapWidget": ["_showBasemapWidgetWatchHandler"],
+    "_showFullscreen": ["_showFullscreenWatchHandler"],
     "_showLegendWidget": ["_showLegendWidgetWatchHandler"],
     "_showSearchWidget": ["_showSearchWidgetWatchHandler"]
   }; }
@@ -670,6 +798,7 @@ const MapTools = class {
 MapTools.style = mapToolsCss;
 
 exports.basemap_gallery = BasemapGallery;
+exports.map_fullscreen = MapFullscreen;
 exports.map_legend = MapLegend;
 exports.map_picker = MapPicker;
 exports.map_search = MapSearch;

package/dist/cjs/{bg-4024b354.js → bg-f7538b74.js}

@@ -5,21 +5,21 @@
  */
 'use strict';
 
-const calciteInputTimePicker_entry = require('./calcite-input-time-picker-4efcd55d.js');
-require('./index-0e50040c.js');
-require('./form-7c6054c3.js');
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-188356eb.js');
+require('./index-ee37804b.js');
+require('./form-28bc6597.js');
 require('./dom-456f9f13.js');
 require('./guid-d1123d5e.js');
 require('./resources-993f6faf.js');
 require('./interactive-48299817.js');
 require('./key-8de93212.js');
 require('./label-166e2d81.js');
-require('./loadable-6925d840.js');
+require('./loadable-13605f73.js');
 require('./locale-79c3d30e.js');
 require('./observers-9912f013.js');
 require('./focusTrapComponent-d8412ddc.js');
 require('./time-24d40c60.js');
-require('./t9n-62d807df.js');
+require('./t9n-58d20225.js');
 
 // Bulgarian [bg]
 var locale = {

package/dist/cjs/{bs-3134d711.js → bs-6560857c.js}

@@ -5,21 +5,21 @@
  */
 'use strict';
 
-const calciteInputTimePicker_entry = require('./calcite-input-time-picker-4efcd55d.js');
-require('./index-0e50040c.js');
-require('./form-7c6054c3.js');
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-188356eb.js');
+require('./index-ee37804b.js');
+require('./form-28bc6597.js');
 require('./dom-456f9f13.js');
 require('./guid-d1123d5e.js');
 require('./resources-993f6faf.js');
 require('./interactive-48299817.js');
 require('./key-8de93212.js');
 require('./label-166e2d81.js');
-require('./loadable-6925d840.js');
+require('./loadable-13605f73.js');
 require('./locale-79c3d30e.js');
 require('./observers-9912f013.js');
 require('./focusTrapComponent-d8412ddc.js');
 require('./time-24d40c60.js');
-require('./t9n-62d807df.js');
+require('./t9n-58d20225.js');
 
 // Bosnian [bs]
 var locale = {

package/dist/cjs/buffer-tools_4.cjs.entry.js

@@ -7,24 +7,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0e50040c.js');
-const loadModules = require('./loadModules-c5490589.js');
-const locale = require('./locale-88c21da2.js');
+const index = require('./index-ee37804b.js');
+const loadModules = require('./loadModules-f6df8d6a.js');
+const locale = require('./locale-67f5f6b6.js');
 const dom = require('./dom-456f9f13.js');
 const guid = require('./guid-d1123d5e.js');
-const form = require('./form-7c6054c3.js');
+const form = require('./form-28bc6597.js');
 const interactive = require('./interactive-48299817.js');
 const key = require('./key-8de93212.js');
 const label = require('./label-166e2d81.js');
-const loadable = require('./loadable-6925d840.js');
+const loadable = require('./loadable-13605f73.js');
 const locale$1 = require('./locale-79c3d30e.js');
 const math = require('./math-f28069f3.js');
-const interfaces = require('./interfaces-d539e30c.js');
-const publicNotificationStore = require('./publicNotificationStore-55edd658.js');
+const interfaces = require('./interfaces-000be6de.js');
+const publicNotificationStore = require('./publicNotificationStore-b69862af.js');
 require('./_commonjsHelpers-384729db.js');
 require('./resources-993f6faf.js');
 require('./observers-9912f013.js');
-require('./index-2b60e135.js');
+require('./index-feeb7b6a.js');
 
 const bufferToolsCss = ":host{display:block}.c-container{display:inline-flex}.flex-1{flex:\"1\"}.padding-end-1{padding-inline-end:1rem}.w-50{width:50%}";
 
@@ -165,9 +165,11 @@ const BufferTools = class {
       }
       this._bufferTimeout = setTimeout(() => {
         var _a;
-        // needs to be wgs 84 or Web Mercator
         if (((_a = this.geometries) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.unit && this.distance > 0) {
-          const buffer = this._geometryEngine.geodesicBuffer(this.geometries, this.distance, this.unit, this.unionResults);
+          const geom = this.geometries[0];
+          const sr = geom.spatialReference;
+          const buffer = (sr.isWGS84 || sr.isWebMercator) ?
+            this._geometryEngine.geodesicBuffer(this.geometries, this.distance, this.unit, this.unionResults) : this._geometryEngine.buffer(this.geometries, this.distance, this.unit, this.unionResults);
           this.bufferComplete.emit(buffer);
         }
       }, 400);

package/dist/cjs/{ca-8d6647d3.js → ca-d74198eb.js}

@@ -5,21 +5,21 @@
  */
 'use strict';
 
-const calciteInputTimePicker_entry = require('./calcite-input-time-picker-4efcd55d.js');
-require('./index-0e50040c.js');
-require('./form-7c6054c3.js');
+const calciteInputTimePicker_entry = require('./calcite-input-time-picker-188356eb.js');
+require('./index-ee37804b.js');
+require('./form-28bc6597.js');
 require('./dom-456f9f13.js');
 require('./guid-d1123d5e.js');
 require('./resources-993f6faf.js');
 require('./interactive-48299817.js');
 require('./key-8de93212.js');
 require('./label-166e2d81.js');
-require('./loadable-6925d840.js');
+require('./loadable-13605f73.js');
 require('./locale-79c3d30e.js');
 require('./observers-9912f013.js');
 require('./focusTrapComponent-d8412ddc.js');
 require('./time-24d40c60.js');
-require('./t9n-62d807df.js');
+require('./t9n-58d20225.js');
 
 // Catalan [ca]
 var locale = {

package/dist/cjs/calcite-accordion-item.cjs.entry.js

@@ -7,8 +7,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0e50040c.js');
-const conditionalSlot = require('./conditionalSlot-126d557f.js');
+const index = require('./index-ee37804b.js');
+const conditionalSlot = require('./conditionalSlot-f10611d3.js');
 const dom = require('./dom-456f9f13.js');
 const resources = require('./resources-993f6faf.js');
 require('./observers-9912f013.js');

package/dist/cjs/calcite-accordion.cjs.entry.js

@@ -7,7 +7,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0e50040c.js');
+const index = require('./index-ee37804b.js');
 const observers = require('./observers-9912f013.js');
 
 const accordionCss = ":host([scale=s]){--calcite-accordion-item-spacing-unit:0.25rem;--calcite-accordion-icon-margin:0.5rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.5rem;font-size:var(--calcite-font-size--2);line-height:1rem}:host([scale=m]){--calcite-accordion-item-spacing-unit:0.5rem;--calcite-accordion-icon-margin:0.75rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 0.75rem;font-size:var(--calcite-font-size--1);line-height:1rem}:host([scale=l]){--calcite-accordion-item-spacing-unit:0.75rem;--calcite-accordion-icon-margin:1rem;--calcite-accordion-item-padding:var(--calcite-accordion-item-spacing-unit) 1rem;font-size:var(--calcite-font-size-0);line-height:1.25rem}:host{position:relative;display:block;max-inline-size:100%;line-height:1.5rem;--calcite-accordion-item-border:var(--calcite-ui-border-2);--calcite-accordion-item-background:var(--calcite-ui-foreground-1)}.accordion--transparent{--calcite-accordion-item-border:transparent;--calcite-accordion-item-background:transparent}.accordion{border-width:1px;border-block-end-width:0px;border-style:solid;border-color:var(--calcite-ui-border-2)}:host([hidden]){display:none}[hidden]{display:none}";