@esri/solutions-components 0.6.8 → 0.6.10

package/dist/components/time-picker.js

@@ -13,7 +13,7 @@ import { d as defineCustomElement$1 } from './icon.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 const maxTenthForMinuteAndSecond = 5;
 function createLocaleDateTimeFormatter(locale, numberingSystem, includeSeconds = true) {
@@ -200,7 +200,7 @@ function toISOTimeString(value, includeSeconds = true) {
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 const CSS = {
   button: "button",

package/dist/components/tooltip.js

@@ -13,7 +13,7 @@ import { F as FloatingArrow } from './FloatingArrow.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 const CSS = {
   container: "container",
@@ -25,7 +25,7 @@ const ARIA_DESCRIBED_BY = "aria-describedby";
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 function getEffectiveReferenceElement(tooltip) {
   const { referenceElement } = tooltip;
@@ -36,7 +36,7 @@ function getEffectiveReferenceElement(tooltip) {
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 class TooltipManager {
   constructor() {

package/dist/components/tree-item.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 { a as getSlotted, p as slotChangeHasAssignedElement, g as getElementDir, t as toAriaBoolean, x as filterDirectChildren, w as nodeListToArray } from './dom.js';
+import { a as getSlotted, h as slotChangeHasAssignedElement, g as getElementDir, t as toAriaBoolean, x as filterDirectChildren, w as nodeListToArray } from './dom.js';
 import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot.js';
 import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive.js';
 import { C as CSS_UTILITY } from './resources.js';
@@ -14,7 +14,7 @@ import { d as defineCustomElement$1 } from './icon.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 const CSS = {
   actionsEnd: "actions-end",

package/dist/components/tree.js

@@ -9,7 +9,7 @@ import { f as focusElement, w as nodeListToArray, B as getRootNode } from './dom
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 function isTreeItem(element) {
   return element?.matches("calcite-tree-item");

package/dist/components/utils.js

@@ -6,7 +6,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 const hexChar = /^[0-9A-F]$/i;
 const shorthandHex = /^#[0-9A-F]{3}$/i;
@@ -77,7 +77,10 @@ function hexToRGB(hex, hasAlpha = false) {
     return null;
   }
   hex = hex.replace("#", "");
-  let r, g, b, a;
+  let r;
+  let g;
+  let b;
+  let a;
   const isShorthand = hex.length === 3 || hex.length === 4;
   if (isShorthand) {
     const [first, second, third, fourth] = hex.split("");

package/dist/components/utils2.js

@@ -9,7 +9,7 @@ import { Build } from '@stencil/core/internal/client';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 const ComboboxItem = "CALCITE-COMBOBOX-ITEM";
 const ComboboxItemGroup = "CALCITE-COMBOBOX-ITEM-GROUP";
@@ -21,7 +21,7 @@ const CSS = {
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 function getAncestors(element) {
   const parent = element.parentElement?.closest(ComboboxChildSelector);

package/dist/components/utils3.js

@@ -8,7 +8,7 @@ import { Build } from '@stencil/core/internal/client';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 const CSS = {
   container: "container",
@@ -54,7 +54,7 @@ const ICONS = {
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 const listSelector = "calcite-list";
 const listItemGroupSelector = "calcite-list-item-group";

package/dist/components/value-list-item.js

@@ -18,7 +18,7 @@ import { d as defineCustomElement$2 } from './loader.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 const ICONS = {
   drag: "drag",

package/dist/components/value-list.js

@@ -16,7 +16,7 @@ import { f as focusElement } from './dom.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 const CSS = {
   container: "container",
@@ -30,7 +30,7 @@ var ICON_TYPES;
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 function getScreenReaderText(item, status, valueList) {
   const { items, messages } = valueList;

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

@@ -4,14 +4,14 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { f as forceUpdate, h } from './index-b5d9d795.js';
-import { a as getElementDir } from './dom-843e3afd.js';
-import { S as SLOTS$1 } from './resources-58d30a0f.js';
-import { S as SLOTS } from './resources-d6a4d343.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';
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 const overflowActionsDebounceInMs = 150;
 const groupBufferPx = 2;
@@ -66,7 +66,7 @@ const overflowActions = ({ actionGroups, expanded, overflowCount, }) => {
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 const ICONS = {
   chevronsLeft: "chevrons-left",

package/dist/esm/{FloatingArrow-29db6da6.js → FloatingArrow-cf140d6b.js}

@@ -8,7 +8,7 @@ import { h } from './index-b5d9d795.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 const CSS = {
   arrow: "calcite-floating-ui-arrow",

package/dist/esm/{Heading-cb79e5b2.js → Heading-140d10ff.js}

@@ -8,7 +8,7 @@ import { h } from './index-b5d9d795.js';
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 function constrainHeadingLevel(level) {
   return Math.min(Math.max(Math.ceil(level), 1), 6);

package/dist/esm/{app-globals-5cbac6b0.js → app-globals-fffe4e27.js}

@@ -3,12 +3,12 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { d as darkMode, a as autoMode } from './resources-94c47e64.js';
+import { d as darkMode, a as autoMode } from './resources-1e6d76df.js';
 
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 /**
  * Emits when the mode is dynamically toggled between light and dark on <body> or in OS preferences.
@@ -39,7 +39,7 @@ function initModeChangeEvent() {
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 /**
  * This file is imported in Stencil's `globalScript` config option.

package/dist/esm/{ar-4b751ba8.js → ar-45abeb31.js}

@@ -3,21 +3,21 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { d as dayjs } from './calcite-input-time-picker-13448515.js';
+import { d as dayjs } from './calcite-input-time-picker-227e60c3.js';
 import './index-b5d9d795.js';
-import './form-11c6a015.js';
-import './dom-843e3afd.js';
-import './guid-2bbb8cd1.js';
-import './resources-94c47e64.js';
-import './interactive-eaf4be29.js';
-import './key-7a525416.js';
-import './label-6a1caf64.js';
-import './loadable-6bca96ad.js';
-import './locale-d8561d54.js';
-import './observers-9d66685a.js';
-import './focusTrapComponent-ff3a9f28.js';
-import './time-6721a4c2.js';
-import './t9n-76168237.js';
+import './form-04d47b0b.js';
+import './dom-37f2dec9.js';
+import './guid-70cda807.js';
+import './resources-1e6d76df.js';
+import './interactive-bd6837bc.js';
+import './key-02fa06ae.js';
+import './label-b6dfb4d5.js';
+import './loadable-47170cb6.js';
+import './locale-146251f7.js';
+import './observers-95c50046.js';
+import './focusTrapComponent-ec344399.js';
+import './time-fa1151aa.js';
+import './t9n-5f748619.js';
 
 // Arabic [ar]
 var months = 'يناير_فبراير_مارس_أبريل_مايو_يونيو_يوليو_أغسطس_سبتمبر_أكتوبر_نوفمبر_ديسمبر'.split('_');

package/dist/esm/{array-751a2b87.js → array-d95985ad.js}

@@ -6,7 +6,7 @@
 /*!
  * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
  * See https://github.com/Esri/calcite-design-system/blob/main/LICENSE.md for details.
- * v1.6.0
+ * v1.6.1
  */
 function getRoundRobinIndex(index, total) {
   return (index + total) % total;

package/dist/esm/{basemap-gallery_4.entry.js → basemap-gallery_5.entry.js}

@@ -4,8 +4,8 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-b5d9d795.js';
-import { l as loadModules } from './loadModules-2ecd1e44.js';
-import { g as getLocaleComponentStrings } from './locale-aa3de591.js';
+import { l as loadModules } from './loadModules-f5f910b6.js';
+import { g as getLocaleComponentStrings } from './locale-efad8f83.js';
 import { g as EExpandType } from './interfaces-5a2fe8b4.js';
 import './_commonjsHelpers-d5f9d613.js';
 
@@ -99,7 +99,97 @@ const BasemapGallery = class {
 };
 BasemapGallery.style = basemapGalleryCss;
 
-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-scrim-background);z-index:1;width:100%;height:-moz-fit-content;height:fit-content}.display-none{display:none}";
+const mapLegendCss = ":host{display:block}";
+
+const MapLegend = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.mapView = undefined;
+    this.legendWidget = undefined;
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Watch handlers
+  //
+  //--------------------------------------------------------------------------
+  async mapViewWatchHandler() {
+    await this.mapView.when(() => {
+      this._initLegend(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();
+  }
+  /**
+   * StencilJS: Renders the component.
+   */
+  render() {
+    return (h(Host, null, h("div", { ref: (el) => { this._legendElement = el; } })));
+  }
+  //--------------------------------------------------------------------------
+  //
+  //  Functions (protected)
+  //
+  //--------------------------------------------------------------------------
+  /**
+   * Load esri javascript api modules
+   *
+   * @returns Promise resolving when function is done
+   *
+   * @protected
+   */
+  async _initModules() {
+    const [Legend] = await loadModules([
+      "esri/widgets/Legend"
+    ]);
+    this.Legend = Legend;
+  }
+  /**
+   * Initialize the basemap gallery or reset the current view if it already exists
+   *
+   * @returns void
+   *
+   * @protected
+   */
+  _initLegend(view) {
+    if (view && this.Legend) {
+      if (!this.legendWidget) {
+        this.legendWidget = new this.Legend({
+          container: this._legendElement,
+          view
+        });
+      }
+      else {
+        this.legendWidget.view = view;
+      }
+    }
+  }
+  get el() { return getElement(this); }
+  static get watchers() { return {
+    "mapView": ["mapViewWatchHandler"]
+  }; }
+};
+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-scrim-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}";
 
 const MapPicker = class {
   constructor(hostRef) {
@@ -179,7 +269,7 @@ const MapPicker = class {
   _getMapPicker() {
     var _a;
     const mapListIcon = this._mapListExpanded ? "chevron-up" : "chevron-down";
-    return (h("calcite-button", { alignment: "icon-end-space-between", appearance: "solid", class: "width-full height-full", iconEnd: mapListIcon, kind: "neutral", onClick: () => this._chooseMap(), width: "full" }, (_a = this._webMapInfo) === null || _a === void 0 ? void 0 : _a.name));
+    return (h("calcite-button", { alignment: "icon-end-space-between", appearance: "transparent", class: "width-full height-full", iconEnd: mapListIcon, kind: "neutral", onClick: () => this._chooseMap(), width: "full" }, (_a = this._webMapInfo) === null || _a === void 0 ? void 0 : _a.name));
   }
   /**
    * Create the toolbar (controls used for map and app interactions)
@@ -189,7 +279,7 @@ const MapPicker = class {
    * @protected
    */
   _getToolbar() {
-    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())));
+    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())));
   }
   /**
    * Get a pick list for all maps in mapInfos
@@ -406,7 +496,7 @@ 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}";
+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 MapTools = class {
   constructor(hostRef) {
@@ -418,6 +508,7 @@ const MapTools = class {
     this._translations = undefined;
     this._showTools = true;
     this._showBasemapWidget = false;
+    this._showLegendWidget = false;
     this._showSearchWidget = false;
   }
   //--------------------------------------------------------------------------
@@ -425,14 +516,6 @@ const MapTools = class {
   //  Watch handlers
   //
   //--------------------------------------------------------------------------
-  /**
-   * Store the home extent when the map view changes
-   */
-  async mapViewWatchHandler() {
-    await this.mapView.when(() => {
-      this._homeExtent = this.mapView.extent;
-    });
-  }
   /**
    * When the _showBasemapWidget property is true display the basemap gallery
    */
@@ -447,11 +530,24 @@ const MapTools = class {
       this.mapView.ui.remove(this._basemapElement.basemapWidget);
     }
   }
+  /**
+   * When the _showLegendWidget property is true display the search widget
+   */
+  async _showLegendWidgetWatchHandler(v) {
+    if (v) {
+      this.mapView.ui.add(this._legendElement.legendWidget, {
+        position: "top-right",
+        index: 1
+      });
+    }
+    else {
+      this.mapView.ui.remove(this._legendElement.legendWidget);
+    }
+  }
   /**
    * When the _showSearchWidget property is true display the search widget
    */
   async _showSearchWidgetWatchHandler(v) {
-    console.log("_showSearchWidget changed");
     if (v) {
       this.mapView.ui.add(this._searchElement.searchWidget, {
         position: "top-right",
@@ -481,7 +577,8 @@ const MapTools = class {
     const toolsClass = this._showTools ? "" : "display-none";
     const searchClass = this._showSearchWidget ? "" : "display-none";
     const basemapClass = this._showBasemapWidget ? "" : "display-none";
-    return (h(Host, null, h("div", null, h("calcite-action", { alignment: "center", class: "border", compact: false, icon: toggleIcon, onClick: () => { this._toggleTools(); }, text: "" }), h("calcite-action-bar", { class: `border margin-top-1-2 ${toolsClass}`, "expand-disabled": true, layout: this.layout }, this._getActionGroup("home", false, this._translations.home, () => void this._goHome()), this._getActionGroup("plus", false, this._translations.zoomIn, () => void this._zoomIn()), this._getActionGroup("minus", false, this._translations.zoomOut, () => void this._zoomOut()), this._getActionGroup("list", false, this._translations.list, () => this._showList()), 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 })));
+    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; } })));
   }
   //--------------------------------------------------------------------------
   //
@@ -501,63 +598,18 @@ const MapTools = class {
    * @protected
    */
   _getActionGroup(icon, disabled, tip, func) {
-    return (h("calcite-action-group", null, h("calcite-action", { alignment: "center", compact: false, disabled: disabled, icon: icon, id: icon, onClick: func, text: "" }, h("calcite-icon", { icon: "cheveron-up", scale: "s", slot: "icon" })), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": icon }, h("span", null, tip))));
-  }
-  /**
-   * Go to the exent that was first used when loading the map
-   *
-   * @returns void
-   *
-   * @protected
-   */
-  async _goHome() {
-    await this.mapView.goTo(this._homeExtent);
+    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))));
   }
   // need to discuss this with the team
-  _showList() {
-    alert("show list");
+  _showLegend() {
+    this._showLegendWidget = !this._showLegendWidget;
+    this._showTools = false;
   }
   // Need to discuss this with the team
   _search() {
     this._showSearchWidget = !this._showSearchWidget;
     this._showTools = false;
   }
-  /**
-   * Fixed zoom in
-   *
-   * @returns void
-   *
-   * @protected
-   */
-  async _zoomIn() {
-    await this._zoom(this.mapView.zoom + 1);
-  }
-  /**
-   * Fixed zoom out
-   *
-   * @returns void
-   *
-   * @protected
-   */
-  async _zoomOut() {
-    await this._zoom(this.mapView.zoom - 1);
-  }
-  /**
-   * Zoom in/out at the maps current center point
-   *
-   * @param zoom Number to zoom level to go to
-   *
-   * @returns void
-   *
-   * @protected
-   */
-  async _zoom(zoom) {
-    var _a;
-    await ((_a = this.mapView) === null || _a === void 0 ? void 0 : _a.goTo({
-      target: this.mapView.center,
-      zoom
-    }));
-  }
   /**
    * Show/Hide the basemap picker
    *
@@ -590,6 +642,7 @@ const MapTools = class {
     if (!this._showTools) {
       this._showBasemapWidget = false;
       this._showSearchWidget = false;
+      this._showLegendWidget = false;
     }
     this._showTools = !this._showTools;
   }
@@ -605,11 +658,11 @@ const MapTools = class {
   }
   get el() { return getElement(this); }
   static get watchers() { return {
-    "mapView": ["mapViewWatchHandler"],
     "_showBasemapWidget": ["_showBasemapWidgetWatchHandler"],
+    "_showLegendWidget": ["_showLegendWidgetWatchHandler"],
     "_showSearchWidget": ["_showSearchWidgetWatchHandler"]
   }; }
 };
 MapTools.style = mapToolsCss;
 
-export { BasemapGallery as basemap_gallery, MapPicker as map_picker, MapSearch as map_search, MapTools as map_tools };
+export { BasemapGallery as basemap_gallery, MapLegend as map_legend, MapPicker as map_picker, MapSearch as map_search, MapTools as map_tools };

package/dist/esm/{bg-5d8bf5ea.js → bg-af759e86.js}

@@ -3,21 +3,21 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { d as dayjs } from './calcite-input-time-picker-13448515.js';
+import { d as dayjs } from './calcite-input-time-picker-227e60c3.js';
 import './index-b5d9d795.js';
-import './form-11c6a015.js';
-import './dom-843e3afd.js';
-import './guid-2bbb8cd1.js';
-import './resources-94c47e64.js';
-import './interactive-eaf4be29.js';
-import './key-7a525416.js';
-import './label-6a1caf64.js';
-import './loadable-6bca96ad.js';
-import './locale-d8561d54.js';
-import './observers-9d66685a.js';
-import './focusTrapComponent-ff3a9f28.js';
-import './time-6721a4c2.js';
-import './t9n-76168237.js';
+import './form-04d47b0b.js';
+import './dom-37f2dec9.js';
+import './guid-70cda807.js';
+import './resources-1e6d76df.js';
+import './interactive-bd6837bc.js';
+import './key-02fa06ae.js';
+import './label-b6dfb4d5.js';
+import './loadable-47170cb6.js';
+import './locale-146251f7.js';
+import './observers-95c50046.js';
+import './focusTrapComponent-ec344399.js';
+import './time-fa1151aa.js';
+import './t9n-5f748619.js';
 
 // Bulgarian [bg]
 var locale = {

package/dist/esm/{bs-ff510e71.js → bs-20d012de.js}

@@ -3,21 +3,21 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { d as dayjs } from './calcite-input-time-picker-13448515.js';
+import { d as dayjs } from './calcite-input-time-picker-227e60c3.js';
 import './index-b5d9d795.js';
-import './form-11c6a015.js';
-import './dom-843e3afd.js';
-import './guid-2bbb8cd1.js';
-import './resources-94c47e64.js';
-import './interactive-eaf4be29.js';
-import './key-7a525416.js';
-import './label-6a1caf64.js';
-import './loadable-6bca96ad.js';
-import './locale-d8561d54.js';
-import './observers-9d66685a.js';
-import './focusTrapComponent-ff3a9f28.js';
-import './time-6721a4c2.js';
-import './t9n-76168237.js';
+import './form-04d47b0b.js';
+import './dom-37f2dec9.js';
+import './guid-70cda807.js';
+import './resources-1e6d76df.js';
+import './interactive-bd6837bc.js';
+import './key-02fa06ae.js';
+import './label-b6dfb4d5.js';
+import './loadable-47170cb6.js';
+import './locale-146251f7.js';
+import './observers-95c50046.js';
+import './focusTrapComponent-ec344399.js';
+import './time-fa1151aa.js';
+import './t9n-5f748619.js';
 
 // Bosnian [bs]
 var locale = {