@esri/solutions-components 0.10.43 → 0.10.45

package/dist/components/layer-table2.js

@@ -9,44 +9,42 @@ import { g as getLocaleComponentStrings } from './locale.js';
 import { b as goToSelection, c as getFeatureLayerView, g as getLayerOrTable } from './mapViewUtils.js';
 import { b as queryAllIds, c as queryAllOidsWithQueryFeatures, d as queryFeaturesByGlobalID } from './queryUtils.js';
 import { d as downloadCSV } from './downloadUtils.js';
-import { d as defineCustomElement$F } from './action.js';
-import { d as defineCustomElement$E } from './action-bar.js';
-import { d as defineCustomElement$D } from './action-group.js';
-import { d as defineCustomElement$C } from './action-menu.js';
-import { d as defineCustomElement$B } from './block.js';
-import { d as defineCustomElement$A } from './button.js';
-import { d as defineCustomElement$z } from './checkbox.js';
-import { d as defineCustomElement$y } from './chip.js';
-import { d as defineCustomElement$x } from './combobox.js';
-import { d as defineCustomElement$w } from './combobox-item.js';
-import { d as defineCustomElement$v } from './date-picker.js';
-import { d as defineCustomElement$u } from './date-picker-day.js';
-import { d as defineCustomElement$t } from './date-picker-month.js';
-import { d as defineCustomElement$s } from './date-picker-month-header.js';
-import { d as defineCustomElement$r } from './dropdown.js';
-import { d as defineCustomElement$q } from './dropdown-group.js';
-import { d as defineCustomElement$p } from './dropdown-item.js';
-import { d as defineCustomElement$o } from './graph.js';
-import { d as defineCustomElement$n } from './handle.js';
-import { d as defineCustomElement$m } from './icon.js';
-import { d as defineCustomElement$l } from './input.js';
-import { d as defineCustomElement$k } from './input-date-picker.js';
-import { d as defineCustomElement$j } from './input-text.js';
-import { d as defineCustomElement$i } from './label2.js';
-import { d as defineCustomElement$h } from './loader.js';
-import { d as defineCustomElement$g } from './modal.js';
-import { d as defineCustomElement$f } from './notice.js';
-import { d as defineCustomElement$e } from './option.js';
-import { d as defineCustomElement$d } from './panel.js';
-import { d as defineCustomElement$c } from './popover.js';
-import { d as defineCustomElement$b } from './progress.js';
-import { d as defineCustomElement$a } from './scrim.js';
-import { d as defineCustomElement$9 } from './select.js';
-import { d as defineCustomElement$8 } from './shell.js';
-import { d as defineCustomElement$7 } from './slider.js';
-import { d as defineCustomElement$6 } from './tooltip.js';
-import { d as defineCustomElement$5 } from './delete-button2.js';
-import { d as defineCustomElement$4 } from './delete-dialog2.js';
+import { d as defineCustomElement$D } from './action.js';
+import { d as defineCustomElement$C } from './action-bar.js';
+import { d as defineCustomElement$B } from './action-group.js';
+import { d as defineCustomElement$A } from './action-menu.js';
+import { d as defineCustomElement$z } from './block.js';
+import { d as defineCustomElement$y } from './button.js';
+import { d as defineCustomElement$x } from './checkbox.js';
+import { d as defineCustomElement$w } from './chip.js';
+import { d as defineCustomElement$v } from './combobox.js';
+import { d as defineCustomElement$u } from './combobox-item.js';
+import { d as defineCustomElement$t } from './date-picker.js';
+import { d as defineCustomElement$s } from './date-picker-day.js';
+import { d as defineCustomElement$r } from './date-picker-month.js';
+import { d as defineCustomElement$q } from './date-picker-month-header.js';
+import { d as defineCustomElement$p } from './dropdown.js';
+import { d as defineCustomElement$o } from './dropdown-group.js';
+import { d as defineCustomElement$n } from './dropdown-item.js';
+import { d as defineCustomElement$m } from './graph.js';
+import { d as defineCustomElement$l } from './handle.js';
+import { d as defineCustomElement$k } from './icon.js';
+import { d as defineCustomElement$j } from './input.js';
+import { d as defineCustomElement$i } from './input-date-picker.js';
+import { d as defineCustomElement$h } from './input-text.js';
+import { d as defineCustomElement$g } from './label2.js';
+import { d as defineCustomElement$f } from './loader.js';
+import { d as defineCustomElement$e } from './modal.js';
+import { d as defineCustomElement$d } from './notice.js';
+import { d as defineCustomElement$c } from './option.js';
+import { d as defineCustomElement$b } from './panel.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 './select.js';
+import { d as defineCustomElement$6 } from './shell.js';
+import { d as defineCustomElement$5 } from './slider.js';
+import { d as defineCustomElement$4 } from './tooltip.js';
 import { d as defineCustomElement$3 } from './instant-apps-filter-list2.js';
 import { d as defineCustomElement$2 } from './instant-apps-social-share2.js';
 import { d as defineCustomElement$1 } from './map-layer-picker2.js';
@@ -60,6 +58,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         this.__registerHost();
         this.featureSelectionChange = createEvent(this, "featureSelectionChange", 7);
         this.toggleFilter = createEvent(this, "toggleFilter", 7);
+        this.showDelete = createEvent(this, "showDelete", 7);
         this.appLayout = undefined;
         this.defaultGlobalId = undefined;
         this.defaultLayerId = undefined;
@@ -90,7 +89,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         this._filterOpen = false;
         this._layer = undefined;
         this._selectAllActive = false;
-        this._deleteDialogOpen = false;
         this._showHideOpen = false;
         this._showOnlySelected = false;
         this._toolInfos = undefined;
@@ -261,6 +259,10 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      * string the current search expression
      */
     _searchExpression;
+    /**
+     * number[]: selected features from table
+     */
+    _tempSelectedIds;
     //--------------------------------------------------------------------------
     //
     //  Watch handlers
@@ -453,6 +455,10 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      * Emitted on demand when filter action is clicked
      */
     toggleFilter;
+    /**
+     * Emitted on demand when when the delete dialog should be shown
+     */
+    showDelete;
     /**
      * Scroll and zoom to the selected feature from the Features widget.
      *
@@ -566,10 +572,10 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         const tableHeightClass = this.isMobile ? "height-full" : "height-full-adjusted";
         const showSearch = this._canShowFullTextSearch();
         this._validateActiveActions();
-        return (h(Host, { key: 'f56462fd5d5afa71052cf2557069bb2fee15aaeb' }, h("calcite-shell", { key: '92ccfa2235269aad6da5f918f79ec8ae100e99ca' }, this._getTableControlRow("header"), h("div", { key: 'e5b8fe5e4236e1a7b7e9d31ad784d9bb52a6918d', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: 'eca933d832e5b6efddb025211c253bf09e41ab22', class: "height-full width-full" }, showSearch &&
-            h("div", { key: 'e819896c4264db3ee95d10194b67da65997b541d', class: "search-container" }, h("calcite-input", { key: 'e979c7962205caf072057332280b9e04ecd233c4', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), h("calcite-loader", { key: 'ee715472a4f819dd1e9328e75022439e9bba1334', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '8085821dea31de1fcbb1119e5791c0dea744e470', class: tableNodeClass, ref: this.onTableNodeCreate }))), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
+        return (h(Host, { key: 'ade26bd309af37b5b9f9bdc355f1cf6c575fa89a' }, h("calcite-shell", { key: '95668ae72cde1a3600e17a0d138ba8b810a4c525' }, this._getTableControlRow("header"), h("div", { key: '488eabfc4666c0d81aacbac523e7ba20288a4701', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: '75d01c41afbb872f57472adc76045431163c0cab', class: "height-full width-full" }, showSearch &&
+            h("div", { key: 'b6062ca6e5702fc835777a6fe6ecec7a66926bc0', class: "search-container" }, h("calcite-input", { key: 'eade11ccb0d7b6d5aed838dbb6b2eaec4286d8c6', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), h("calcite-loader", { key: '889c97b23074f5be4b045199cf48632720d6c598', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '4ac0bfdaf07c38ff57008bade29b4b90b11f437d', class: tableNodeClass, ref: this.onTableNodeCreate }))), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
             .replace("{{total}}", total)
-            .replace("{{selected}}", selected))) : undefined), this.createFilterModal && this._filterModal(), h("delete-dialog", { key: '20c9a06c3f0d44433d9442755d25658c249e102c', id: "deleteDialogId", ids: this._getIds(), layer: this._layer, locale: this.locale, onDeleteDialogClose: () => this._deleteDialogOpen = false, open: this._deleteDialogOpen, ref: (el) => this._deleteDialog = el })));
+            .replace("{{selected}}", selected))) : undefined), this.createFilterModal && this._filterModal()));
     }
     _deleteDialog;
     /**
@@ -629,18 +635,37 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      *
      */
     async _searchFullText() {
+        let selectedIds = [];
+        let showSelected = false;
+        if (this._showOnlySelected) {
+            selectedIds = this._tempSelectedIds;
+            showSelected = true;
+        }
+        else {
+            this._clearSelection();
+            this._tempSelectedIds = [];
+        }
         //always clear previous search definition
         if (this._searchExpression) {
             this._clearSearchDefinitionExpression();
         }
+        let searchedIds = [];
         if (this._fullTextSearchInfo.length) {
             if (this._fullTextSearchInfo[0].searchTerm) {
                 const searchQueryParams = this._layer.createQuery();
                 searchQueryParams.fullText = this._fullTextSearchInfo;
-                const searchedIds = await this._layer.queryObjectIds(searchQueryParams);
+                searchedIds = await this._layer.queryObjectIds(searchQueryParams);
+                if (showSelected && selectedIds?.length) {
+                    searchedIds = searchedIds.filter((id) => selectedIds.includes(id));
+                }
                 await this._updateSearchDefinitionExpression(searchedIds?.length ? searchedIds : [-1]);
             }
         }
+        // highlight the feature only when selected feature is present in applied filter
+        if (showSelected && searchedIds?.length) {
+            this._showOnlySelected = true;
+            this._table.highlightIds.addMany(searchedIds.reverse());
+        }
         //Added timeout and table.refresh() to avoid the issue in which we see empty table records after searching in combination to filter/reset filter
         await new Promise(resolve => setTimeout(resolve, 800));
         await this._updateAllIds();
@@ -1146,7 +1171,9 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      *
      */
     _showDelete() {
-        this._deleteDialogOpen = true;
+        this.showDelete.emit({
+            ids: this._getIds()
+        });
     }
     /**
      * Get an action and tooltip for share
@@ -1224,7 +1251,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      */
     _getDangerAction(icon, label, func, disabled) {
         const _disabled = this._layer === undefined ? true : disabled;
-        return (h("div", { class: "display-flex", id: this._getId(icon) }, icon === "trash" ? (h("delete-button", { buttonType: "action", class: "display-flex", disabled: _disabled, icon: icon, id: "solutions-delete", ids: this._getIds(), layer: this._layer, locale: this.locale })) : (h("calcite-action", { appearance: "solid", disabled: _disabled, id: icon, onClick: func, text: label }, h("calcite-button", { appearance: "transparent", iconStart: icon, kind: "danger" }, label))), this._getToolTip("bottom", icon, label)));
+        return (h("div", { class: "display-flex", id: this._getId(icon) }, (h("calcite-action", { appearance: "solid", compact: true, disabled: _disabled, id: icon, onClick: func, text: "" }, h("calcite-button", { appearance: "transparent", iconStart: icon, kind: "danger" }, label))), this._getToolTip("bottom", icon, label)));
     }
     /**
      * Return all currently selected IDs from the table
@@ -1260,6 +1287,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                     highlightEnabled: true,
                     multiSortEnabled: false,
                     visibleElements: {
+                        columnDescriptions: false,
                         header: false,
                         menu: false
                     },
@@ -1290,6 +1318,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                     // only readd in specific case where we have multiple selected and then click one of the currently selected
                     const reAdd = this.selectedIds.length > 1 && evt.removed.length === 1;
                     const newIds = reAdd ? evt.removed : ids.filter(id => this.selectedIds.indexOf(id) < 0);
+                    this._tempSelectedIds = newIds.length ? [...newIds] : [...this.selectedIds];
                     this._clearSelection();
                     this.selectedIds = [...newIds];
                     if (newIds.length > 0) {
@@ -1302,10 +1331,12 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                 else {
                     // https://github.com/Esri/solutions-components/issues/365
                     this.selectedIds = ids.reverse();
+                    this._tempSelectedIds = [...this.selectedIds];
                 }
             }
             else if (this._ctrlIsPressed) {
                 this.selectedIds = ids.reverse();
+                this._tempSelectedIds = [...this.selectedIds];
             }
             else if (this._shiftIsPressed && ids?.length > 0) {
                 this._skipOnChange = true;
@@ -1342,6 +1373,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                     }, []);
                     const selectedIds = _start < _end ? idsInRange.reverse() : idsInRange;
                     this.selectedIds = [...new Set([...selectedIds, ...this.selectedIds])];
+                    this._tempSelectedIds = [...this.selectedIds];
                     this._table.highlightIds.addMany(this.selectedIds.filter(i => ids.indexOf(i) < 0));
                 }
             }
@@ -1977,7 +2009,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         "_filterOpen": [32],
         "_layer": [32],
         "_selectAllActive": [32],
-        "_deleteDialogOpen": [32],
         "_showHideOpen": [32],
         "_showOnlySelected": [32],
         "_toolInfos": [32],
@@ -2009,7 +2040,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["layer-table", "calcite-action", "calcite-action-bar", "calcite-action-group", "calcite-action-menu", "calcite-block", "calcite-button", "calcite-checkbox", "calcite-chip", "calcite-combobox", "calcite-combobox-item", "calcite-date-picker", "calcite-date-picker-day", "calcite-date-picker-month", "calcite-date-picker-month-header", "calcite-dropdown", "calcite-dropdown-group", "calcite-dropdown-item", "calcite-graph", "calcite-handle", "calcite-icon", "calcite-input", "calcite-input-date-picker", "calcite-input-text", "calcite-label", "calcite-loader", "calcite-modal", "calcite-notice", "calcite-option", "calcite-panel", "calcite-popover", "calcite-progress", "calcite-scrim", "calcite-select", "calcite-shell", "calcite-slider", "calcite-tooltip", "delete-button", "delete-dialog", "instant-apps-filter-list", "instant-apps-social-share", "map-layer-picker"];
+    const components = ["layer-table", "calcite-action", "calcite-action-bar", "calcite-action-group", "calcite-action-menu", "calcite-block", "calcite-button", "calcite-checkbox", "calcite-chip", "calcite-combobox", "calcite-combobox-item", "calcite-date-picker", "calcite-date-picker-day", "calcite-date-picker-month", "calcite-date-picker-month-header", "calcite-dropdown", "calcite-dropdown-group", "calcite-dropdown-item", "calcite-graph", "calcite-handle", "calcite-icon", "calcite-input", "calcite-input-date-picker", "calcite-input-text", "calcite-label", "calcite-loader", "calcite-modal", "calcite-notice", "calcite-option", "calcite-panel", "calcite-popover", "calcite-progress", "calcite-scrim", "calcite-select", "calcite-shell", "calcite-slider", "calcite-tooltip", "instant-apps-filter-list", "instant-apps-social-share", "map-layer-picker"];
     components.forEach(tagName => { switch (tagName) {
         case "layer-table":
             if (!customElements.get(tagName)) {
@@ -2017,191 +2048,181 @@ function defineCustomElement() {
             }
             break;
         case "calcite-action":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$F();
-            }
-            break;
-        case "calcite-action-bar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$E();
-            }
-            break;
-        case "calcite-action-group":
             if (!customElements.get(tagName)) {
                 defineCustomElement$D();
             }
             break;
-        case "calcite-action-menu":
+        case "calcite-action-bar":
             if (!customElements.get(tagName)) {
                 defineCustomElement$C();
             }
             break;
-        case "calcite-block":
+        case "calcite-action-group":
             if (!customElements.get(tagName)) {
                 defineCustomElement$B();
             }
             break;
-        case "calcite-button":
+        case "calcite-action-menu":
             if (!customElements.get(tagName)) {
                 defineCustomElement$A();
             }
             break;
-        case "calcite-checkbox":
+        case "calcite-block":
             if (!customElements.get(tagName)) {
                 defineCustomElement$z();
             }
             break;
-        case "calcite-chip":
+        case "calcite-button":
             if (!customElements.get(tagName)) {
                 defineCustomElement$y();
             }
             break;
-        case "calcite-combobox":
+        case "calcite-checkbox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$x();
             }
             break;
-        case "calcite-combobox-item":
+        case "calcite-chip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$w();
             }
             break;
-        case "calcite-date-picker":
+        case "calcite-combobox":
             if (!customElements.get(tagName)) {
                 defineCustomElement$v();
             }
             break;
-        case "calcite-date-picker-day":
+        case "calcite-combobox-item":
             if (!customElements.get(tagName)) {
                 defineCustomElement$u();
             }
             break;
-        case "calcite-date-picker-month":
+        case "calcite-date-picker":
             if (!customElements.get(tagName)) {
                 defineCustomElement$t();
             }
             break;
-        case "calcite-date-picker-month-header":
+        case "calcite-date-picker-day":
             if (!customElements.get(tagName)) {
                 defineCustomElement$s();
             }
             break;
-        case "calcite-dropdown":
+        case "calcite-date-picker-month":
             if (!customElements.get(tagName)) {
                 defineCustomElement$r();
             }
             break;
-        case "calcite-dropdown-group":
+        case "calcite-date-picker-month-header":
             if (!customElements.get(tagName)) {
                 defineCustomElement$q();
             }
             break;
-        case "calcite-dropdown-item":
+        case "calcite-dropdown":
             if (!customElements.get(tagName)) {
                 defineCustomElement$p();
             }
             break;
-        case "calcite-graph":
+        case "calcite-dropdown-group":
             if (!customElements.get(tagName)) {
                 defineCustomElement$o();
             }
             break;
-        case "calcite-handle":
+        case "calcite-dropdown-item":
             if (!customElements.get(tagName)) {
                 defineCustomElement$n();
             }
             break;
-        case "calcite-icon":
+        case "calcite-graph":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
-        case "calcite-input":
+        case "calcite-handle":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "calcite-input-date-picker":
+        case "calcite-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "calcite-input-text":
+        case "calcite-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "calcite-label":
+        case "calcite-input-date-picker":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "calcite-loader":
+        case "calcite-input-text":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "calcite-modal":
+        case "calcite-label":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "calcite-notice":
+        case "calcite-loader":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "calcite-option":
+        case "calcite-modal":
             if (!customElements.get(tagName)) {
                 defineCustomElement$e();
             }
             break;
-        case "calcite-panel":
+        case "calcite-notice":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }
             break;
-        case "calcite-popover":
+        case "calcite-option":
             if (!customElements.get(tagName)) {
                 defineCustomElement$c();
             }
             break;
-        case "calcite-progress":
+        case "calcite-panel":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
             }
             break;
-        case "calcite-scrim":
+        case "calcite-popover":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "calcite-select":
+        case "calcite-progress":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "calcite-shell":
+        case "calcite-scrim":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "calcite-slider":
+        case "calcite-select":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "calcite-tooltip":
+        case "calcite-shell":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }
             break;
-        case "delete-button":
+        case "calcite-slider":
             if (!customElements.get(tagName)) {
                 defineCustomElement$5();
             }
             break;
-        case "delete-dialog":
+        case "calcite-tooltip":
             if (!customElements.get(tagName)) {
                 defineCustomElement$4();
             }

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: '525ee5ce855cf5aa4f8c50e7e88be6c6236046ac' }, h("div", { key: '899898ee0b2ba9048ed24716a339c94d3106a52e', 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: '896569eb6cf65f45cbebb4b36f5b01ada5ed1092', class: progressClass, value: 0 }), h("div", { key: '79cac798541783bdc74e4b13f9df4d7564eb99f4', class: `${mapHeightClass} ${mapClass}`, ref: (el) => (this._mapDiv = el) }), h("map-tools", { key: '730d48c4ce98af3872bfa6c486e8749e18c24477', 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: '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 })));
     }
     /**
      * Called each time after the component is loaded

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: 'c94ac0dde3ba21569ef86cb3ba5e92a427acd10f' }, h("div", { key: 'c699bf597d5a28d62dbba20fa6ddca38f406294f', class: containerClass }, h("div", { key: '78058d9155a650bb59e59ab9064a0286b7479759', ref: (el) => { this._sketchElement = el; } }), h("div", { key: '8cfc53dda2d1b272841acf40bd70b951111c359e', class: undoRedoClass }, h("calcite-action", { key: '5a8f0d0429f7d3df587957ae77ed935b0f99a5a0', disabled: !this.undoEnabled, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), h("calcite-action", { key: '163067cba4a163dc32d23c2d96cb2d9d967d287e', disabled: !this.redoEnabled, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo })))));
+        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 })))));
     }
     //--------------------------------------------------------------------------
     //

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: '28d49dabefbb64024028bd6d7b7a104fafd81eae' }, h("div", { key: '443af45e3ce2c83a797ebfaac9e442d57d05c34c', class: "fullscreen-widget", ref: (el) => { this._fullscreenElement = el; } })));
+        return (h(Host, { key: '7eec3dc5ab76a4ad8fdd24d8d18f8e6cf2820dde' }, h("div", { key: '2093cc2a6a3678209e61eea63ebde2f69ec00011', class: "fullscreen-widget", ref: (el) => { this._fullscreenElement = el; } })));
     }
     /**
      * StencilJS: Called just after the component updates.

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

@@ -173,7 +173,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: '33b19dbf87019ad071242aaa688e49f35e2c2808' }, h("div", { key: '85e781782fc529acae68b1137f8ec1a317b452a0', class: "map-layer-picker-container", style: style }, h("div", { key: 'c257b179b56939d998650c676e835c9976d9fb21', class: "map-layer-picker", style: style }, !this._hasValidLayers ? this._getInvalidPlaceholder() :
+        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() :
             !this._hasMultipleLayers && this.showSingleLayerAsLabel ? this._getSingleLayerPlaceholder() :
                 this.type === "combobox" ? this._getCombobox(id) :
                     this.type === "select" ? this._getSelect(id) : this._getDropdown(id)))));

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: '6b8c415650cb42727d7f09d3d4d92f8aebc7526b' }, h("div", { key: '36fd4c49d4ab19411fe309822e5b87104736282a', ref: (el) => { this._legendElement = el; } })));
+        return (h(Host, { key: '768d9d69042516c6d4edc55fcb0af23f90d33e6e' }, h("div", { key: 'e1147cf58240e7a6fcb9a00fce3649a380755e3d', 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

@@ -134,7 +134,7 @@ const MapPicker = /*@__PURE__*/ proxyCustomElement(class MapPicker extends HTMLE
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'c6f59dfac8acfc06775a3a38cefa1fd2c2708722' }, this._getToolbar(), this._getMapNameList(this._mapListExpanded)));
+        return (h(Host, { key: 'ecfbf2669de4ce8c916e47c7a731f0a3ad33b419' }, this._getToolbar(), this._getMapNameList(this._mapListExpanded)));
     }
     /**
      * Called once after the component has loaded

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: '3464734a35e8cf89f033d508d21831eef665c9b2' }, h("div", { key: 'bf79025ba97e9f26681a6c6200dcdbc2ea227ce8', class: "search-widget", ref: (el) => { this._searchElement = el; } })));
+        return (h(Host, { key: '36e0fb49fdedbe9e8789fba37f86a2f2d57b4e45' }, h("div", { key: '796ee258723e9277dc98323ba76def22bd7dca3a', 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: '92c7ef37eb97404a826b7803ff06ce691722a6d1' }, this._getMapLayerPicker(), h("div", { key: '22959b62191b47b716363007be0a356b62af492a', class: "border-bottom" }), h("div", { key: '834c3ddd3ef31a022ed32131a8c21dce325b2c19', class: "padding-top-sides-1" }, h("div", { key: '86b43e7c82a9fc6a2d54be79be3690120a29b78e', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: '5107461cb8a706e9540c8765138d7bc57355fc67', class: mapToolsContainerClass }, h("map-draw-tools", { key: 'ee678a630d39b7550805f0c070adb8e07428b104', 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: '3b88977c13f6a3cde10de6cba927424595fdb13f', class: "border-bottom" }), this._getNameInput()));
+        return (h(Host, { key: '24382e9b9e955147bcdbf4bf65fb3672c121a8e9' }, this._getMapLayerPicker(), h("div", { key: '9c0d835c1ebb8020619c0629517021ea257ff38f', class: "border-bottom" }), h("div", { key: '19caa1aad9667d1b518d0e5ebe6deeeb44fbdbcf', class: "padding-top-sides-1" }, h("div", { key: 'e9cd25ddbb4c47d6fef8c670507bb1039ae9f360', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: 'b44dae71755a90cf675ba213704be1c65e5d5f1f', class: mapToolsContainerClass }, h("map-draw-tools", { key: '8f9ec344e4056cbc456ea721f4ccdd7311d34797', 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: 'b93bf01281a8b2ffc5cf23536b40e380b95da3c8', class: "border-bottom" }), this._getNameInput()));
     }
     /**
      * Renders the buffer tools component.

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: '6287cfedcd109c621812cc823ee75487a166f7c0' }, h("div", { key: '6f3f1a8ff1fb9c1d671be044143eec4ca6708062', class: containerClass }, this.enableSingleExpand ? (h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, h("div", { key: '156511461a6b6c4a98b47c62460754405f101574', class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), h("basemap-gallery", { key: '7975fa8c2db0c3fc10534d538bc593f8543b330e', basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { key: 'd7df2b0010bc62b9d2a9601018a962d3e8df2561', class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { key: '1bd19b87e9def0b81251aa422ef0024a938bd93d', class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { key: 'c5a68a86acc284af7659f467f2fe98c6168b619e', class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { key: '8d596ddeb353ac85635aa3ef550708e4ec4d5706', class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
+        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; } })));
     }
     //--------------------------------------------------------------------------
     //

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: '0a27b15813b9f82035a8c7b4c080f5ec77379959' }, h("div", { key: '88ce37117354223c9264678a3928485dc8e1d890', class: pciClass }, h("div", { key: 'e0c9f6402c74c7e28749717ab78ac542dc2476f7', class: "label-display" }, h("calcite-label", { key: '5bad9788cbd44419f051e3108d18e530a5819267', class: "label-display" }, "Enter comma delimited deduct values", this._getDeductValuesInput())), h("div", { key: 'bca334a6b4dc0920b880210c03e6d57dcdcae4e2' }, this._getCalculateButton())), h("div", { key: 'a401fa9e71ee5ed376445829d83528fd9e02ed2c', class: deductClass }, h("div", { key: 'c5d16b77848e0b024022cad7b10d75ac9acf53b7', class: "position-right" }, h("calcite-action", { key: '479efde007ee63b86c2e4cb2243afd0d1ee5fc4d', appearance: 'transparent', class: "float-end", icon: "x", onClick: () => this._toggleShowAddDeduct(), scale: "s", text: '' })), h("deduct-calculator", { key: '40c6f7839584f0edcfe77f08d5e895ece6ba7119', class: "display-grid padding-top-1", onDeductValueComplete: (evt) => this._addDeductValue(evt) }))));
+        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) }))));
     }
     //--------------------------------------------------------------------------
     //

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: '019e3669b3c0f1c9532b3c3a5d578a8fe3c2eb4c' }, h("calcite-select", { key: 'b23425e171aea621dfdc6b3a97c38edc4b477696', disabled: this.disabled, label: "", ref: (el) => { this._labelInfoElement = el; } })));
+        return (h(Host, { key: 'b3912d0709a26b249bf1dcaf77ff61036392c611' }, h("calcite-select", { key: 'ad6170eb7c52519940e8e93a8e552d660a9203f2', 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: '1955aa1e3791004b62c7d6d51fbd7dabacbe6cc6' }, h("calcite-shell", { key: '5d269f036d96fd8364dab1dcf1c820e5516c6236' }, h("calcite-action-bar", { key: '1ab0388a35fccbe9b293279a61384e30065b193d', 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: '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))));
     }
     /**
      * StencilJS: Called once just after the component is first loaded.