@esri/solutions-components 0.10.48 → 0.11.0

package/dist/components/map-card2.js

@@ -401,7 +401,7 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
         const mapHeightClass = this.mapInfos?.length > 1 || this.isMapLayout ? "map-height" : "height-full";
         const progressClass = this.isMapLayout ? "" : "display-none";
         this._validateActiveActions();
-        return (h(Host, { key: '5861d407b8529c6834d5d05450693d1fff2b71ee' }, h("div", { key: '01e028e8a00fc66d5eaa8eb7f85b58d579c3e7ff', class: `${mapContainerClass} width-full`, ref: (el) => this._toolbar = el }, this._getActionBar(), !this.isMobile && this.isMapLayout && this._getDropdown("more-table-options"), this.enableShare && !this.isMobile && this.isMapLayout ? this._getShare("share") : undefined), h("calcite-progress", { key: '6a0b7a2a734f3631b8c8a712acaf60a9e95c6c16', class: progressClass, value: 0 }), h("div", { key: '74cebf9c194bfc5b72be3b397821f586a5923fa4', class: `${mapHeightClass} ${mapClass}`, ref: (el) => (this._mapDiv = el) }), h("map-tools", { key: '6c87207eecaacf61c594f1036af38c0548ea1767', basemapConfig: this.basemapConfig, class: `box-shadow ${themeClass}`, enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableHome: this.enableHome, enableLegend: this.enableLegend, enableSearch: this.enableSearch, enableSingleExpand: this.enableSingleExpand, homeZoomToolsSize: this.homeZoomToolsSize, locale: this.locale, mapView: this.mapView, mapWidgetsSize: this.mapWidgetsSize, position: this.mapWidgetsPosition, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration, stackTools: this.stackTools, toolOrder: this.toolOrder })));
+        return (h(Host, { key: 'a47f4ac21db985fb91ff3f5378594f60405f312c' }, h("div", { key: 'fdf76fd829a8e88725b43f8174a0d95fbf7a3dd1', class: `${mapContainerClass} width-full`, ref: (el) => this._toolbar = el }, this._getActionBar(), !this.isMobile && this.isMapLayout && this._getDropdown("more-table-options"), this.enableShare && !this.isMobile && this.isMapLayout ? this._getShare("share") : undefined), h("calcite-progress", { key: 'b5b672726b4a4c812c386faad2077135a1e1231c', class: progressClass, value: 0 }), h("div", { key: 'f815ef4dba45b53c0ec4a49fe12e741b3331ce51', class: `${mapHeightClass} ${mapClass}`, ref: (el) => (this._mapDiv = el) }), h("map-tools", { key: '8e2ed31f49d349786caa4827a473a8e70e6ae611', basemapConfig: this.basemapConfig, class: `box-shadow ${themeClass}`, enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableHome: this.enableHome, enableLegend: this.enableLegend, enableSearch: this.enableSearch, enableSingleExpand: this.enableSingleExpand, homeZoomToolsSize: this.homeZoomToolsSize, locale: this.locale, mapView: this.mapView, mapWidgetsSize: this.mapWidgetsSize, position: this.mapWidgetsPosition, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration, stackTools: this.stackTools, toolOrder: this.toolOrder })));
     }
     /**
      * Called each time after the component is loaded
@@ -628,7 +628,7 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
         const containerClass = this.isMapLayout ? "display-flex" : "display-block";
         const mobileClass = this.isMobile ? "border-top" : "";
         const headerElements = this.isMapLayout ? "" : "display-none";
-        return (h("calcite-action-bar", { class: containerClass, expandDisabled: true, expanded: true, id: this._getId("bar"), layout: "horizontal" }, h("map-picker", { class: mapPickerClass, isMapLayout: this.isMapLayout, locale: this.locale, mapInfos: this.mapInfos, ref: (el) => this._mapPicker = el }), h("div", { class: `mapView-header display-flex ${headerElements}` }, h("div", { class: `border-end ${containerClass} ${mobileClass}`, id: "solutions-map-layer-picker-container" }, this.mapView && h("map-layer-picker", { appearance: "transparent", defaultLayerId: this.defaultLayerId, display: "inline-flex", height: 50, isMobile: this.isMobile, locale: this.locale, mapView: this.mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, placeholderIcon: "layers", ref: (el) => this._mapLayerPicker = el, scale: "l", selectedIds: this.selectedLayer ? [this.selectedLayer.id] : [], showSingleLayerAsLabel: true, showTables: true, showTablesDisabled: true, type: "dropdown" }))), !this.isMobile && this.isMapLayout ? this._getActions() : undefined));
+        return (h("calcite-action-bar", { class: containerClass, expandDisabled: true, expanded: true, id: this._getId("bar"), layout: "horizontal" }, h("map-picker", { class: mapPickerClass, id: "map-picker", isMapLayout: this.isMapLayout, locale: this.locale, mapInfos: this.mapInfos, ref: (el) => this._mapPicker = el }), h("div", { class: `mapView-header display-flex ${headerElements}`, id: "solutions-map-layer-picker-container" }, h("div", { class: `border-end ${containerClass} ${mobileClass}` }, this.mapView && h("map-layer-picker", { appearance: "transparent", defaultLayerId: this.defaultLayerId, display: "inline-flex", height: 50, isMobile: this.isMobile, locale: this.locale, mapView: this.mapView, onlyShowUpdatableLayers: this.onlyShowUpdatableLayers, placeholderIcon: "layers", ref: (el) => this._mapLayerPicker = el, scale: "l", selectedIds: this.selectedLayer ? [this.selectedLayer.id] : [], showSingleLayerAsLabel: true, showTables: true, showTablesDisabled: true, type: "dropdown" }))), !this.isMobile && this.isMapLayout ? this._getActions() : undefined));
     }
     /**
      * Get a list of toolInfos that should display in the dropdown

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

@@ -185,7 +185,7 @@ const MapDrawTools = /*@__PURE__*/ proxyCustomElement(class MapDrawTools extends
             "border" : "border esri-widget esri-sketch__panel";
         const undoRedoClass = this.drawMode === EDrawMode.SKETCH ?
             "display-none" : "esri-widget esri-sketch__panel border-left esri-sketch__section";
-        return (h(Host, { key: '253db0399bab5d5fc6f4232bb537ddeec81fec2c' }, h("div", { key: 'bbac53da8b8b1196cc3a7aedf5479cd4e33ab3ea', class: containerClass }, h("div", { key: '8d3dae2c2f82f7e4d7aae92d4a4c6050d2a96478', ref: (el) => { this._sketchElement = el; } }), h("div", { key: 'd635374374ebdff26157a1258ba84932d491e36a', class: undoRedoClass }, h("calcite-action", { key: 'fb437fec19fa7ffc57459e426ba988fd4d50c1e6', disabled: !this.undoEnabled, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), h("calcite-action", { key: 'fd3f4f3e8b722b95c0b7aad1fc6b909a97787b86', disabled: !this.redoEnabled, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo })))));
+        return (h(Host, { key: 'da7ef0973544c8b88ced49ef8c5a89b5d5cf48ea' }, h("div", { key: '6cf3a4276a2a319c6f1a74d2824b0bb3003c9f9b', class: containerClass }, h("div", { key: 'dade38f4d01fa7c28915a4fce879f9383d5892b9', ref: (el) => { this._sketchElement = el; } }), h("div", { key: '6e2fbb2dcfb2e4e51f35aa615c0003a65fa3bd66', class: undoRedoClass }, h("calcite-action", { key: '8156802d2740aaa483e4f312cadadc5744f13486', disabled: !this.undoEnabled, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), h("calcite-action", { key: 'cd05845f66e187a317215e18d6a18696328960bf', disabled: !this.redoEnabled, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo })))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/map-fullscreen2.js

@@ -88,7 +88,7 @@ const MapFullscreen = /*@__PURE__*/ proxyCustomElement(class MapFullscreen exten
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '7eec3dc5ab76a4ad8fdd24d8d18f8e6cf2820dde' }, h("div", { key: '2093cc2a6a3678209e61eea63ebde2f69ec00011', class: "fullscreen-widget", ref: (el) => { this._fullscreenElement = el; } })));
+        return (h(Host, { key: '50488298d31b85071bb8ec898781b8af52a800ae' }, h("div", { key: '24b4c28cd69ce487c851412a839f6762ceaf02b1', class: "fullscreen-widget", ref: (el) => { this._fullscreenElement = el; } })));
     }
     /**
      * StencilJS: Called just after the component updates.

package/dist/components/map-layer-picker2.js

@@ -30,6 +30,7 @@ const MapLayerPicker = /*@__PURE__*/ proxyCustomElement(class MapLayerPicker ext
     constructor() {
         super();
         this.__registerHost();
+        this.beforeLayerSelectionChange = createEvent(this, "beforeLayerSelectionChange", 7);
         this.idsFound = createEvent(this, "idsFound", 7);
         this.noLayersFound = createEvent(this, "noLayersFound", 7);
         this.layerSelectionChange = createEvent(this, "layerSelectionChange", 7);
@@ -75,6 +76,10 @@ const MapLayerPicker = /*@__PURE__*/ proxyCustomElement(class MapLayerPicker ext
      * IMapItemHash: id/name lookup
      */
     _layerNameHash;
+    /**
+     * boolean: when true we will not test for any active edits on layer selection change
+     */
+    _skipEditCheck = false;
     /**
      * IMapItemHash: id/name lookup
      */
@@ -112,6 +117,22 @@ const MapLayerPicker = /*@__PURE__*/ proxyCustomElement(class MapLayerPicker ext
     //  Methods (public)
     //
     //--------------------------------------------------------------------------
+    /**
+     * Set the layer by id
+     */
+    async setLayerById(id, skipEditCheck = false) {
+        this._skipEditCheck = skipEditCheck;
+        this._setSelectedLayer(id);
+        this._skipEditCheck = false;
+    }
+    /**
+     * Set the layers by ids
+     */
+    async setLayerByIds(ids, skipEditCheck = false) {
+        this._skipEditCheck = skipEditCheck;
+        this._layerSelectionChange(ids);
+        this._skipEditCheck = false;
+    }
     /**
      * updates the layers
      */
@@ -123,6 +144,10 @@ const MapLayerPicker = /*@__PURE__*/ proxyCustomElement(class MapLayerPicker ext
     //  Events (public)
     //
     //--------------------------------------------------------------------------
+    /**
+     * Emitted before a new map is loaded
+     */
+    beforeLayerSelectionChange;
     /**
      * Emitted on demand when valid layers are found
      *
@@ -173,7 +198,7 @@ const MapLayerPicker = /*@__PURE__*/ proxyCustomElement(class MapLayerPicker ext
         const id = "map-layer-picker";
         let style = this.height > 0 ? { "height": `${this.height.toString()}px` } : {};
         style = { ...style, "display": this.display };
-        return (h(Host, { key: '47d80c20f364f6d4f1a247f7f84d25ca4ff5cd7b' }, h("div", { key: '16ecc0c3dad51b0707304e003861e419796f3fba', class: "map-layer-picker-container", style: style }, h("div", { key: '56a3d93b9f91afd753952a0e86fe9ee426c529f5', class: "map-layer-picker", style: style }, !this._hasValidLayers ? this._getInvalidPlaceholder() :
+        return (h(Host, { key: '74c47ce120f21964a6ea68fed4c75c1026a63511' }, h("div", { key: 'd5bf7c5d83c455f3fa2a399abb5a638d938f8b56', class: "map-layer-picker-container", style: style }, h("div", { key: 'e1ee1d491f087b8213c10ede6181c94db9245126', class: "map-layer-picker", style: style }, !this._hasValidLayers ? this._getInvalidPlaceholder() :
             !this._hasMultipleLayers && this.showSingleLayerAsLabel ? this._getSingleLayerPlaceholder() :
                 this.type === "combobox" ? this._getCombobox(id) :
                     this.type === "select" ? this._getSelect(id) : this._getDropdown(id)))));
@@ -322,6 +347,16 @@ const MapLayerPicker = /*@__PURE__*/ proxyCustomElement(class MapLayerPicker ext
             id = this.defaultLayerHonored ? this.defaultLayerId : id;
         }
         item = item ? item : this._getLayerFromHash(id);
+        if (!this._skipEditCheck) {
+            const evt = this.beforeLayerSelectionChange.emit({
+                currentId: this.selectedIds[0],
+                newId: id,
+                ref: this.el
+            });
+            if (evt.defaultPrevented) {
+                return;
+            }
+        }
         this.selectedName = item?.name;
         this.selectedIds = [id];
         this.layerSelectionChange.emit(this.selectedIds);
@@ -406,10 +441,21 @@ const MapLayerPicker = /*@__PURE__*/ proxyCustomElement(class MapLayerPicker ext
      *
      * @returns Promise when the operation has completed
      */
-    _layerSelectionChange() {
-        const ids = Array.isArray(this._layerElement.value) ? this._layerElement.value : [this._layerElement.value];
-        if (JSON.stringify(ids) !== JSON.stringify([""])) {
-            this.selectedIds = ids;
+    _layerSelectionChange(ids) {
+        const _ids = ids ? ids :
+            Array.isArray(this._layerElement.value) ? this._layerElement.value : [this._layerElement.value];
+        if (JSON.stringify(_ids) !== JSON.stringify([""])) {
+            if (!this._skipEditCheck) {
+                const evt = this.beforeLayerSelectionChange.emit({
+                    currentIds: this.selectedIds,
+                    newIds: _ids,
+                    ref: this.el
+                });
+                if (evt.defaultPrevented) {
+                    return;
+                }
+            }
+            this.selectedIds = _ids;
             this.layerSelectionChange.emit(this.selectedIds);
         }
     }
@@ -452,6 +498,8 @@ const MapLayerPicker = /*@__PURE__*/ proxyCustomElement(class MapLayerPicker ext
         "ids": [32],
         "selectedName": [32],
         "_translations": [32],
+        "setLayerById": [64],
+        "setLayerByIds": [64],
         "updateLayer": [64]
     }, undefined, {
         "locale": ["localeWatchHandler"],

package/dist/components/map-legend2.js

@@ -73,7 +73,7 @@ const MapLegend = /*@__PURE__*/ proxyCustomElement(class MapLegend extends HTMLE
      * StencilJS: Renders the component.
      */
     render() {
-        return (h(Host, { key: '768d9d69042516c6d4edc55fcb0af23f90d33e6e' }, h("div", { key: 'e1147cf58240e7a6fcb9a00fce3649a380755e3d', ref: (el) => { this._legendElement = el; } })));
+        return (h(Host, { key: '60b355f71d25b3c683f6218941e342899006d839' }, h("div", { key: '7686d302e16fd42cd26777d14c682dc0e951c058', ref: (el) => { this._legendElement = el; } })));
     }
     /**
      * StencilJS: Called once just after the component is fully loaded and the first render() occurs.

package/dist/components/map-picker2.js

@@ -31,6 +31,7 @@ const MapPicker = /*@__PURE__*/ proxyCustomElement(class MapPicker extends HTMLE
         super();
         this.__registerHost();
         this.__attachShadow();
+        this.beforeMapInfoChange = createEvent(this, "beforeMapInfoChange", 7);
         this.mapInfoChange = createEvent(this, "mapInfoChange", 7);
         this.locale = undefined;
         this.mapInfos = [];
@@ -53,6 +54,10 @@ const MapPicker = /*@__PURE__*/ proxyCustomElement(class MapPicker extends HTMLE
      * string: the id of map currently displayed
      */
     _loadedId = "";
+    /**
+     * boolean: when true we will not test for any active edits onBeforeMapChange
+     */
+    _skipEditCheck = false;
     //--------------------------------------------------------------------------
     //
     //  Watch handlers
@@ -88,11 +93,13 @@ const MapPicker = /*@__PURE__*/ proxyCustomElement(class MapPicker extends HTMLE
     //  Methods (public)
     //
     //--------------------------------------------------------------------------
-    async setMapByID(id) {
+    async setMapByID(id, skipEditCheck = false) {
+        this._skipEditCheck = skipEditCheck;
         const mapInfos = this.mapInfos?.filter(i => i.id === id);
         if (id && mapInfos?.length > 0) {
             this._webMapSelected(mapInfos[0]);
         }
+        this._skipEditCheck = false;
     }
     /**
      * Closes the list
@@ -113,6 +120,10 @@ const MapPicker = /*@__PURE__*/ proxyCustomElement(class MapPicker extends HTMLE
     //  Events (public)
     //
     //--------------------------------------------------------------------------
+    /**
+     * Emitted before a new map is loaded
+     */
+    beforeMapInfoChange;
     /**
      * Emitted when a new map is loaded
      */
@@ -134,7 +145,7 @@ const MapPicker = /*@__PURE__*/ proxyCustomElement(class MapPicker extends HTMLE
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'ecfbf2669de4ce8c916e47c7a731f0a3ad33b419' }, this._getToolbar(), this._getMapNameList(this._mapListExpanded)));
+        return (h(Host, { key: 'a16cef5d3d16de605f51ce77450365e8c7f5ba08' }, this._getToolbar(), this._getMapNameList(this._mapListExpanded)));
     }
     /**
      * Called once after the component has loaded
@@ -195,8 +206,22 @@ const MapPicker = /*@__PURE__*/ proxyCustomElement(class MapPicker extends HTMLE
      * @param webMapInfo the web map id and name selected from the list
      */
     _webMapSelected(webMapInfo) {
+        const currentId = this._loadedId;
+        this._loadedId = webMapInfo.id;
+        if (this._skipEditCheck) {
+            this._webMapInfo = webMapInfo;
+        }
+        else {
+            const evt = this.beforeMapInfoChange.emit({
+                currentId,
+                mapInfo: webMapInfo,
+                ref: this.el
+            });
+            if (!evt.defaultPrevented) {
+                this._webMapInfo = webMapInfo;
+            }
+        }
         this._mapListExpanded = false;
-        this._webMapInfo = webMapInfo;
     }
     /**
      * Toggles the open/close state of the map list

package/dist/components/map-search2.js

@@ -101,7 +101,7 @@ const MapSearch = /*@__PURE__*/ proxyCustomElement(class MapSearch extends HTMLE
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '36e0fb49fdedbe9e8789fba37f86a2f2d57b4e45' }, h("div", { key: '796ee258723e9277dc98323ba76def22bd7dca3a', class: "search-widget", ref: (el) => { this._searchElement = el; } })));
+        return (h(Host, { key: 'fec180c41817a6388f5fdb3f14b72355cbbb1467' }, h("div", { key: '72b3931995d7157572d54069e73fb6bd95eb6f44', class: "search-widget", ref: (el) => { this._searchElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //

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

@@ -322,7 +322,7 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
     render() {
         const mapToolsClass = this.enableSketchTools ? "" : "display-none";
         const mapToolsContainerClass = this.enableSketchTools ? "padding-top-1" : "";
-        return (h(Host, { key: '1c312d53b800ca401726c653e12465e92abf0eef' }, this._getMapLayerPicker(), h("div", { key: '2da9eb5316656769ec2f80dfa5fbdc190c62b1cb', class: "border-bottom" }), h("div", { key: 'b21d332e5da0aa8cfb34fdab7a1075bfbd5efb42', class: "padding-top-sides-1" }, h("div", { key: '2dd59511d4f07cc2cd43b5b5c2a8037303d21546', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: '1149bcd2f36171b82f6902fbf89bb0400383fdde', class: mapToolsContainerClass }, h("map-draw-tools", { key: '2d3b1b91a108bf2bb2db463e7ffd4574f4a36dac', active: true, class: mapToolsClass, editGraphicsEnabled: !this.useLayerFeaturesEnabled, graphics: this._graphics, locale: this.locale, mapView: this.mapView, onSketchGraphicsChange: (evt) => void this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this.enableSearchDistance ? this._getBufferOptions() : undefined, this.enableLayerFeatures ? this._getUseLayerFeaturesOptions() : undefined, this._getNumSelected()), h("div", { key: 'd4068bef106e1f4226b1f9c104a626fe0a0f6700', class: "border-bottom" }), this._getNameInput()));
+        return (h(Host, { key: 'a5001c196db1464bffa746310638b2853ff5fdf9' }, this._getMapLayerPicker(), h("div", { key: '3e023a81f76bdd371c84d9ecb42e97a9160c6f89', class: "border-bottom" }), h("div", { key: 'c6be571bee2d2c1fe82407aee9a1cf9f1f27280d', class: "padding-top-sides-1" }, h("div", { key: 'aaf5992f616728f6be5be034700ac09b9b5b733f', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: 'a86b4e147b7baf4b93272bed7f189a47faf65ab8', class: mapToolsContainerClass }, h("map-draw-tools", { key: '9b3c2faaa8f612d055189206e2baeb868d55dceb', active: true, class: mapToolsClass, editGraphicsEnabled: !this.useLayerFeaturesEnabled, graphics: this._graphics, locale: this.locale, mapView: this.mapView, onSketchGraphicsChange: (evt) => void this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this.enableSearchDistance ? this._getBufferOptions() : undefined, this.enableLayerFeatures ? this._getUseLayerFeaturesOptions() : undefined, this._getNumSelected()), h("div", { key: '73b3039f0861046a3f955872180b64c15bd5c5d9', class: "border-bottom" }), this._getNameInput()));
     }
     /**
      * Renders the buffer tools component.
@@ -499,11 +499,11 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
             const selectLayer = this.selectLayerView.layer;
             const oid = resultFeature?.getObjectId();
             let resultLayerSourceUrl;
-            if (resultLayer.sourceJSON?.isView) {
+            if (resultLayer?.sourceJSON?.isView) {
                 resultLayerSourceUrl = await this._getViewSourceUrl(resultLayer.url);
             }
             let selectLayerSourceUrl;
-            if (selectLayer.sourceJSON?.isView) {
+            if (selectLayer?.sourceJSON?.isView) {
                 selectLayerSourceUrl = await this._getViewSourceUrl(selectLayer.url);
             }
             const rUrl = resultLayer?.url?.toLowerCase();

package/dist/components/map-tools2.js

@@ -218,7 +218,7 @@ const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLEle
         const toolMarginClass = this.enableSingleExpand ? "margin-top-1-2" : "";
         const toolOrder = this.toolOrder ? this.toolOrder : ["legend", "search", "fullscreen", "floorfilter"];
         const shadowClass = this.stackTools ? "box-shadow" : "";
-        return (h(Host, { key: '6a707a10b3cbe094548a863b13d0852969c46f94' }, h("div", { key: 'c1e349ba8577a87f967b31a7a042be30cb933d34', class: containerClass }, this.enableSingleExpand ? (h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, h("div", { key: '7120793f9d707fb0d1914f5aeffb3293532ab891', class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), h("basemap-gallery", { key: '11e280302f6b1f5287aa83c7eb33542f3a9d87ab', basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { key: 'c3afd22dc8d652877f48a6def87e486546993d61', class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { key: 'b8fad3cdbc3b96b4f3441316651ad78b4ed3de65', class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { key: 'e34111225f1ec80fedfd548196e407786d28200b', class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { key: '2db5c7e6182d77786b162692169263495b2752f5', class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
+        return (h(Host, { key: '4630a876708781097e02cf1aa94a3f77e30c0fee' }, h("div", { key: '28be602bad246ef82214f3724aaf5f8480473456', class: containerClass }, this.enableSingleExpand ? (h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, h("div", { key: '25694e233efe5b917f0a4b25cc4c707c0584cae4', class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), h("basemap-gallery", { key: 'db1c9cd3e1851957f9be86d43dc94355f6894a26', basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { key: '558c28360b5e295a886becff4a07c5ec3d22c570', class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { key: '8e9a8c3e0619773b10ed51543717c2c63d7caa7a', class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { key: '0fba4904ba25f4122e57dc77f3bc64f2bd59d7c1', class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { key: '696d3bc16a3464770e96a45af8224537550c90a2', class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //
@@ -318,7 +318,7 @@ const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLEle
         const sizeClass = this.mapWidgetsSize === "s" ? "square-32" : this.mapWidgetsSize === "m" ? "square-40" : "square-48";
         const stackClass = this.stackTools ? "" : "margin-bottom-1-2";
         const shadowClass = this.stackTools ? "" : "box-shadow";
-        return (h("div", null, h("calcite-action", { alignment: "center", class: `${sizeClass} ${stackClass} border-bottom ${shadowClass}`, 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", null, h("calcite-action", { alignment: "center", class: `${sizeClass} ${stackClass} border-bottom ${shadowClass}`, 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))));
     }
     /**
      * Add the widget to the UI and optionally to an Expand widget

package/dist/components/openCloseComponent2.js

@@ -0,0 +1,64 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { readTask } from '@stencil/core/internal/client';
+import { w as whenTransitionDone } from './component2.js';
+
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.13.2
+ */
+
+/**
+ * Exported for testing purposes only
+ */
+const internalReadTask = readTask;
+function isOpen(component) {
+    return "opened" in component ? component.opened : component.open;
+}
+/**
+ * Helper to determine globally set transition duration on the given openTransitionProp, which is imported and set in the @Watch("open").
+ * Used to emit (before)open/close events both for when the opacity transition is present and when there is none (transition-duration is set to 0).
+ *
+ * @example
+ * import { onToggleOpenCloseComponent, OpenCloseComponent } from "../../utils/openCloseComponent";
+ *
+ * async componentWillLoad() {
+ * // When component initially renders, if `open` was set we need to trigger on load as watcher doesn't fire.
+ * if (this.open) {
+ *    onToggleOpenCloseComponent(this);
+ * }
+ * @Watch("open")
+ * async toggleModal(value: boolean): Promise<void> {
+ *    onToggleOpenCloseComponent(this);
+ * }
+ *
+ * @param component - OpenCloseComponent uses `open` prop to emit (before)open/close.
+ */
+function onToggleOpenCloseComponent(component) {
+    internalReadTask(() => {
+        if (!component.transitionEl) {
+            return;
+        }
+        whenTransitionDone(component.transitionEl, component.openTransitionProp, () => {
+            if (isOpen(component)) {
+                component.onBeforeOpen();
+            }
+            else {
+                component.onBeforeClose();
+            }
+        }, () => {
+            if (isOpen(component)) {
+                component.onOpen();
+            }
+            else {
+                component.onClose();
+            }
+        });
+    });
+}
+
+export { onToggleOpenCloseComponent as o };

package/dist/components/pci-calculator.js

@@ -61,7 +61,7 @@ const PciCalculator$1 = /*@__PURE__*/ proxyCustomElement(class PciCalculator ext
     render() {
         const pciClass = !this.showAddDeduct ? "display-grid" : "display-none";
         const deductClass = this.showAddDeduct ? "position-relative" : "display-none";
-        return (h(Host, { key: '4f333fa9aecd33cf2b34d85802c79256073f940c' }, h("div", { key: '6946f22e384fac51a20e2efb7b4ddbf2de7517ed', class: pciClass }, h("div", { key: 'e30e88571eb1b89588798d51ba788e4b6dc7d269', class: "label-display" }, h("calcite-label", { key: '034582e553ac4191939095cec8d836bc567ea77e', class: "label-display" }, "Enter comma delimited deduct values", this._getDeductValuesInput())), h("div", { key: '7fc1ae8d901b0a1ce820e53e225b275f1d779eb6' }, this._getCalculateButton())), h("div", { key: 'b74849f5007f54d3019be5e18a85769186edfffa', class: deductClass }, h("div", { key: 'ae8bf9314b0ead0b3f9d220d81cc410c2a29dc6f', class: "position-right" }, h("calcite-action", { key: 'cac38dc7e539275a0baeb0511fb8a09e8f96fa7a', appearance: 'transparent', class: "float-end", icon: "x", onClick: () => this._toggleShowAddDeduct(), scale: "s", text: '' })), h("deduct-calculator", { key: '68bcd78e3ef4505e5b1e5f0ea76d15f9e00fc18d', class: "display-grid padding-top-1", onDeductValueComplete: (evt) => this._addDeductValue(evt) }))));
+        return (h(Host, { key: '6ee5741fe10030324155d5f05a9e4a0eeb337028' }, h("div", { key: '14e0c3495ad57d8d1ec4da9b6c5df80323ef1735', class: pciClass }, h("div", { key: 'ef2e48f06b194ee7806e2f6b5c60d77e17ac1e5f', class: "label-display" }, h("calcite-label", { key: '60695651cdad1e30570f76f3621740fb8c0b62e9', class: "label-display" }, "Enter comma delimited deduct values", this._getDeductValuesInput())), h("div", { key: '19e2db05e7b45fb012892ffa539cb2037da9f449' }, this._getCalculateButton())), h("div", { key: '4a2cd1a80a86d2ba7e4b24935dbebbaecd316cd0', class: deductClass }, h("div", { key: 'f288ef667dd2532c8f409ef12a033d6b4f13ad7e', class: "position-right" }, h("calcite-action", { key: '0d62669dd9660098f6ac4eb10334c5a9ea3897aa', appearance: 'transparent', class: "float-end", icon: "x", onClick: () => this._toggleShowAddDeduct(), scale: "s", text: '' })), h("deduct-calculator", { key: 'dd0a3cb656e7e2c707b1956e40e8a597d8972cfa', class: "display-grid padding-top-1", onDeductValueComplete: (evt) => this._addDeductValue(evt) }))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/pdf-download2.js

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

package/dist/components/public-notification.js

@@ -302,7 +302,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
      */
     render() {
         const headerSlot = this._isMobile ? "footer" : "header";
-        return (h(Host, { key: '0d4380d143c98ca5a3d2ddf0cf4ab2396eb2fd2a' }, h("calcite-shell", { key: '2768c18a968d0c1ec655dfe59fa6e9d1386e9aa3' }, h("calcite-action-bar", { key: 'a9f5ad4a339e0a6b729c753dfb7841bbedba6624', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
+        return (h(Host, { key: '3c66fb8662bf736f26e287b6969d34b9197f7afb' }, h("calcite-shell", { key: '1e8eb432455e5a14b199169ed38dd1e0e6d977bf' }, h("calcite-action-bar", { key: '8288278f39b9db13d546d724d87a759b60b5e76f', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
     }
     /**
      * StencilJS: Called once just after the component is first loaded.
@@ -454,7 +454,7 @@ const PublicNotification$1 = /*@__PURE__*/ proxyCustomElement(class PublicNotifi
      */
     _getActionGroup(icon, pageType, tip) {
         const sizeClass = this.showRefineSelection ? "w-1-3" : "w-1-2";
-        return (h("calcite-action-group", { class: sizeClass, layout: "horizontal" }, h("div", { class: "background-override" }, h("calcite-action", { active: this._pageType === pageType, alignment: "center", class: "width-full height-full", compact: false, icon: icon, id: icon, onClick: () => { this._setPageType(pageType); }, text: "" })), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": icon }, h("span", null, tip))));
+        return (h("calcite-action-group", { class: sizeClass, layout: "horizontal" }, h("div", { class: "background-override" }, h("calcite-action", { active: this._pageType === pageType, alignment: "center", class: "width-full height-full", icon: icon, id: icon, onClick: () => { this._setPageType(pageType); }, text: "" })), h("calcite-tooltip", { label: "", placement: "bottom", "reference-element": icon }, h("span", null, tip))));
     }
     /**
      * Navigate to the defined page type

package/dist/components/refine-selection2.js

@@ -143,7 +143,7 @@ const RefineSelection = /*@__PURE__*/ proxyCustomElement(class RefineSelection e
      */
     render() {
         const layerPickerClass = this._enabledLayerIds.length > 1 ? "display-block" : "display-none";
-        return (h(Host, { key: 'efa77aec940afdb80051b36300a492ac5764a413' }, h("div", { key: 'ac59062ad6b3bb15727d1d88ac99ba983c7a2ff9', class: layerPickerClass + " padding-top-sides-1" }, h("div", { key: '27599ce74e9f7d6133f6cbfa40db4acfa8c00eeb', class: "display-flex" }, h("calcite-label", { key: 'b8acd5160effc68b7ee03a85ba8d6d2a5966c3e8', class: "font-bold width-full label-margin-0" }, h("div", { key: 'b2185de868b979281984019dbea9cf58a8bdef59', class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { key: '3bd42d1897e3d4374c9affeb20a4af09866645b4', class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { key: '3c7202cb44db02ff2650aa2075af55a51f180018', enabledLayerIds: this._enabledLayerIds, locale: this.locale, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, ref: (el) => { this._layerPicker = el; }, selectedIds: [this._refineLayer.layer.id], showTables: false })), h("calcite-popover", { key: 'd70f7e4ad2926d05b05a2e74a4f69ae1bffb8cea', closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { key: 'bd70416a30a863e8cf96ac34c0b90cb420955344', class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { key: '084b833c369a39179d28d1bbe07710fad7d47933', class: "padding-1" }, h("div", { key: '42056204fd2d97c1d2ab5fa9300b5d8bd903bb8a', class: "padding-bottom-1" }, h("calcite-segmented-control", { key: '6baa72a792c4785338ccfb462c019fa945bf1002', class: "w-100", width: "full" }, h("calcite-segmented-control-item", { key: 'e31ce029fcd48521aac0d7cb09426fc6afb0d536', checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { key: '63fa738b401c7d2e1d55ea63faa5d2fc9496feae', class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { key: '77510ca6a043780cf6bd4eb835b0f88a51d4b2f1', checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { key: '3ae3c0b4fd72d7f8cb72a8e013528f1f2539bed1', class: "font-weight-500" }, this._translations.remove)))), h("div", { key: '41a3bea7ebbc8f2e62d842804d8081aae112d703' }, h("map-draw-tools", { key: '1bd98c62b98e196c9ec907059c6728790aa872fc', active: true, drawMode: EDrawMode.REFINE, locale: this.locale, mapView: this.mapView, onDrawRedo: () => this._redo(), onDrawUndo: () => this._undo(), onSketchGraphicsChange: (evt) => this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, redoEnabled: this._refineSelectionSet?.redoStack.length > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: this._refineSelectionSet?.undoStack.length > 0 })), h("br", { key: 'ccdeef335f78d4eca3ebacd0fafb468db8c9ee7f' }), (h("calcite-list", { key: 'd2831ba128c37412ee91d51bc73d58ae0d3f0979', class: "list-border" }, this._getRefineSelectionSetList())))));
+        return (h(Host, { key: '8220100e14abd8339947a74df2d8072d06fb2a25' }, h("div", { key: '1d7426778d638f347b563bfd29478fae7598e2dd', class: layerPickerClass + " padding-top-sides-1" }, h("div", { key: 'cfb649989c24c403bde7d358794933f8f7959bb8', class: "display-flex" }, h("calcite-label", { key: 'dce85bbfa526941a0fb46c1aeba57f4b028948ef', class: "font-bold width-full label-margin-0" }, h("div", { key: '86c19198643381fd99681c53bf0b2b5e66ecf7dc', class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { key: '392022947cd9f53b4b83895992c5b0b32e56fb06', class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { key: 'd0946a46e7a79fc613b9eb9aa3e6f896c12bef92', enabledLayerIds: this._enabledLayerIds, locale: this.locale, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, ref: (el) => { this._layerPicker = el; }, selectedIds: [this._refineLayer.layer.id], showTables: false })), h("calcite-popover", { key: '3b733fd5e7ceb011446112e65aa1ee1b0c5899c7', closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { key: '2076104710f4fbdd1de1f31b552b17749ebf9239', class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { key: '040efdfd6a269244790101cc0712a1cb0bac40d8', class: "padding-1" }, h("div", { key: 'be963f2cb157fda55980166359e53139a5713405', class: "padding-bottom-1" }, h("calcite-segmented-control", { key: '459fa98e8852ea96afd0c9ab5864787f80ff6559', class: "w-100", width: "full" }, h("calcite-segmented-control-item", { key: '965fa774838ecd3292c19a430cdbdfc7b44c82b2', checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { key: 'e0b6fddbded9c78fa98674709ff03f050fd47300', class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { key: '56e453183fc559ddbce5b041095fad5a8d6262ab', checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { key: '13593da569557fa57822c98e12a5654cade219a1', class: "font-weight-500" }, this._translations.remove)))), h("div", { key: '029fec164d9475274294a1d740a434cab2535cdc' }, h("map-draw-tools", { key: 'a212c5d21b2b1cdf7ba284a95dacaf83cf0180c9', active: true, drawMode: EDrawMode.REFINE, locale: this.locale, mapView: this.mapView, onDrawRedo: () => this._redo(), onDrawUndo: () => this._undo(), onSketchGraphicsChange: (evt) => this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, redoEnabled: this._refineSelectionSet?.redoStack.length > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: this._refineSelectionSet?.undoStack.length > 0 })), h("br", { key: '352a0523461cfeeae3bae09ae1cc6f8fa759616b' }), (h("calcite-list", { key: '0db8f64b4f6e6a0aa6c6e6062e0cc47a17739092', class: "list-border" }, this._getRefineSelectionSetList())))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/request.js

@@ -0,0 +1,14 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { s } from './locale3.js';
+
+/*
+All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/4.31/esri/copyright.txt for details.
+*/
+function e(e,s$1){let a=s$1.responseType;a?"array-buffer"!==a&&"blob"!==a&&"json"!==a&&"native"!==a&&"native-request-init"!==a&&"text"!==a&&(a="text"):a="json",s$1.responseType=a;const r=s$1.signal;return delete s$1.signal,globalThis.invokeStaticMessage("request",{url:e,options:s$1},{signal:r}).then((async n=>{let o,i,l,u,c;if(n.data)if(n.data instanceof ArrayBuffer){if(!("json"!==a&&"text"!==a&&"blob"!==a||(o=new Blob([n.data]),"json"!==a&&"text"!==a||(u=await o.text(),"json"!==a)))){try{i=JSON.parse(u||null);}catch(p){const a={...p,url:e,requestOptions:s$1};throw new s("request:server",p.message,a)}if(i.error){const a={...i.error,url:e,requestOptions:s$1};throw new s("request:server",i.error.message,a)}}}else "native"===a&&(n.data.signal=r,l=await fetch(n.data.url,n.data),n.httpStatus=l.status);switch(a){case"blob":c=o;break;case"json":c=i;break;case"native":c=l;break;case"text":c=u;break;default:c=n.data;}return {data:c,httpStatus:n.httpStatus,requestOptions:s$1,ssl:n.ssl,url:e}}))}
+
+export { e as execute };