@esri/solutions-components 0.6.11 → 0.6.12

package/dist/components/layer-table2.js

@@ -203,7 +203,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
   _getTableControlRow(slot) {
     const featuresSelected = this._selectedIndexes.length > 0;
     return (h("div", { class: "display-flex table-border height-51", slot: slot }, h("calcite-action-bar", { expandDisabled: true, expanded: true, layout: "horizontal" }, h("div", { class: "border-end" }, h("map-layer-picker", { appearance: "transparent", mapView: this.mapView, onLayerSelectionChange: (evt) => this._layerSelectionChanged(evt), placeholderIcon: "layers", scale: "l", type: "dropdown" })), h("calcite-action", { appearance: "solid", disabled: !featuresSelected, icon: "magnifying-glass", id: "magnifying-glass", label: this._translations.zoom, onClick: () => this._zoom(), text: this._translations.zoom, textEnabled: true }), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": "magnifying-glass" }, h("span", null, this._translations.zoom)), h("calcite-action", { appearance: "solid", icon: "filter", id: "filter", onClick: () => this._filter(), text: this._translations.filters, "text-enabled": "true", textEnabled: true }), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": "filter" }, h("span", null, this._translations.filters)), h("calcite-action", { appearance: "solid", disabled: !featuresSelected, id: "trash", onClick: () => this._delete(), text: "" }, h("calcite-button", { appearance: "transparent", iconStart: "trash", kind: "danger" }, this._translations.delete)), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": "trash" }, h("span", null, this._translations.delete)), h("calcite-action", { appearance: "solid", disabled: !featuresSelected, icon: "erase", id: "erase", onClick: () => this._clearSelection(), text: this._translations.clearSelection, "text-enabled": "true", textEnabled: true }), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": "erase" }, h("span", null, this._translations.clearSelection))), h("calcite-dropdown", null, h("calcite-action", { appearance: "solid", label: "", slot: "trigger", text: "" }, h("calcite-button", { appearance: "transparent", iconEnd: "chevron-down", kind: "neutral" }, this._translations.more)), h("calcite-dropdown-group", { "selection-mode": "none" }, h("calcite-dropdown-item", { iconStart: "list-check-all", onClick: () => this._selectAll() }, this._translations.selectAll), h("calcite-dropdown-item", { iconStart: "selected-items-filter", onClick: () => this._toggleShowSelected() }, this._showOnlySelected ? this._translations.showAll :
-      this._translations.showSelected), h("calcite-dropdown-item", { iconStart: "refresh", onClick: () => this._switchSelected() }, this._translations.switchSelected), h("calcite-dropdown-item", { iconStart: "refresh", onClick: () => this._refresh() }, this._translations.refresh), h("calcite-dropdown-item", { iconStart: "export", onClick: () => void this._exportToCSV() }, this._translations.exportCSV)))));
+      this._translations.showSelected), h("calcite-dropdown-item", { iconStart: "compare", onClick: () => this._switchSelected() }, this._translations.switchSelected), h("calcite-dropdown-item", { iconStart: "refresh", onClick: () => this._refresh() }, this._translations.refresh), h("calcite-dropdown-item", { iconStart: "export", onClick: () => void this._exportToCSV() }, this._translations.exportCSV)))));
   }
   /**
    * Initialize the FeatureTable
@@ -396,11 +396,12 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     const exportInfos = {};
     const ids = this._table.highlightIds.toArray();
     exportInfos[this._layer.id] = {
-      selectionSetNames: [],
+      selectionSetNames: [this._layer.title],
       ids,
       layer: this._layer
     };
     void downloadCSV(exportInfos, false, // formatUsingLayerPopup
+    false, // removeDuplicates
     true);
   }
   /**

package/dist/components/map-card2.js

@@ -5,30 +5,31 @@
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { l as loadModules } from './loadModules.js';
-import { d as defineCustomElement$m } from './basemap-gallery2.js';
-import { d as defineCustomElement$l } from './action.js';
-import { d as defineCustomElement$k } from './action-bar.js';
-import { d as defineCustomElement$j } from './action-group.js';
-import { d as defineCustomElement$i } from './action-menu.js';
-import { d as defineCustomElement$h } from './button.js';
-import { d as defineCustomElement$g } from './filter2.js';
-import { d as defineCustomElement$f } from './handle.js';
-import { d as defineCustomElement$e } from './icon.js';
-import { d as defineCustomElement$d } from './input.js';
-import { d as defineCustomElement$c } from './list.js';
-import { d as defineCustomElement$b } from './list-item2.js';
-import { d as defineCustomElement$a } from './loader.js';
-import { d as defineCustomElement$9 } from './popover.js';
-import { d as defineCustomElement$8 } from './progress.js';
-import { d as defineCustomElement$7 } from './scrim.js';
-import { d as defineCustomElement$6 } from './stack.js';
-import { d as defineCustomElement$5 } from './tooltip.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$5 } from './map-fullscreen2.js';
 import { d as defineCustomElement$4 } from './map-legend2.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)}";
+const mapCardCss = ":host{display:block;--calcite-label-margin-bottom:0;--calcite-block-padding:0}.map-height{height:calc(100% - 58px)}.box-shadow{box-shadow:none !important}";
 
 const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLElement {
   constructor() {
@@ -65,7 +66,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", { 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", { class: "box-shadow", mapView: this.mapView, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration })));
   }
   //--------------------------------------------------------------------------
   //
@@ -140,7 +141,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-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", "map-fullscreen", "map-legend", "map-picker", "map-search", "map-tools"];
   components.forEach(tagName => { switch (tagName) {
     case "map-card":
       if (!customElements.get(tagName)) {
@@ -149,90 +150,95 @@ function defineCustomElement() {
       break;
     case "basemap-gallery":
       if (!customElements.get(tagName)) {
-        defineCustomElement$m();
+        defineCustomElement$n();
       }
       break;
     case "calcite-action":
       if (!customElements.get(tagName)) {
-        defineCustomElement$l();
+        defineCustomElement$m();
       }
       break;
     case "calcite-action-bar":
       if (!customElements.get(tagName)) {
-        defineCustomElement$k();
+        defineCustomElement$l();
       }
       break;
     case "calcite-action-group":
       if (!customElements.get(tagName)) {
-        defineCustomElement$j();
+        defineCustomElement$k();
       }
       break;
     case "calcite-action-menu":
       if (!customElements.get(tagName)) {
-        defineCustomElement$i();
+        defineCustomElement$j();
       }
       break;
     case "calcite-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$h();
+        defineCustomElement$i();
       }
       break;
     case "calcite-filter":
       if (!customElements.get(tagName)) {
-        defineCustomElement$g();
+        defineCustomElement$h();
       }
       break;
     case "calcite-handle":
       if (!customElements.get(tagName)) {
-        defineCustomElement$f();
+        defineCustomElement$g();
       }
       break;
     case "calcite-icon":
       if (!customElements.get(tagName)) {
-        defineCustomElement$e();
+        defineCustomElement$f();
       }
       break;
     case "calcite-input":
       if (!customElements.get(tagName)) {
-        defineCustomElement$d();
+        defineCustomElement$e();
       }
       break;
     case "calcite-list":
       if (!customElements.get(tagName)) {
-        defineCustomElement$c();
+        defineCustomElement$d();
       }
       break;
     case "calcite-list-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$b();
+        defineCustomElement$c();
       }
       break;
     case "calcite-loader":
       if (!customElements.get(tagName)) {
-        defineCustomElement$a();
+        defineCustomElement$b();
       }
       break;
     case "calcite-popover":
       if (!customElements.get(tagName)) {
-        defineCustomElement$9();
+        defineCustomElement$a();
       }
       break;
     case "calcite-progress":
       if (!customElements.get(tagName)) {
-        defineCustomElement$8();
+        defineCustomElement$9();
       }
       break;
     case "calcite-scrim":
       if (!customElements.get(tagName)) {
-        defineCustomElement$7();
+        defineCustomElement$8();
       }
       break;
     case "calcite-stack":
       if (!customElements.get(tagName)) {
-        defineCustomElement$6();
+        defineCustomElement$7();
       }
       break;
     case "calcite-tooltip":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$6();
+      }
+      break;
+    case "map-fullscreen":
       if (!customElements.get(tagName)) {
         defineCustomElement$5();
       }

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

@@ -4,7 +4,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as EDrawMode } from './interfaces.js';
+import { b as EDrawMode } from './interfaces.js';
 import { l as loadModules } from './loadModules.js';
 import { s as state } from './publicNotificationStore.js';
 import { g as getLocaleComponentStrings } from './locale.js';

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

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

package/dist/components/map-fullscreen.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 MapFullscreen$1, d as defineCustomElement$1 } from './map-fullscreen2.js';
+
+const MapFullscreen = MapFullscreen$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { MapFullscreen, defineCustomElement };

package/dist/components/map-fullscreen2.js

@@ -0,0 +1,130 @@
+/*!
+ * 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';
+import { l as loadModules } from './loadModules.js';
+
+const mapFullscreenCss = ":host{display:block}";
+
+const MapFullscreen = /*@__PURE__*/ proxyCustomElement(class MapFullscreen extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    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 (h(Host, null, 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([
+      "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"]
+  }; }
+  static get style() { return mapFullscreenCss; }
+}, [1, "map-fullscreen", {
+    "mapView": [16],
+    "fullscreenWidget": [16]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["map-fullscreen"];
+  components.forEach(tagName => { switch (tagName) {
+    case "map-fullscreen":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, MapFullscreen);
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { MapFullscreen as M, defineCustomElement as d };

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

@@ -191,7 +191,13 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
    * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
    */
   async componentDidLoad() {
-    return this._init();
+    await this._init();
+    await this._searchWidget.when(() => {
+      this._searchWidget.allPlaceholder = this._translations.placeholder;
+      this._searchWidget.defaultSources.forEach(s => {
+        s.placeholder = this._translations.placeholder;
+      });
+    });
   }
   /**
    * Renders the component.

package/dist/components/map-tools2.js

@@ -3,35 +3,31 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { g as getLocaleComponentStrings } from './locale.js';
-import { b as EExpandType } from './interfaces.js';
-import { d as defineCustomElement$b } from './basemap-gallery2.js';
-import { d as defineCustomElement$a } from './action.js';
-import { d as defineCustomElement$9 } from './action-bar.js';
-import { d as defineCustomElement$8 } from './action-group.js';
-import { d as defineCustomElement$7 } from './action-menu.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 './popover.js';
-import { d as defineCustomElement$3 } from './tooltip.js';
+import { d as defineCustomElement$4 } from './tooltip.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';
 
-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 = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
     this.__attachShadow();
-    this.expandMap = 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;
   }
@@ -54,6 +50,18 @@ const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLEle
       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
    */
@@ -84,6 +92,16 @@ const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLEle
   }
   //--------------------------------------------------------------------------
   //
+  //  Methods (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Events (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
   //  Functions (lifecycle)
   //
   //--------------------------------------------------------------------------
@@ -102,7 +120,11 @@ 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";
-    return (h(Host, null, h("div", null, h("calcite-action", { alignment: "center", class: "border square-40", compact: false, icon: toggleIcon, onClick: () => { this._toggleTools(); }, scale: "s", text: "" }), 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()))), h("basemap-gallery", { 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; } })));
+    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 (h(Host, null, h("div", null, h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools())), 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()))), h("basemap-gallery", { 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; } })));
   }
   //--------------------------------------------------------------------------
   //
@@ -122,7 +144,7 @@ const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLEle
    * @protected
    */
   _getActionGroup(icon, disabled, tip, func) {
-    return (h("calcite-action-group", { class: "square-40-41" }, h("calcite-action", { alignment: "center", class: "square-40", compact: false, disabled: disabled, icon: icon, id: icon, onClick: func, scale: "s", text: "" }, h("calcite-icon", { icon: "cheveron-up", scale: "s", slot: "icon" })), h("calcite-tooltip", { label: "", placement: "trailing", "reference-element": icon }, h("span", null, tip))));
+    return (h("div", { class: "border-bottom" }, h("calcite-action", { alignment: "center", class: "square-40", compact: false, disabled: disabled, icon: icon, id: icon, onClick: func, scale: "s", text: "" }, h("calcite-icon", { icon: "cheveron-up", scale: "s", slot: "icon" })), h("calcite-tooltip", { label: "", placement: "trailing", "reference-element": icon }, h("span", null, tip))));
   }
   // need to discuss this with the team
   _showLegend() {
@@ -146,14 +168,14 @@ const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLEle
     this._showTools = false;
   }
   /**
-   * Emit the expand map event
+   * Enter/Exit fullscreen mode
    *
    * @returns void
    *
    * @protected
    */
   _expand() {
-    this.expandMap.emit(EExpandType.EXPAND);
+    this._showFullscreen = !this._showFullscreen;
   }
   /**
    * Show/Hide the map tools
@@ -183,6 +205,7 @@ const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLEle
   get el() { return this; }
   static get watchers() { return {
     "_showBasemapWidget": ["_showBasemapWidgetWatchHandler"],
+    "_showFullscreen": ["_showFullscreenWatchHandler"],
     "_showLegendWidget": ["_showLegendWidgetWatchHandler"],
     "_showSearchWidget": ["_showSearchWidgetWatchHandler"]
   }; }
@@ -194,6 +217,7 @@ const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLEle
     "_translations": [32],
     "_showTools": [32],
     "_showBasemapWidget": [32],
+    "_showFullscreen": [32],
     "_showLegendWidget": [32],
     "_showSearchWidget": [32]
   }]);
@@ -201,7 +225,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["map-tools", "basemap-gallery", "calcite-action", "calcite-action-bar", "calcite-action-group", "calcite-action-menu", "calcite-icon", "calcite-loader", "calcite-popover", "calcite-tooltip", "map-legend", "map-search"];
+  const components = ["map-tools", "basemap-gallery", "calcite-action", "calcite-icon", "calcite-loader", "calcite-tooltip", "map-fullscreen", "map-legend", "map-search"];
   components.forEach(tagName => { switch (tagName) {
     case "map-tools":
       if (!customElements.get(tagName)) {
@@ -209,26 +233,11 @@ function defineCustomElement() {
       }
       break;
     case "basemap-gallery":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$b();
-      }
-      break;
-    case "calcite-action":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$a();
-      }
-      break;
-    case "calcite-action-bar":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$9();
-      }
-      break;
-    case "calcite-action-group":
       if (!customElements.get(tagName)) {
         defineCustomElement$8();
       }
       break;
-    case "calcite-action-menu":
+    case "calcite-action":
       if (!customElements.get(tagName)) {
         defineCustomElement$7();
       }
@@ -243,12 +252,12 @@ function defineCustomElement() {
         defineCustomElement$5();
       }
       break;
-    case "calcite-popover":
+    case "calcite-tooltip":
       if (!customElements.get(tagName)) {
         defineCustomElement$4();
       }
       break;
-    case "calcite-tooltip":
+    case "map-fullscreen":
       if (!customElements.get(tagName)) {
         defineCustomElement$3();
       }

package/dist/components/pdf-download2.js

@@ -277,7 +277,7 @@ const PdfDownload = /*@__PURE__*/ proxyCustomElement(class PdfDownload extends H
   render() {
     return (h(Host, null, h("calcite-select", { disabled: this.disabled, label: "", ref: (el) => { this._labelInfoElement = el; } })));
   }
-  componentDidRender() {
+  componentDidLoad() {
     // Render the options outside of Stencil's rendering so that it doesn't mangle RTL text with embedded LTR
     this._renderOptions();
   }

package/dist/components/public-notification.js

@@ -4,7 +4,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, getAssetPath, h, Host } from '@stencil/core/internal/client';
-import { d as EExportType, e as EPageType, E as EWorkflowType } from './interfaces.js';
+import { c as EExportType, d as EPageType, E as EWorkflowType } from './interfaces.js';
 import { l as loadModules } from './loadModules.js';
 import { b as goToSelection, h as highlightFeatures } from './mapViewUtils.js';
 import { s as state } from './publicNotificationStore.js';

package/dist/components/refine-selection2.js

@@ -4,7 +4,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { f as ESelectionMode, c as EDrawMode, E as EWorkflowType } from './interfaces.js';
+import { e as ESelectionMode, b as EDrawMode, E as EWorkflowType } from './interfaces.js';
 import { f as getFeatureLayerView, i as getIdSets, j as highlightAllFeatures } from './mapViewUtils.js';
 import { d as queryFeaturesByGeometry } from './queryUtils.js';
 import { s as state } from './publicNotificationStore.js';

package/dist/components/solution-resource-item2.js

@@ -4,7 +4,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { g as EUpdateType } from './interfaces.js';
+import { f as EUpdateType } from './interfaces.js';
 import { s as state, E as EFileType } from './solution-store.js';
 import { g as getLocaleComponentStrings } from './locale.js';
 import { d as defineCustomElement$a } from './action.js';

package/dist/components/solution-store.js

@@ -4,7 +4,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { c as createStore } from './index3.js';
-import { g as EUpdateType } from './interfaces.js';
+import { f as EUpdateType } from './interfaces.js';
 import { c as createCommonjsModule, a as commonjsGlobal, b as commonjsRequire } from './_commonjsHelpers.js';
 
 /*! *****************************************************************************

package/dist/esm/{ExpandToggle-3bfcb842.js → ExpandToggle-86761b28.js}

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { f as forceUpdate, h } from './index-b5d9d795.js';
+import { f as forceUpdate, h } from './index-c7de2486.js';
 import { a as getElementDir } from './dom-37f2dec9.js';
 import { S as SLOTS$1 } from './resources-c676d5de.js';
 import { S as SLOTS } from './resources-b392187d.js';

package/dist/esm/{FloatingArrow-cf140d6b.js → FloatingArrow-4a1b35d6.js}

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { h } from './index-b5d9d795.js';
+import { h } from './index-c7de2486.js';
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.