@esri/solutions-components 0.10.30 → 0.10.32

package/dist/collection/components/crowdsource-reporter/crowdsource-reporter.js

@@ -62,7 +62,6 @@ export class CrowdsourceReporter {
         this._filterActive = false;
         this._flowItems = [];
         this._hasValidLayers = false;
-        this._loadingFeatureDetails = undefined;
         this._mapInfo = undefined;
         this._reportSubmitted = false;
         this._selectedLayerName = undefined;
@@ -220,6 +219,10 @@ export class CrowdsourceReporter {
      * FilterInitState: filter's init state
      */
     _filterInitState;
+    /**
+     * string: Previous selected layer id
+     */
+    _prevSelectedLayerId;
     //--------------------------------------------------------------------------
     //
     //  Watch handlers
@@ -320,7 +323,7 @@ export class CrowdsourceReporter {
      */
     render() {
         const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
-        return (h(Host, { key: '198fe34894f73b66ac15c4f75b05e3159586a392' }, this._reportSubmitted && h("calcite-alert", { key: '2c07a26c0fce4f5b66a2245850f7fca6e7cc2333', "auto-close": true, class: themeClass + " report-submitted-msg", icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._reportSubmitted = false; }, open: true, placement: "top" }, h("div", { key: 'f3269fd5bc315913f25795fc4dda47d83de7166f', slot: "message" }, this.reportSubmittedMessage ? this.reportSubmittedMessage : this._translations.submitMsg)), this._featureCreationFailedErrorMsg && h("calcite-alert", { key: '974254aa4eec7166ce23c9513633174b26d45a4d', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._featureCreationFailedErrorMsg = ""; }, open: true, placement: "top" }, h("div", { key: 'f0e27267cb6bdc626340185ff3af5c8527c5755c', slot: "title" }, this._translations.error), h("div", { key: 'ce443229655784ecc106ef4f90375a0d2ba14679', slot: "message" }, this._featureCreationFailedErrorMsg)), this._commentSubmitted && h("calcite-alert", { key: '8094e9db5856630b6dbbd4f37de35afc8fc0cab9', "auto-close": true, class: 'report-submitted ' + themeClass, icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._commentSubmitted = false; }, open: true, placement: "top" }, h("div", { key: '9fea022654934c6b58064f71e6c7cb59e4429732', slot: "message" }, this.commentSubmittedMessage || this._translations.commentSubmittedMsg)), this._addingCommentFailed && h("calcite-alert", { key: '21cd17c9a43553c40427759070ec5f7d86bcb471', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._addingCommentFailed = false; }, open: true, placement: "top" }, h("div", { key: '82ca845385e34740ab2af082a5338a851ad0c006', slot: "title" }, this._translations.error), h("div", { key: '9dd641fe9e78e83387a266df51b8f709409bd332', slot: "message" }, this._translations.addingCommentFailedMsg)), h("div", { key: '1977a4e41c0f222385585f0a0a6c19a99432846b' }, h("calcite-shell", { key: '67d0771f744f5ba427cef2b453dee3470d2fe5bc', "content-behind": true }, this._getReporter()))));
+        return (h(Host, { key: 'bb2f79258038360e5c0b894ce5a21dcdd41d0ce4' }, this._reportSubmitted && h("calcite-alert", { key: 'aa244cd93326c8817b851d2465c7b9c453117ad2', "auto-close": true, class: themeClass + " report-submitted-msg", icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._reportSubmitted = false; }, open: true, placement: "top" }, h("div", { key: '25d6d6bd01ee8dc260bce41ea6c43eafa609292e', slot: "message" }, this.reportSubmittedMessage ? this.reportSubmittedMessage : this._translations.submitMsg)), this._featureCreationFailedErrorMsg && h("calcite-alert", { key: '06851f2f8cabebd0e953c31bdddfdeac363a4e6e', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._featureCreationFailedErrorMsg = ""; }, open: true, placement: "top" }, h("div", { key: 'f0d73a00a8150a78c48cc09e8901ad7dcb438e90', slot: "title" }, this._translations.error), h("div", { key: '0747a85bbf4936a28dd85a9ea0e8b416f70ee7cf', slot: "message" }, this._featureCreationFailedErrorMsg)), this._commentSubmitted && h("calcite-alert", { key: '55017090c066ad4e12023315bde39e8c7fa67091', "auto-close": true, class: 'report-submitted ' + themeClass, icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._commentSubmitted = false; }, open: true, placement: "top" }, h("div", { key: 'cb63168c1fe507b7b93ac4f58d5283ad0d09b34b', slot: "message" }, this.commentSubmittedMessage || this._translations.commentSubmittedMsg)), this._addingCommentFailed && h("calcite-alert", { key: '36b551428b32c7d93f4d04639504bfe326bbc9c8', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._addingCommentFailed = false; }, open: true, placement: "top" }, h("div", { key: '2e9865c5611f4960bb622f75f386a489abcbb484', slot: "title" }, this._translations.error), h("div", { key: 'ebdf339d63369e18b1c68867cdffb9bd40f52766', slot: "message" }, this._translations.addingCommentFailedMsg)), h("div", { key: 'a08980aead377e11697e96e77aa514ed66dc9613' }, h("calcite-shell", { key: '6d96e769ece33073870f2b8f1a7ef6a44006c3f0', "content-behind": true }, this._getReporter()))));
     }
     //--------------------------------------------------------------------------
     //
@@ -453,18 +456,29 @@ export class CrowdsourceReporter {
         this._filterActive = false;
         this._filterUrlParams = null;
         this._filterInitState = null;
-        void this._featureList.refresh();
+        if (this._featureList) {
+            await this._featureList.refresh();
+        }
+        if (this._layerList) {
+            await this._layerList.refresh();
+        }
     }
     /**
      * Check if the layers definitionExpression has been modified and update the feature list depending on the applied filters
      * @protected
      */
-    _handleFilterUpdate() {
+    async _handleFilterUpdate() {
+        this._showLoadingIndicator = true;
         //if filter are applied the url params will be generated
         //set the filter active state based on the length of applied filters
         this._filterActive = this._filterList.urlParams.getAll('filter').length > 0;
         this._filterUrlParams = this._filterList.urlParams.getAll('filter');
-        void this._featureList.refresh();
+        this._filterInitState = await this._filterList.getFilterInitState();
+        await this._featureList.refresh();
+        if (this._layerList) {
+            await this._layerList.refresh();
+        }
+        this._showLoadingIndicator = false;
     }
     /**
      * Get the feature layer list
@@ -531,7 +545,6 @@ export class CrowdsourceReporter {
      */
     backFromCreateFeaturePanel() {
         if (this._createFeature) {
-            void this._createFeature.close();
             void this.updateNonVisibleLayersOnMap(false);
         }
         //on back form will be closed, so update the form state
@@ -552,7 +565,6 @@ export class CrowdsourceReporter {
      */
     backFromCreateRelatedFeaturePanel() {
         if (this._createRelatedFeature) {
-            void this._createRelatedFeature.close();
             this._showSubmitCancelButton = false;
         }
         //on back form will be closed, so update the form state
@@ -609,9 +621,6 @@ export class CrowdsourceReporter {
      * @protected
      */
     async navigateToHomePage() {
-        if (this._createFeature) {
-            void this._createFeature.close();
-        }
         if (this._layerList) {
             void this._layerList.refresh();
         }
@@ -633,6 +642,10 @@ export class CrowdsourceReporter {
         if (evt.detail.layerId && evt.detail.layerName) {
             await this.setSelectedLayer(evt.detail.layerId, evt.detail.layerName);
         }
+        // reset the applied filter when switching to another layer
+        if (this._selectedLayerId !== this._prevSelectedLayerId && this._filterActive) {
+            await this.resetFilter();
+        }
         void this.updateNonVisibleLayersOnMap(true);
         // get the form template elements to pass in create-feature to create a LEVELID field in feature-form
         this._getFormElements();
@@ -692,27 +705,33 @@ export class CrowdsourceReporter {
             await this.loadFeatureFromURLParams();
         }
     }
-    /**On click of layer list item show feature list
+    /**
+     * On click of layer list item show feature list
      * @param evt Event which has details of selected layerId and layerName
      * @protected
      */
-    displayFeaturesList(evt) {
+    async displayFeaturesList(evt) {
         this._updatedSorting = {
             field: '',
             order: 'desc'
         };
-        this._filterActive = false;
         this._updatedSortOption = "sortNewest";
-        void this.setSelectedLayer(evt.detail.layerId, evt.detail.layerName);
+        await this.setSelectedLayer(evt.detail.layerId, evt.detail.layerName);
         this._flowItems = [...this._flowItems, "feature-list"];
+        // reset the applied filter when switching to another layer
+        if (this._selectedLayerId !== this._prevSelectedLayerId && this._filterActive) {
+            await this.resetFilter();
+        }
+        this._prevSelectedLayerId = this._selectedLayerId;
     }
     /**
-     * On back from filter panel get the filter's init state
+     * Reset's the applied filter
      * @protected
      */
-    async backFromFilterPanel() {
-        this._filterInitState = await this._filterList.getFilterInitState();
-        this.backFromSelectedPanel();
+    async resetFilter() {
+        const prevLayer = await getLayerOrTable(this.mapView, this._prevSelectedLayerId);
+        prevLayer.definitionExpression = this._filterInitState.initDefExpressions[this._prevSelectedLayerId];
+        void this._handleFilterListReset();
     }
     /**
      * On back from selected panel navigate to the previous panel
@@ -773,10 +792,14 @@ export class CrowdsourceReporter {
      */
     async getRelatedTable() {
         const selectedLayer = this._currentFeature.layer;
-        const allRelatedTableIds = selectedLayer.relationships.map(a => a.relatedTableId);
         const allTables = await getAllTables(this.mapView);
-        const relatedTables = allTables.filter((table) => selectedLayer.url === table.url && allRelatedTableIds.includes(table.layerId));
-        this._relatedTable = relatedTables[0];
+        selectedLayer.relationships.some((relationship) => {
+            const relatedTables = allTables.filter((table) => selectedLayer.url === table.url && table.layerId === relationship.relatedTableId);
+            if (relatedTables && relatedTables.length > 0) {
+                this._relatedTable = relatedTables[0];
+                return true;
+            }
+        });
     }
     /**
      * Show loading indicator while updating the feature details component
@@ -834,7 +857,7 @@ export class CrowdsourceReporter {
      */
     getFilterPanel() {
         const currentLayersExpressions = this.layerExpressions ? this.layerExpressions.filter((exp) => exp.id === this._selectedLayerId) : [];
-        return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._translations?.filterLayerTitle?.replace("{{title}}", this._selectedLayerName), loading: this._showLoadingIndicator, onCalciteFlowItemBack: this.backFromFilterPanel.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), h("div", { class: "width-full", slot: "footer" }, h("div", { class: "width-full", slot: "footer" }, h("calcite-button", { appearance: "solid", class: "footer-top-button footer-button", onClick: () => { void this._filterList?.forceReset(); }, width: "full" }, this._translations.resetFilter), h("calcite-button", { appearance: "outline", class: "footer-button", onClick: this.backFromFilterPanel.bind(this), width: "full" }, this._translations.close))), h("calcite-panel", { "full-height": true }, h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtnOnClick: () => undefined, comboboxOverlayPositioning: "fixed", layerExpressions: currentLayersExpressions, onFilterListReset: () => this._handleFilterListReset(), onFilterUpdate: () => this._handleFilterUpdate(), ref: (el) => this._filterList = el, resetBtn: false, resetFiltersOnDisconnect: false, view: this.mapView, zoomBtn: false }))));
+        return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._translations?.filterLayerTitle?.replace("{{title}}", this._selectedLayerName), loading: this._showLoadingIndicator, onCalciteFlowItemBack: this.backFromSelectedPanel.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), h("div", { class: "width-full", slot: "footer" }, h("div", { class: "width-full", slot: "footer" }, h("calcite-button", { appearance: "solid", class: "footer-top-button footer-button", disabled: !this._filterActive, onClick: () => { void this._filterList?.forceReset(); }, width: "full" }, this._translations.resetFilter), h("calcite-button", { appearance: "outline", class: "footer-button", onClick: this.backFromSelectedPanel.bind(this), width: "full" }, this._translations.close))), h("calcite-panel", { "full-height": true }, h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtnOnClick: () => undefined, comboboxOverlayPositioning: "fixed", layerExpressions: currentLayersExpressions, onFilterListReset: () => this._handleFilterListReset(), onFilterUpdate: () => this._handleFilterUpdate(), ref: (el) => this._filterList = el, resetBtn: false, resetFiltersOnDisconnect: false, view: this.mapView, zoomBtn: false }))));
     }
     /**
      * Returns the calcite-flow item for feature details
@@ -1827,7 +1850,6 @@ export class CrowdsourceReporter {
             "_filterActive": {},
             "_flowItems": {},
             "_hasValidLayers": {},
-            "_loadingFeatureDetails": {},
             "_mapInfo": {},
             "_reportSubmitted": {},
             "_selectedLayerName": {},

package/dist/collection/components/feature-details/feature-details.js

@@ -228,14 +228,12 @@ export class FeatureDetails {
             const allTables = await getAllTables(this.mapView);
             let relatedTable = null;
             let validRelationshipId = null;
-            allTables.some((table) => {
-                if (selectedLayer.url === table.url) {
-                    const relationship = selectedLayer.relationships.filter(a => table.layerId === a.relatedTableId);
-                    if (relationship?.length) {
-                        relatedTable = table;
-                        validRelationshipId = relationship[0].id;
-                        return true;
-                    }
+            selectedLayer.relationships.some((relationship) => {
+                const relatedTables = allTables.filter((table) => selectedLayer.url === table.url && table.layerId === relationship.relatedTableId);
+                if (relatedTables && relatedTables.length > 0) {
+                    relatedTable = relatedTables[0];
+                    validRelationshipId = relationship.id;
+                    return true;
                 }
             });
             this.relatedTableId = relatedTable?.id ?? '';

package/dist/collection/components/feature-list/feature-list.js

@@ -132,7 +132,7 @@ export class FeatureList {
      * @returns Promise that resolves when the operation is complete
      */
     async refresh(maintainPageState) {
-        if (maintainPageState) {
+        if (maintainPageState && this._pagination) {
             const event = {
                 target: {
                     startItem: this._pagination.startItem
@@ -183,9 +183,9 @@ export class FeatureList {
      * Renders the component.
      */
     render() {
-        return (h("calcite-panel", { key: '3ba64729e3b56d8912424b65187fee65c5ed079f', "full-height": true, "full-width": true }, this._isLoading && h("calcite-loader", { key: 'd18959827b6f7feec0a42605ab93ee1147a3ddfc', label: "", scale: "m" }), this.showErrorWhenNoFeatures && this._featureItems.length === 0 && !this._isLoading &&
-            h("calcite-notice", { key: '507e0031a5fb5a78b1d61bb4e893e4d9a314e207', class: "error-msg", icon: "feature-details", kind: "info", open: true }, h("div", { key: '640c9e8ab31fea285f6db4199a5ff4d917a4feec', slot: "message" }, this.noFeaturesFoundMsg ? this.noFeaturesFoundMsg : this._translations.featureErrorMsg)), h("calcite-list", { key: 'daa9fd622f3c97dad878854b70509e8cafcdea50', "selection-appearance": "border", "selection-mode": "none" }, !this._isLoading && this._featureItems.length > 0 && this._featureItems), this._featuresCount > this.pageSize &&
-            h("div", { key: 'b30411c22825e9ec631235e243e726d3fa2244e4', class: "width-full", slot: "footer" }, h("calcite-pagination", { key: 'b3ee14ca6cde66bc45124b4de73fa019ffe634f8', class: "pagination", "full-width": true, onCalcitePaginationChange: this.pageChanged.bind(this), "page-size": this.pageSize, ref: el => this._pagination = el, "start-item": "1", "total-items": this._featuresCount }))));
+        return (h("calcite-panel", { key: 'fc2cc60231efb7fc4a05d3ade0bad6a3dd649b8e', "full-height": true, "full-width": true }, this._isLoading && h("calcite-loader", { key: '43c8176c2aaf0cc7f36a9f1ff477f53890cfcf2d', label: "", scale: "m" }), this.showErrorWhenNoFeatures && this._featureItems.length === 0 && !this._isLoading &&
+            h("calcite-notice", { key: 'dff1bb7207397ded8a557b61e9185ea788520441', class: "error-msg", icon: "feature-details", kind: "info", open: true }, h("div", { key: 'c1dd4e7fb8398c4317270b50eba7e6270fd7051b', slot: "message" }, this.noFeaturesFoundMsg ? this.noFeaturesFoundMsg : this._translations.featureErrorMsg)), h("calcite-list", { key: '49019c011e8667d193f566826644b0693b0fb6f9', "selection-appearance": "border", "selection-mode": "none" }, !this._isLoading && this._featureItems.length > 0 && this._featureItems), this._featuresCount > this.pageSize &&
+            h("div", { key: '12e767a001c4dffec7e771d12b772fb43bbf9b0f', class: "width-full", slot: "footer" }, h("calcite-pagination", { key: 'd6a8a9eac72fe7217eda926f46baedcb4e6d5859', class: "pagination", "full-width": true, onCalcitePaginationChange: this.pageChanged.bind(this), "page-size": this.pageSize, ref: el => this._pagination = el, "start-item": "1", "total-items": this._featuresCount }))));
     }
     //--------------------------------------------------------------------------
     //
@@ -359,10 +359,10 @@ export class FeatureList {
             let userInfo;
             let featureSymbol;
             if (this.showUserImageInList) {
-                const creatorField = this._selectedLayer.editFieldsInfo?.creatorField.toLowerCase();
+                const creatorField = this._selectedLayer.editFieldsInfo?.creatorField;
                 // if feature's creator field is present then only we can fetch the information of user
                 if (creatorField) {
-                    userInfo = await this.getUserInformation(feature, creatorField);
+                    userInfo = await this.getUserInformation(feature);
                 }
             }
             if (this.showFeatureSymbol) {
@@ -414,21 +414,27 @@ export class FeatureList {
         const popupTitleClass = this.textSize === 'small' ? 'feature-list-popup-title-small' : 'feature-list-popup-title';
         const popupTitlePaddingClass = this.showUserImageInList || this.showFeatureSymbol ? 'feature-list-popup-title-padding-reduced' : 'feature-list-popup-title-padding';
         return (h("calcite-list-item", { onCalciteListItemSelect: (e) => { void this.featureClicked(e, selectedFeature); }, onMouseLeave: () => { void this.clearHighlights(); }, onMouseOver: () => { void this.onFeatureHover(selectedFeature); }, value: oId }, this.showUserImageInList &&
-            h("calcite-avatar", { class: 'profile-img', "full-name": userInfo?.fullName, id: userInfo?.id, scale: "m", slot: "content-start", thumbnail: userInfo?.userProfileUrl }), this.showFeatureSymbol &&
+            h("calcite-avatar", { class: 'profile-img', "full-name": userInfo?.fullName, scale: "m", slot: "content-start", thumbnail: userInfo?.userProfileUrl, userId: userInfo?.id, username: userInfo?.fullName ? userInfo.username : undefined }), this.showFeatureSymbol &&
             h("div", { class: 'feature-symbol', ref: (el) => el && el.appendChild(featureSymbol), slot: "content-start" }), h("div", { class: `${popupTitleClass} ${popupTitlePaddingClass}`, slot: "content-start" }, popupTitle), this._likeFieldAvailable &&
             h("div", { class: "like-container", id: oId.concat("like"), slot: "content-end" }, h("span", null, this._abbreviatedLikeCount), h("calcite-icon", { icon: "thumbs-up", scale: 's' }), h("calcite-tooltip", { overlayPositioning: "fixed", placement: "top", "reference-element": oId.concat("like") }, formattedLikeCount)), h("calcite-icon", { flipRtl: true, icon: "chevron-right", scale: "s", slot: "content-end" })));
     }
     /**
      *
      * @param feature Each individual feature instance to be listed
-     * @param creatorField Feature's creator field from the layer
      * @returns user information
      * @protected
      */
-    async getUserInformation(feature, creatorField) {
-        const userToken = this.mapView.map.portalItem.portal?.credential?.token;
+    async getUserInformation(feature) {
+        let creatorField = this._selectedLayer.editFieldsInfo?.creatorField;
+        if (feature.attributes.hasOwnProperty(creatorField.toLowerCase())) {
+            creatorField = creatorField.toLowerCase();
+        }
+        else if (feature.attributes.hasOwnProperty(creatorField.toUpperCase())) {
+            creatorField = creatorField.toUpperCase();
+        }
         //get the user information
         let url = `${this.esriConfig.portalUrl}/sharing/rest/community/users/${feature.attributes[creatorField]}?f=json&returnUserLicensedItems=true`;
+        const userToken = this.mapView.map.portalItem.portal?.credential?.token;
         if (userToken) {
             url += `&token=${userToken}`;
         }

package/dist/collection/components/layer-table/layer-table.css

@@ -140,6 +140,12 @@ html[dir="rtl"] .share-action {
   height: 100%;
 }
 
+.search-container {
+  background-color: var(--calcite-color-foreground-1) !important;
+}
+
 .search {
   --calcite-color-border-input: var(--calcite-color-border-3);
+  width: 60%;
+  padding: 10px;
 }

package/dist/collection/components/layer-table/layer-table.js

@@ -522,7 +522,7 @@ export class LayerTable {
         const showSearch = this._canShowFullTextSearch();
         this._validateActiveActions();
         return (h(Host, { key: '46394d7e108068600980efd766fbf5d91243f3c9' }, h("calcite-shell", { key: 'd831121a56070552139386033b02ddc2531c29e9' }, this._getTableControlRow("header"), h("div", { key: '591e0b0bba19f1dbe99049a470b5d3c04253a2c2', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: 'd70244a3c989a5bea8bbbaf33c4ebe9c04fc4515', class: "height-full width-full" }, showSearch &&
-            h("calcite-input", { key: 'b8418eca07a07956f702a09aa642255d05742b14', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" }), h("calcite-loader", { key: '4478be9175933c1b076f7011bd39aaf9adf7faad', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '2a77b11f65188931041d781cde17143c90962931', class: tableNodeClass, ref: this.onTableNodeCreate }))), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
+            h("div", { key: 'fd14c6dab7898e27bd61bbc03878c898d26f042a', class: "search-container" }, h("calcite-input", { key: '9675cc22233456446be8a6b9fc24842fbb3f88e2', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), h("calcite-loader", { key: '74447458a0ac4cee6934e7101a5fee2c180d1330', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '6c2a5ff4a69690fde002005eb9c55047c25ad63d', 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()));
     }
@@ -539,7 +539,7 @@ export class LayerTable {
      * Called after the component is rendered
      */
     componentDidRender() {
-        // need to be called after each render to get the clicked mouseEvent 
+        // need to be called after each render to get the clicked mouseEvent
         document.onclick = (e) => this._handleDocumentClick(e);
         document.onkeydown = (e) => this._handleKeyDown(e);
         document.onkeyup = (e) => this._handleKeyUp(e);
@@ -686,7 +686,8 @@ export class LayerTable {
      */
     _getTableControlRow(slot) {
         const id = "more-table-options";
-        return (h("div", { class: "display-flex border-bottom height-51-px", ref: (el) => this._toolbar = el, slot: slot }, this._getActionBar(), !this.isMobile ? this._getDropdown(id) : undefined, this.enableShare && !this.isMobile ? this._getShare("share") : undefined));
+        const toolbarClass = this._canShowFullTextSearch() ? "border-bottom" : "";
+        return (h("div", { class: `display-flex height-51-px ${toolbarClass}`, ref: (el) => this._toolbar = el, slot: slot }, this._getActionBar(), !this.isMobile ? this._getDropdown(id) : undefined, this.enableShare && !this.isMobile ? this._getShare("share") : undefined));
     }
     /**
      * Gets a row of controls that can be used for various interactions with the table

package/dist/collection/components/layout-manager/layout-manager.js

@@ -76,7 +76,7 @@ export class LayoutManager {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '2fe2540a25e70ec6785aa97ade592a93c1112ecf' }, h("div", { key: 'df036d69f984e688c560d60279c463de9393d0f7', class: "display-flex" }, h("div", { key: 'b143b92ebec8a800466cee16e47b60afd768861e', class: "display-flex action-center" }, h("calcite-icon", { key: '5b787b3499c638e1e54eddf8b10448fe782aeb15', class: "icon icon-color", icon: "information", id: "app-information-icon", scale: "s" }), h("calcite-popover", { key: '372cdbf2f14d7305b0dcb2e398962e39922f287d', closable: true, label: "", referenceElement: "app-information-icon" }, h("span", { key: '4a8cc85bac0524c1dac37df79026bc4ec9ac4588', class: "tooltip-message" }, this._translations.appInfo))), h("div", { key: '25da1130e266e7ba24abc1caa9b8a72d858c07a1', class: "header-text" }, this._translations.layout), this._getAction("grid-background", ELayoutMode.GRID, this._translations.grid), this._getAction("vertical-background", ELayoutMode.VERTICAL, this._translations.vertical), this._getAction("horizontal-background", ELayoutMode.HORIZONTAL, this._translations.horizontal))));
+        return (h(Host, { key: '1381320aa1041faf8f3b878891d604d37bc9ba75' }, h("div", { key: 'd7d36debd225ecb188238bb6a19c265729244800', class: "display-flex" }, h("div", { key: '176a1db9d59dedc3714cc594aae8c9715ab34680', class: "display-flex action-center" }, h("calcite-icon", { key: '9a05af6302133624f7dc65769dac2d613ba66853', class: "icon icon-color", icon: "information", id: "app-information-icon", scale: "s" }), h("calcite-popover", { key: '4e3484d7403ad3ac2f2a30bac0b1e9b050e20840', closable: true, label: "", referenceElement: "app-information-icon" }, h("span", { key: '0a8d3607ebcb24b6ba0c7d7757cddf5f79faee49', class: "tooltip-message" }, this._translations.appInfo))), h("div", { key: '27ec5b7cadacbf763eabad8933bdec5b37b56c5c', class: "header-text" }, this._translations.layout), this._getAction("grid-background", ELayoutMode.GRID, this._translations.grid), this._getAction("vertical-background", ELayoutMode.VERTICAL, this._translations.vertical), this._getAction("horizontal-background", ELayoutMode.HORIZONTAL, this._translations.horizontal))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/list-flow-item/list-flow-item.js

@@ -62,7 +62,7 @@ export class ListFlowItem {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: '3e655a71f984bc7619b007ff0c17bf0418d9dbac' }, h("slot", { key: '6dfb3b7a1fd4987a99d7b91a6ce2cc2f99cb7d28' })));
+        return (h(Host, { key: 'eb0234045e0e914fd94b0afd15e9a41d57a9735f' }, h("slot", { key: 'bd2660cb4a2e04aa04445c8e446577bf4de27a4a' })));
     }
     static get is() { return "list-flow-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/location-flow-item/location-flow-item.js

@@ -62,7 +62,7 @@ export class LocationFlowItem {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: 'af917a1b598dbf7b9a47d6f8781e352dbf7a5b9b' }, h("slot", { key: 'd38030d3d64ca1da2bbea5edafcf496ec665c0c4' })));
+        return (h(Host, { key: '243b7931b8af88376378b299e8b1ed947069cf97' }, h("slot", { key: '605d9a18fbd685a3477e97b2c7fd840fc6980118' })));
     }
     static get is() { return "location-flow-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/map-card/map-card.css

@@ -28,12 +28,8 @@
   height: 100%;
 }
 
-.border-bottom-3px {
-  border-bottom: 3px solid var(--calcite-color-border-3);
-}
-
-.height-50-px {
-  height: 50px;
+.height-49-px {
+  height: 49px;
 }
 
 .box-shadow {
@@ -52,4 +48,4 @@
 
 .display-block {
   display: block;
-}
+}

package/dist/collection/components/map-card/map-card.js

@@ -293,12 +293,13 @@ export class MapCard {
      * Renders the component.
      */
     render() {
-        const mapContainerClass = this.isMapLayout ? "display-flex height-50-px border-bottom-3px" : "";
+        const mapContainerClass = this.isMapLayout ? "display-flex height-49-px" : "";
         const mapClass = this.hidden ? "visibility-hidden-1" : "";
         const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
         const mapHeightClass = this.mapInfos?.length > 1 || this.isMapLayout ? "map-height" : "height-full";
+        const progressClass = this.isMapLayout ? "" : "display-none";
         this._validateActiveActions();
-        return (h(Host, { key: '197d79614a8d45037c034d3a61eda793d3ad3365' }, h("div", { key: 'ff428e43fb74c71fabd3af86677223c460bb4fb8', class: `${mapContainerClass} width-full`, ref: (el) => this._toolbar = el }, this._getActionBar(), !this.isMobile && this.isMapLayout && this._getDropdown("more-table-options")), h("div", { key: '0cf63d7623c194bcb0a8636e89bd150450c385a0', class: `${mapHeightClass} ${mapClass}`, ref: (el) => (this._mapDiv = el) }), h("map-tools", { key: '0982cb82f916bfff2c25e3b276b8f7708fe19842', 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, 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: '94d7399ed75c0e90487d6153a0d28ab6f722ae93' }, h("div", { key: 'e194d8800dd7a865e101d779d032d164f3e5562d', class: `${mapContainerClass} width-full`, ref: (el) => this._toolbar = el }, this._getActionBar(), !this.isMobile && this.isMapLayout && this._getDropdown("more-table-options")), h("calcite-progress", { key: '0abdbf4e8ba5861866aba7791dfdb91a7a5f4daa', class: progressClass, value: 0 }), h("div", { key: '83aa012aeef6ae64e49007d542fd949e7d4602f4', class: `${mapHeightClass} ${mapClass}`, ref: (el) => (this._mapDiv = el) }), h("map-tools", { key: '229cc18b36885cad12d44c13e1fe37a97403b9d8', 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, 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/collection/components/map-draw-tools/map-draw-tools.js

@@ -183,7 +183,7 @@ export class MapDrawTools {
             "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: '55862b3113e637552b0d1728e53e4a7b296ed03d' }, h("div", { key: '22b9b92f3d1cca8f273ecc35d25697ecfc893574', class: containerClass }, h("div", { key: '5f3b4e380be0be362fa06c539114d391f10c4db2', ref: (el) => { this._sketchElement = el; } }), h("div", { key: '5561e86cde0cbbe552e0853b326fbb1659ade6c3', class: undoRedoClass }, h("calcite-action", { key: '7197e23e6db476a65c3ce850db350d0e45454688', disabled: !this.undoEnabled, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), h("calcite-action", { key: 'fc9a818556c51e3f86981cf4ee5355e9c52bb6b1', disabled: !this.redoEnabled, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo })))));
+        return (h(Host, { key: '5f82fce6481912c103d709b5fefa3a890d291943' }, h("div", { key: '464d32d718167c5e7e2636fa0184622477fc5464', class: containerClass }, h("div", { key: '52a11f9d1b8f1692e67a7e706de3741e43c40591', ref: (el) => { this._sketchElement = el; } }), h("div", { key: '3a529e4e358ec4890513d7fcbbceadabb9e66a18', class: undoRedoClass }, h("calcite-action", { key: '98b684a186a03fe8868bde1978d59c7618a7635a', disabled: !this.undoEnabled, icon: "undo", onClick: () => this._undo(), scale: "s", text: this._translations.undo }), h("calcite-action", { key: 'b1d769fd984ecf7cf9e868029cc7a5aba5a39dc7', disabled: !this.redoEnabled, icon: "redo", onClick: () => this._redo(), scale: "s", text: this._translations.redo })))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/map-fullscreen/map-fullscreen.js

@@ -95,7 +95,7 @@ export class MapFullscreen {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '8d5feed87c1795cb487ff3eda1da7573a65d3c89' }, h("div", { key: '4a74da3dc79280fdff87c7c723bb9c729897b1ab', class: "fullscreen-widget", ref: (el) => { this._fullscreenElement = el; } })));
+        return (h(Host, { key: '9fc5dfeffc8601763b27e001311ec317934ebcae' }, h("div", { key: '65f2ab96d7283a9a10a113be0cdef6a95de1ee1b', class: "fullscreen-widget", ref: (el) => { this._fullscreenElement = el; } })));
     }
     /**
      * StencilJS: Called just after the component updates.

package/dist/collection/components/map-layer-picker/map-layer-picker.js

@@ -160,7 +160,7 @@ export class MapLayerPicker {
         const id = "map-layer-picker";
         let style = this.height > 0 ? { "height": `${this.height.toString()}px` } : {};
         style = { ...style, "display": this.display };
-        return (h(Host, { key: '00823a2fd3ef03454c2cde7259aa7b42e5f5820f' }, h("div", { key: '471029b527081a502bc7c34536697e27fd30952e', class: "map-layer-picker-container", style: style }, h("div", { key: '7845d44f32181b3d02ad3e7760d7f4be6b7529be', class: "map-layer-picker", style: style }, !this._hasValidLayers ? this._getInvalidPlaceholder() :
+        return (h(Host, { key: 'e858ff58778eb1a40b40609f44705d9580ddd489' }, h("div", { key: '729c3ba4d508d02f79a2dd4856aef5c5662720d7', class: "map-layer-picker-container", style: style }, h("div", { key: '9055f9db9bc811797002ecb86da34e17b9cf77be', 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/collection/components/map-legend/map-legend.js

@@ -86,7 +86,7 @@ export class MapLegend {
      * StencilJS: Renders the component.
      */
     render() {
-        return (h(Host, { key: '3720974e2a6d1a9e569750e4c3ea5bf18e49a9c7' }, h("div", { key: '1bc154d7366aeabe2b983b110629e2f1257e0af6', ref: (el) => { this._legendElement = el; } })));
+        return (h(Host, { key: 'f520dd3737b8b883d8e27eb9a63da25f6d5b9375' }, h("div", { key: '6775e1c58ecd4fe63d50358fe2cd4f050cb1d709', ref: (el) => { this._legendElement = el; } })));
     }
     /**
      * StencilJS: Called once just after the component is fully loaded and the first render() occurs.

package/dist/collection/components/map-picker/map-picker.css

@@ -72,6 +72,6 @@
 }
 
 .adjusted-height {
-  height: calc(100% - 52px);
+  max-height: calc(100% - 52px);
   overflow-y: auto;
 }

package/dist/collection/components/map-picker/map-picker.js

@@ -120,7 +120,7 @@ export class MapPicker {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'e3d565698c09b0c622d1c93d181f1bf4b343f353' }, this._getToolbar(), this._getMapNameList(this._mapListExpanded)));
+        return (h(Host, { key: '178a4e3fcd08972b0465885c4891a732ea970428' }, this._getToolbar(), this._getMapNameList(this._mapListExpanded)));
     }
     /**
      * Called once after the component has loaded

package/dist/collection/components/map-search/map-search.js

@@ -109,7 +109,7 @@ export class MapSearch {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '13fa47ea3d71e8a58c6001fc6b43e68a1a112d76' }, h("div", { key: '0ab0e540eba87e62cc3c6cf1a6c8eb45349fb216', class: "search-widget", ref: (el) => { this._searchElement = el; } })));
+        return (h(Host, { key: '7c990343af0d1077a7315fd131379bc891310e30' }, h("div", { key: '97cd41cf7f749f31701de3526cf2ef633eda48dd', class: "search-widget", ref: (el) => { this._searchElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/map-select-tools/map-select-tools.js

@@ -302,7 +302,7 @@ export class MapSelectTools {
     render() {
         const mapToolsClass = this.enableSketchTools ? "" : "display-none";
         const mapToolsContainerClass = this.enableSketchTools ? "padding-top-1" : "";
-        return (h(Host, { key: '584547eb58f893968b41755b6789b68ad916ac01' }, this._getMapLayerPicker(), h("div", { key: '77788508e268292ed831fa100b333bafe934af3a', class: "border-bottom" }), h("div", { key: '4da06fe2c171e2c0cf84a628bce7f1ccf9f09fdc', class: "padding-top-sides-1" }, h("div", { key: '853ae3b6f19bfb1401b54f0b138ae56cadd71c65', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: 'aa296155429affd445ba2634a98ed90f137a7d8b', class: mapToolsContainerClass }, h("map-draw-tools", { key: '89d25f5c7b9b0d57ac0d5955411a6190552859a0', active: true, class: mapToolsClass, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, 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: '807011117da4e554c85408a804c30c7bd22edcaa', class: "border-bottom" }), this._getNameInput()));
+        return (h(Host, { key: '6753158d00a33dd5dfbb1f22cc27388baf4c0b5e' }, this._getMapLayerPicker(), h("div", { key: '082c6be48d3dfbe2e39be2c462959c7772a91d40', class: "border-bottom" }), h("div", { key: '0e8133a809b05bef34c2f19adeff43c1e57cc002', class: "padding-top-sides-1" }, h("div", { key: '4434b5b4d073f3ba9a7e44b82078b9b81733025b', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: '6f01e27e06ea365de6ff98df3f9edd973d87117c', class: mapToolsContainerClass }, h("map-draw-tools", { key: '24ffe562d080955f2aacfd080c0baa1997f8eaab', active: true, class: mapToolsClass, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, 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: '4c7cf401b5bcc7e4adef34e140d22676fce8ebbc', class: "border-bottom" }), this._getNameInput()));
     }
     /**
      * Renders the buffer tools component.

package/dist/collection/components/map-tools/map-tools.js

@@ -213,7 +213,7 @@ export class MapTools {
         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: '891dd57541d4b63b7097ac8f165883ba3a65d9ca' }, h("div", { key: '79c5d899f42a1f079370520c1e136a69dd1984b8', class: containerClass }, this.enableSingleExpand ? (h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, h("div", { key: 'f2f5aea46dcd64cd0338d8d9935a92f7369cc5e4', class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), h("basemap-gallery", { key: '5dabad54ad69b2d69c369364dbe53cdbfe31efb7', basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { key: 'aa72d13ed8ed0c465feaf1ff89d0bbbf2d28b717', class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { key: '0ede61191230164bc8090b5bbf6c3a88d1454310', class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { key: '2db79144d5aeb6787ac4cf4a32d17ef821ca8cce', class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { key: 'a43bf746faf681eca8e20d9022a1d14dace08e64', class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
+        return (h(Host, { key: '087d0879847a1a48e3e586d4e851a55f0640dfea' }, h("div", { key: 'cd76a75845afb17c42722125f30fb5c59d305671', class: containerClass }, this.enableSingleExpand ? (h("div", { class: "box-shadow" }, this._getActionGroup(toggleIcon, false, expandTip, () => this._toggleTools()))) : undefined, h("div", { key: 'f2522aa2d41243bcaf9ae75372c50454d354de1b', class: `${toolMarginClass} ${shadowClass} ${toolsClass}` }, this._getMapWidgets(toolOrder))), h("basemap-gallery", { key: '38762b76d6e5300800a1214a579cc7c76d4f00d7', basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { key: '929003ecf89addceb07b6337a90f7d0558c67c18', class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { key: '46177bd0963cefc5b5b36e4b4c08e323193d14c9', class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { key: 'dfb346c088e665f137143655a47539148a3d2580', class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { key: '0c1bd8979355d6f5d2c7299bbca23f6762d94cc5', class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/pci-calculator/pci-calculator.js

@@ -70,7 +70,7 @@ export class PciCalculator {
     render() {
         const pciClass = !this.showAddDeduct ? "display-grid" : "display-none";
         const deductClass = this.showAddDeduct ? "position-relative" : "display-none";
-        return (h(Host, { key: '2c3ae9b46d4efee38023bccf8e3066de49285841' }, h("div", { key: 'ee3395e8e439eacff32796797ba00adcd4937d02', class: pciClass }, h("div", { key: '3aeb3bacdc0b5ac84bdd1456280ade3b24e50c0b', class: "label-display" }, h("calcite-label", { key: 'e2ac4d880fe7ba5a032f009be2f2b06883eca37f', class: "label-display" }, "Enter comma delimited deduct values", this._getDeductValuesInput())), h("div", { key: 'f6eb94b1736ab4d4ca7b1bfc3db22a980245c611' }, this._getCalculateButton())), h("div", { key: 'ef64cde093175d04c85c0f5efb706892a9c0e2ec', class: deductClass }, h("div", { key: '492a4d4889112feb3cec6ddae56cfe7d701464b6', class: "position-right" }, h("calcite-action", { key: '311a3b065c600fdb040243fd17afbf8bae9c0045', appearance: 'transparent', class: "float-end", icon: "x", onClick: () => this._toggleShowAddDeduct(), scale: "s", text: '' })), h("deduct-calculator", { key: '538566a403bcc4b599d0fc56b4d6a1b87a012ce9', class: "display-grid padding-top-1", onDeductValueComplete: (evt) => this._addDeductValue(evt) }))));
+        return (h(Host, { key: 'ed87d1027005d190e25bf5e1d7290e84d9d17ba0' }, h("div", { key: 'd9396264216f810a3bdcf5fce4872580b3abebe2', class: pciClass }, h("div", { key: 'a4235f8123959cf0d27faa2146de5aec798e5179', class: "label-display" }, h("calcite-label", { key: '6393ded2cce33388aed760d1a3ceefe395718020', class: "label-display" }, "Enter comma delimited deduct values", this._getDeductValuesInput())), h("div", { key: 'e172c646a39a69e7a69d3646389907ce561fb4ff' }, this._getCalculateButton())), h("div", { key: 'c9659b510e86cebd0170dc73a1ba5afc3173dc8a', class: deductClass }, h("div", { key: '45a9b444a79863644a330e72598ce7c33565db77', class: "position-right" }, h("calcite-action", { key: '250c4da105f5d33f058d7770e83e4c6d89741f90', appearance: 'transparent', class: "float-end", icon: "x", onClick: () => this._toggleShowAddDeduct(), scale: "s", text: '' })), h("deduct-calculator", { key: 'b51cb55ab07b8e5556e6eb6e04d23d7e1b767850', class: "display-grid padding-top-1", onDeductValueComplete: (evt) => this._addDeductValue(evt) }))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/pdf-download/pdf-download.js

@@ -106,7 +106,7 @@ export class PdfDownload {
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: 'b1ec5293d9fb50a0cc21f0036e3ba58e2d7f8463' }, h("calcite-select", { key: '69c6dce061f45fcc7dfbedc613a47697965905ca', disabled: this.disabled, label: "", ref: (el) => { this._labelInfoElement = el; } })));
+        return (h(Host, { key: 'ff0ad2a97a113ccfaa10d5219d93f5b07319fb33' }, h("calcite-select", { key: '4675536d2732329715198c54b5c03c8748d7732a', 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/collection/components/public-notification/public-notification.js

@@ -265,7 +265,7 @@ export class PublicNotification {
      */
     render() {
         const headerSlot = this._isMobile ? "footer" : "header";
-        return (h(Host, { key: '820b1a77bfcc5ef2a06036a833f054b58febfe5c' }, h("calcite-shell", { key: '7989860fc98aa5d816ca66be5e57f04aa75520a5' }, h("calcite-action-bar", { key: '9b298be45c1562cd2df2197c688c5b2aff63c6ec', 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: '019074cdfaddd8121a6ed255f42dea427aac9440' }, h("calcite-shell", { key: 'ece21e206f6519627bc8f139c35f68838eb701a2' }, h("calcite-action-bar", { key: '92883d5df9fcf43584f3934bf7f61640afed2bdb', 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.

package/dist/collection/components/refine-results-flow-item/refine-results-flow-item.js

@@ -62,7 +62,7 @@ export class RefineResultsFlowItem {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: '03978cfbd570a69734070a7c5382d8b61d88ef1e' }, h("slot", { key: '7caaf540a95f5767fe3069d51e86f45ecbf68567' })));
+        return (h(Host, { key: '556490bcef9d17e1677da73100cbb13bb564d32c' }, h("slot", { key: '04a54cdc534d8bc12b3321ae6a5ed89131cc5c71' })));
     }
     static get is() { return "refine-results-flow-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/refine-selection/refine-selection.js

@@ -119,7 +119,7 @@ export class RefineSelection {
      */
     render() {
         const layerPickerClass = this._enabledLayerIds.length > 1 ? "display-block" : "display-none";
-        return (h(Host, { key: 'c15a94d88b6c6f37d3b954abec29263731d346c6' }, h("div", { key: '2c05eec571d8086d444fbc8caa3ed1f88ebba741', class: layerPickerClass + " padding-top-sides-1" }, h("div", { key: '53fabeccc3a5340e4c6a1d2ae788276586ab4f22', class: "display-flex" }, h("calcite-label", { key: 'e7631b2fe92ad20dc889c610bebb22cde4746a04', class: "font-bold width-full label-margin-0" }, h("div", { key: '5c08cc3687f6249ac729e342fecbf065b4afff98', class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { key: '257ce613eeab2783db77727b02207d1c7acfeb0a', class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { key: '4d5bf2dd7e9d103c9b1ae82310ed95445244908e', enabledLayerIds: this._enabledLayerIds, 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: 'd800b4ec7cf2b9ec4a6a1f5d4eed54ce9d2d2056', closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { key: '9534d79300f88054a3ae38d9c6ad3663c8a49e25', class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { key: 'd5721c09e4a06f25af5b6c11a045ddc6c7908800', class: "padding-1" }, h("div", { key: 'e1478cf6f32aa403724044844a98f299110b7438', class: "padding-bottom-1" }, h("calcite-segmented-control", { key: '5fcee5784bbba1c99693a162aee90220ff8dca79', class: "w-100", width: "full" }, h("calcite-segmented-control-item", { key: 'cdab206ed08aced52b709fa92d68814170644eb0', checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { key: 'c1d4f8a0ba5c65371f7b23ed21068d70d3030ff8', class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { key: '4cdf63bd76b1766331957375df7e2e107543a800', checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { key: '7036ff43d1cf74e51ace7f28a83873d08207a162', class: "font-weight-500" }, this._translations.remove)))), h("div", { key: 'd6e21702ad38fc5c17f0e5bbf3e130b9cbe5a8b4' }, h("map-draw-tools", { key: '156d236374b4ed47c1791fb0bb0229ea99511c27', active: true, drawMode: EDrawMode.REFINE, 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: 'df3db723ad2f9df29c91b3c09dcfbf4fc1156c7c' }), (h("calcite-list", { key: 'a70df76b7df965d7cf39e9b283003d57f59543f3', class: "list-border" }, this._getRefineSelectionSetList())))));
+        return (h(Host, { key: 'b3693694a5d007dd6add79848d1254a1ee52b8e3' }, h("div", { key: 'c464770d28fb981e9fba4d5cb3709684e41cbdc3', class: layerPickerClass + " padding-top-sides-1" }, h("div", { key: '2972637e3194c86d097a491678eb8b508bbf2fd2', class: "display-flex" }, h("calcite-label", { key: '242295f4d8f2f17554b99748795a5bc1e1f05dcb', class: "font-bold width-full label-margin-0" }, h("div", { key: 'f2643bf44301aaa0a1d67595dac537c6bad21928', class: "display-flex" }, this._translations.inputLayer, h("calcite-icon", { key: '1d068bd809b36b4aba7e3836d2fc8b33d6de5d3e', class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "refine-input-layer", scale: "s" })), h("map-layer-picker", { key: 'e97947859dfa0a718595bfb54c843b6358ece94e', enabledLayerIds: this._enabledLayerIds, 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: 'e78a114a50aec427b6f6f0e4f8096447e464ba7e', closable: true, label: "", referenceElement: "refine-input-layer" }, h("span", { key: 'b7abd37b2907c0ef98059fd280dd30cfa4eea2d2', class: "tooltip-message" }, this._translations.inputLayerTip)))), h("div", { key: '3d5869d473e7c8068969e07619fc891268422f2b', class: "padding-1" }, h("div", { key: 'b89ed77287dc4ae5a6f7a7589faccbbc4da3b524', class: "padding-bottom-1" }, h("calcite-segmented-control", { key: '1f0d85ab4ed9af445ff8b9bc5c7d4be80733f573', class: "w-100", width: "full" }, h("calcite-segmented-control-item", { key: '229473e79f8ddc6c95ad0a09fdd3fef08c176b1e', checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.ADD), value: ESelectionMode.ADD }, h("span", { key: '27f7e1f70da8ae44cab4d2643d58b0bfe8e3ad6c', class: "font-weight-500" }, this._translations.add)), h("calcite-segmented-control-item", { key: 'b6c4199b48d7cedec36510572de7f63ee105b605', checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(ESelectionMode.REMOVE), value: ESelectionMode.REMOVE }, h("span", { key: 'c3047bd7b4564b171ed8cb7c7842b64e7a4677f8', class: "font-weight-500" }, this._translations.remove)))), h("div", { key: '14408ec1abdbb64e4c4ccc473b3615d7036399f7' }, h("map-draw-tools", { key: 'fe946dc9ae433dabe45f5da695cde3daaa9e057d', active: true, drawMode: EDrawMode.REFINE, 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: 'a532f7b86708d6839449397841a68f2258645410' }), (h("calcite-list", { key: 'ef51c27c396c52c8fcb1c512957b3b2e276306e4', class: "list-border" }, this._getRefineSelectionSetList())))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/share-item/share-item.js

@@ -62,7 +62,7 @@ export class ShareItem {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (h(Host, { key: 'e90e53e3318d999841fb7876b28eb77f805b1f9d' }, h("slot", { key: '68336d969d6ed36ecb73b212d8e33e567afff2bb' })));
+        return (h(Host, { key: '7b405bc7f7cb4204406da1aa0c05dc292508e6cf' }, h("slot", { key: 'fcaa34cd163995045268fd539a82ad3b102b1046' })));
     }
     static get is() { return "share-item"; }
     static get encapsulation() { return "shadow"; }