@esri/solutions-components 0.6.11 → 0.6.13

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

@@ -3,10 +3,9 @@
  * Licensed under the Apache License, Version 2.0
  * 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-f5f910b6.js';
-import { g as getLocaleComponentStrings } from './locale-efad8f83.js';
-import { g as EExpandType } from './interfaces-5a2fe8b4.js';
+import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-c7de2486.js';
+import { l as loadModules } from './loadModules-2880c7e3.js';
+import { g as getLocaleComponentStrings } from './locale-9624832c.js';
 import './_commonjsHelpers-d5f9d613.js';
 
 const basemapGalleryCss = ":host{display:block}";
@@ -99,6 +98,108 @@ const BasemapGallery = class {
 };
 BasemapGallery.style = basemapGalleryCss;
 
+const mapFullscreenCss = ":host{display:block}";
+
+const MapFullscreen = class {
+  constructor(hostRef) {
+    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 (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"]
+  }; }
+};
+MapFullscreen.style = mapFullscreenCss;
+
 const mapLegendCss = ":host{display:block}";
 
 const MapLegend = class {
@@ -496,18 +597,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) {
     registerInstance(this, hostRef);
-    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;
   }
@@ -530,6 +631,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
    */
@@ -560,6 +673,16 @@ const MapTools = class {
   }
   //--------------------------------------------------------------------------
   //
+  //  Methods (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
+  //  Events (public)
+  //
+  //--------------------------------------------------------------------------
+  //--------------------------------------------------------------------------
+  //
   //  Functions (lifecycle)
   //
   //--------------------------------------------------------------------------
@@ -578,7 +701,11 @@ const MapTools = class {
     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; } })));
   }
   //--------------------------------------------------------------------------
   //
@@ -598,7 +725,7 @@ const MapTools = class {
    * @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() {
@@ -622,14 +749,14 @@ const MapTools = class {
     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
@@ -659,10 +786,11 @@ const MapTools = class {
   get el() { return getElement(this); }
   static get watchers() { return {
     "_showBasemapWidget": ["_showBasemapWidgetWatchHandler"],
+    "_showFullscreen": ["_showFullscreenWatchHandler"],
     "_showLegendWidget": ["_showLegendWidgetWatchHandler"],
     "_showSearchWidget": ["_showSearchWidgetWatchHandler"]
   }; }
 };
 MapTools.style = mapToolsCss;
 
-export { BasemapGallery as basemap_gallery, MapLegend as map_legend, MapPicker as map_picker, MapSearch as map_search, MapTools as map_tools };
+export { BasemapGallery as basemap_gallery, MapFullscreen as map_fullscreen, MapLegend as map_legend, MapPicker as map_picker, MapSearch as map_search, MapTools as map_tools };

package/dist/esm/{bg-af759e86.js → bg-e514c4d7.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-227e60c3.js';
-import './index-b5d9d795.js';
-import './form-04d47b0b.js';
-import './dom-37f2dec9.js';
+import { d as dayjs } from './calcite-input-time-picker-fe6e499a.js';
+import './index-c7de2486.js';
+import './form-0871d2c6.js';
+import './dom-2b326ec3.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 './label-b8caf984.js';
+import './loadable-f848be11.js';
+import './locale-00000ab4.js';
 import './observers-95c50046.js';
-import './focusTrapComponent-ec344399.js';
-import './time-fa1151aa.js';
-import './t9n-5f748619.js';
+import './focusTrapComponent-ad2c3a31.js';
+import './time-73378c4a.js';
+import './t9n-9791aa0c.js';
 
 // Bulgarian [bg]
 var locale = {

package/dist/esm/{bs-20d012de.js → bs-81584b09.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-227e60c3.js';
-import './index-b5d9d795.js';
-import './form-04d47b0b.js';
-import './dom-37f2dec9.js';
+import { d as dayjs } from './calcite-input-time-picker-fe6e499a.js';
+import './index-c7de2486.js';
+import './form-0871d2c6.js';
+import './dom-2b326ec3.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 './label-b8caf984.js';
+import './loadable-f848be11.js';
+import './locale-00000ab4.js';
 import './observers-95c50046.js';
-import './focusTrapComponent-ec344399.js';
-import './time-fa1151aa.js';
-import './t9n-5f748619.js';
+import './focusTrapComponent-ad2c3a31.js';
+import './time-73378c4a.js';
+import './t9n-9791aa0c.js';
 
 // Bosnian [bs]
 var locale = {

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

@@ -3,24 +3,24 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b5d9d795.js';
-import { l as loadModules } from './loadModules-f5f910b6.js';
-import { g as getLocaleComponentStrings } from './locale-efad8f83.js';
-import { w as setRequestedIcon, i as isPrimaryPointerButton, x as intersects } from './dom-37f2dec9.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c7de2486.js';
+import { l as loadModules } from './loadModules-2880c7e3.js';
+import { g as getLocaleComponentStrings } from './locale-9624832c.js';
+import { v as setRequestedIcon, i as isPrimaryPointerButton, w as intersects } from './dom-2b326ec3.js';
 import { g as guid } from './guid-70cda807.js';
-import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-04d47b0b.js';
+import { c as connectForm, d as disconnectForm, a as afterConnectDefaultValueSet, H as HiddenFormInputSlot } from './form-0871d2c6.js';
 import { c as connectInteractive, d as disconnectInteractive, u as updateHostInteraction } from './interactive-bd6837bc.js';
 import { i as isActivationKey } from './key-02fa06ae.js';
-import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-b6dfb4d5.js';
-import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-47170cb6.js';
-import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-146251f7.js';
+import { c as connectLabel, d as disconnectLabel, g as getLabelText } from './label-b8caf984.js';
+import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-f848be11.js';
+import { n as numberStringFormatter, c as connectLocalized, d as disconnectLocalized } from './locale-00000ab4.js';
 import { d as decimalPlaces, c as clamp } from './math-0d6817c3.js';
-import { f as EDrawMode } from './interfaces-5a2fe8b4.js';
-import { s as state } from './publicNotificationStore-ade82148.js';
+import { f as EDrawMode } from './interfaces-7470d906.js';
+import { s as state } from './publicNotificationStore-90a6a274.js';
 import './_commonjsHelpers-d5f9d613.js';
 import './resources-1e6d76df.js';
 import './observers-95c50046.js';
-import './index-b91c174c.js';
+import './index-f4bd5aa3.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%}";
 

package/dist/esm/{ca-1498df65.js → ca-e8c40e21.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-227e60c3.js';
-import './index-b5d9d795.js';
-import './form-04d47b0b.js';
-import './dom-37f2dec9.js';
+import { d as dayjs } from './calcite-input-time-picker-fe6e499a.js';
+import './index-c7de2486.js';
+import './form-0871d2c6.js';
+import './dom-2b326ec3.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 './label-b8caf984.js';
+import './loadable-f848be11.js';
+import './locale-00000ab4.js';
 import './observers-95c50046.js';
-import './focusTrapComponent-ec344399.js';
-import './time-fa1151aa.js';
-import './t9n-5f748619.js';
+import './focusTrapComponent-ad2c3a31.js';
+import './time-73378c4a.js';
+import './t9n-9791aa0c.js';
 
 // Catalan [ca]
 var locale = {

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

@@ -3,9 +3,9 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-b5d9d795.js';
-import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-55a14abd.js';
-import { g as getSlotted, a as getElementDir, t as toAriaBoolean, c as closestElementCrossShadowBoundary } from './dom-37f2dec9.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-c7de2486.js';
+import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-dff8f839.js';
+import { g as getSlotted, a as getElementDir, t as toAriaBoolean, c as closestElementCrossShadowBoundary } from './dom-2b326ec3.js';
 import { C as CSS_UTILITY } from './resources-1e6d76df.js';
 import './observers-95c50046.js';
 import './guid-70cda807.js';

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

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b5d9d795.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-c7de2486.js';
 import { c as createObserver } from './observers-95c50046.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}";