@esri/solutions-components 0.10.42 → 0.10.44

package/dist/components/layer-table2.js

@@ -261,6 +261,10 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      * string the current search expression
      */
     _searchExpression;
+    /**
+     * number[]: selected features from table
+     */
+    _tempSelectedIds;
     //--------------------------------------------------------------------------
     //
     //  Watch handlers
@@ -566,10 +570,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: '0998f68ec5ab3fe8c2e7a21aa832137730faf94f' }, h("calcite-shell", { key: 'a6f00f0280358c318cbed1afc48d54ae0ffae465' }, this._getTableControlRow("header"), h("div", { key: '744786c1915fd86e81c278ecc75c862312c1ec6f', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: 'b59b7bcf0f6e3f5411ff0ecf5de8e6bd747fbe4a', class: "height-full width-full" }, showSearch &&
+            h("div", { key: '6c62638d97156a2101764bf620b0f48b70f906ad', class: "search-container" }, h("calcite-input", { key: '8ff64d0529b5e3fe281490917ba44a829567cb0c', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), h("calcite-loader", { key: '7f673a2fd30a5828dec0400d01c581440a3adf6b', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '39c0801b1992db5f8782d6b3569fa89ba47ce8ce', 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(), h("delete-dialog", { key: '6bf4038662260c566d304a63d8f118265a1bf69e', id: "deleteDialogId", ids: this._getIds(), layer: this._layer, locale: this.locale, onDeleteDialogClose: () => this._deleteDialogOpen = false, open: this._deleteDialogOpen, ref: (el) => this._deleteDialog = el })));
     }
     _deleteDialog;
     /**
@@ -629,18 +633,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();
@@ -1260,6 +1283,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                     highlightEnabled: true,
                     multiSortEnabled: false,
                     visibleElements: {
+                        columnDescriptions: false,
                         header: false,
                         menu: false
                     },
@@ -1290,6 +1314,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 +1327,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 +1369,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));
                 }
             }

package/dist/components/loadModules2.js

@@ -13,7 +13,7 @@ import { e as esriLoader } from './esri-loader.js';
  *   See use restrictions at http://www.esri.com/legal/pdfs/mla_e204_e300/english
  */
 const loadModules = async (moduleNames, options) => {
-    esriLoader.exports.setDefaultOptions({ url: 'https://js.arcgis.com/4.30/' });
+    esriLoader.exports.setDefaultOptions({ url: 'https://js.arcgis.com/4.31/' });
     const mods = await esriLoader.exports.loadModules(moduleNames, options);
     return mods.map(mod => (mod.__esModule && mod.default ? mod.default : mod));
 };

package/dist/components/solution-spatial-ref2.js

@@ -64,7 +64,7 @@ const SolutionSpatialRef = /*@__PURE__*/ proxyCustomElement(class SolutionSpatia
     }
     render() {
         this._updateUIFromStore();
-        return (h(Host, { key: 'c4d6b7debb3852da999002bd1d9394ba4a4f2da8' }, h("label", { key: 'e16a28157db4c3aece6a00460816c3394f1f9198', class: "switch-label" }, h("calcite-switch", { key: '48d3b1c12aa93c50ccf424ccaf0a810855227b8d', checked: this.enabled, class: "spatial-ref-switch", onCalciteSwitchChange: (event) => this.enabled = event.target.checked, scale: "m" }), this._translations.enableSpatialReference), h("br", { key: '0e7eb35accdccef9f17e0a24b17180d25c4f054a' }), h("div", { key: '257e130fdda5e42a8c40662f21c3d315f91562c7', class: "spatial-ref-component", id: "spatialRefDefn" }, this._renderFeatureServicesList(this.featureServices)), h("label", { key: 'd7581971bb310c6c4b0fb1015db59a359da54b90', class: "switch-label spatial-ref-component" }, h("calcite-switch", { key: '3045b179955101fc5baff8ca09cb10d0077e35ca', checked: this.enableDefault, class: "spatial-ref-switch", disabled: !this.enabled, onCalciteSwitchChange: (event) => this.enableDefault = event.target.checked, scale: "m" }), this._translations.enableDefaultSpatialReference)));
+        return (h(Host, { key: 'b8775ad1a6a18c0b32d020c02d6f9fe13f5d578a' }, h("label", { key: 'd10fa03d4d127579eed4fec2c6c907dc46166bdf', class: "switch-label" }, h("calcite-switch", { key: 'ce47d98234008f377d674851ce77c68ebaa4fd71', checked: this.enabled, class: "spatial-ref-switch", onCalciteSwitchChange: (event) => this.enabled = event.target.checked, scale: "m" }), this._translations.enableSpatialReference), h("br", { key: '54dc5ccf3fec55650f62d8dbeb09071c8e88805c' }), h("div", { key: '03257e474d254e4d5a0dd10ac7ab6e8b88f85d54', class: "spatial-ref-component", id: "spatialRefDefn" }, this._renderFeatureServicesList(this.featureServices)), h("label", { key: 'fac415766affa3b1620ce6a5c3d5ef900b25944f', class: "switch-label spatial-ref-component" }, h("calcite-switch", { key: '611b69b0895267702a69a70436033274d3d28892', checked: this.enableDefault, class: "spatial-ref-switch", disabled: !this.enabled, onCalciteSwitchChange: (event) => this.enableDefault = event.target.checked, scale: "m" }), this._translations.enableDefaultSpatialReference)));
     }
     //--------------------------------------------------------------------------
     //
@@ -271,7 +271,7 @@ const SolutionSpatialRef = /*@__PURE__*/ proxyCustomElement(class SolutionSpatia
         "enabled": [1540],
         "enableDefault": [1540, "enable-default"],
         "featureServices": [1040],
-        "locale": [1],
+        "locale": [1025],
         "_translations": [32],
         "_testAccess": [64]
     }, [[8, "solutionStoreHasChanges", "solutionStoreHasChanges"]], {

package/dist/components/utils4.js

@@ -129,7 +129,7 @@ function initExternalCKEditorStyles() {
     document.head.appendChild(style);
 }
 async function updateLastSave(resource) {
-    const data = await resource.fetch();
+    const data = store.get('portalItemResourceT9n');
     const lastSave = Date.now();
     store.set('lastSave', lastSave);
     const dataStr = JSON.stringify(Object.assign(Object.assign({}, data), { lastSave }));

package/dist/esm/calcite-action-pad_2.entry.js

@@ -11,7 +11,7 @@ import { c as connectLocalized, d as disconnectLocalized } from './locale-24516f
 import { u as updateMessages, c as connectMessages, d as disconnectMessages, s as setUpMessages } from './t9n-9a5d28cf.js';
 import { t as toggleChildActionText, E as ExpandToggle } from './ExpandToggle-4d440eb0.js';
 import { c as createObserver } from './observers-c83631e8.js';
-import { l as loadModules } from './loadModules-03ba7abe.js';
+import { l as loadModules } from './loadModules-d5a25252.js';
 import './guid-b0fb1de3.js';
 import './resources-8e2ed936.js';
 import './browser-b67d8df6.js';

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

@@ -23,8 +23,8 @@ import { g as guid } from './guid-b0fb1de3.js';
 import { g as getIconScale } from './component-83541c88.js';
 import { V as Validation } from './Validation-cf136c56.js';
 import { s as syncHiddenFormInput } from './input-e01adc49.js';
-import { l as loadModules } from './loadModules-03ba7abe.js';
-import { g as getMessages } from './locale-ce177eb8.js';
+import { l as loadModules } from './loadModules-d5a25252.js';
+import { g as getMessages } from './locale-77038bee.js';
 import { g as getMode } from './mode-8c5f5dc9.js';
 import './observers-c83631e8.js';
 import './resources-8e2ed936.js';
@@ -1534,7 +1534,6 @@ const InstantAppsFilterList = class {
         this.filterLayerExpressions = undefined;
         this.messages = undefined;
         this.baseClass = baseClassLight;
-        this.disabled = true;
         this.initDefExpressions = undefined;
         this.initMapImageExpressions = undefined;
         this.initPointCloudFilters = undefined;
@@ -1555,31 +1554,27 @@ const InstantAppsFilterList = class {
         });
     }
     forceReset() {
-        this.handleResetFilter();
-        return this.initExpressions();
+        this.resetExpressions();
+        return Promise.resolve();
     }
-    restoreFilters(filterParamString, filterInitState) {
-        this.filterLayerExpressions = structuredClone(this.layerExpressions);
+    updateInitDefExpressions(filterInitState) {
         this.initDefExpressions = filterInitState.initDefExpressions;
         this.initMapImageExpressions = filterInitState.initMapImageExpressions;
         this.initPointCloudFilters = filterInitState.initPointCloudFilters;
-        const filters = filterParamString === null || filterParamString === void 0 ? void 0 : filterParamString.split(';').map(filter => JSON.parse(filter));
-        if (filters) {
-            this.filterCount = this.applyFilters(filters);
-        }
-        return this.initExpressions();
+        return Promise.resolve();
+    }
+    getCurrentLayerExpressions() {
+        const currentLayerExpressions = structuredClone(this.filterLayerExpressions);
+        return Promise.resolve(currentLayerExpressions);
     }
     connectedCallback() {
-        var _a;
         if (this.layerExpressions == null && this.view == null)
             return;
         this.isLayerExpUpdated = true;
         this.filterLayerExpressions = structuredClone(this.layerExpressions);
-        this.disabled = ((_a = this.filterLayerExpressions) === null || _a === void 0 ? void 0 : _a.length) ? undefined : true;
         this.handleLayerExpressionsUpdate();
     }
     async componentWillLoad() {
-        var _a;
         this.baseClass = getMode(this.el) === 'dark' ? baseClassDark : baseClassLight;
         await this.initializeModules();
         getMessages(this);
@@ -1587,14 +1582,15 @@ const InstantAppsFilterList = class {
             return;
         this.isLayerExpUpdated = true;
         this.filterLayerExpressions = this.layerExpressions != null ? structuredClone(this.layerExpressions) : [];
-        this.disabled = ((_a = this.filterLayerExpressions) === null || _a === void 0 ? void 0 : _a.length) ? undefined : true;
         if (this.view == null)
             return;
         this.handleLayerExpressionsUpdate();
     }
-    componentWillRender() {
+    componentDidRender() {
         var _a;
-        this.disabled = ((_a = this.filterLayerExpressions) === null || _a === void 0 ? void 0 : _a.length) > 0 ? undefined : true;
+        if (this.resetBtnEl != null) {
+            this.resetBtnEl.disabled = ((_a = this.filterLayerExpressions) === null || _a === void 0 ? void 0 : _a.length) > 0 ? false : true;
+        }
     }
     disconnectedCallback() {
         if (this.resetFiltersOnDisconnect) {
@@ -1612,7 +1608,7 @@ const InstantAppsFilterList = class {
     render() {
         const filterConfig = this.loading ? this.renderLoading() : this.initFilterConfig();
         const footer = this.renderFooter();
-        return (h(Host, { key: '055d2a02c5118e59462af8759c6bf2f39304fd75' }, h("calcite-panel", { key: '0335c9b28101257551902737ef373543aebee1f6', class: this.baseClass, ref: el => (this.panelEl = el) }, h("slot", { key: '4b471e66583b3f2fd733688d65ce8d3b2acbeb66', slot: "header-content", name: "filter-header-content" }), h("slot", { key: 'f5832075687a6812b902643fd057587b438b38cf', slot: "header-actions-end", name: "filter-header-actions-end" }), h("div", { key: "filter-container", class: CSS$1.filterContainer }, filterConfig, footer))));
+        return (h(Host, { key: '92daa28c3cada3360d3b3d4202f54842e2e42923' }, h("calcite-panel", { key: '43ed17c41f1c42dcb25a19423e1638885a4ca64b', class: this.baseClass, ref: el => (this.panelEl = el) }, h("slot", { key: 'df4bc6bdf21127e781f930cf476af2a5d8199c87', slot: "header-content", name: "filter-header-content" }), h("slot", { key: 'c2e6744535fb85e40ddd4de215f693258bf31e87', slot: "header-actions-end", name: "filter-header-actions-end" }), h("div", { key: "filter-container", class: CSS$1.filterContainer }, filterConfig, footer))));
     }
     renderLoading() {
         return h("calcite-loader", { label: "Loading filters..." });
@@ -1685,7 +1681,7 @@ const InstantAppsFilterList = class {
         var _a, _b, _c;
         const closeText = this.closeBtnText != null ? this.closeBtnText : (_a = this.messages) === null || _a === void 0 ? void 0 : _a.close;
         const btnWidth = this.closeBtn && this.resetBtn ? 'half' : 'full';
-        return (h("div", { class: CSS$1.footer, slot: "footer" }, this.resetBtn ? (h("calcite-button", { appearance: "outline", width: btnWidth, disabled: this.disabled, onClick: this.handleResetFilter.bind(this) }, (_b = this.messages) === null || _b === void 0 ? void 0 : _b.resetFilter)) : undefined, this.closeBtn ? (h("calcite-button", { appearance: "solid", width: btnWidth, kind: "brand", onClick: (_c = this.closeBtnOnClick) === null || _c === void 0 ? void 0 : _c.bind(this) }, closeText)) : undefined));
+        return (h("div", { class: CSS$1.footer, slot: "footer" }, this.resetBtn ? (h("calcite-button", { appearance: "outline", width: btnWidth, ref: (el) => (this.resetBtnEl = el), onClick: this.handleResetFilter.bind(this) }, (_b = this.messages) === null || _b === void 0 ? void 0 : _b.resetFilter)) : undefined, this.closeBtn ? (h("calcite-button", { appearance: "solid", width: btnWidth, kind: "brand", onClick: (_c = this.closeBtnOnClick) === null || _c === void 0 ? void 0 : _c.bind(this) }, closeText)) : undefined));
     }
     renderZoomTo(layerExpression) {
         var _a;
@@ -1716,23 +1712,29 @@ const InstantAppsFilterList = class {
     }
     async initExpressions() {
         this.loading = true;
-        if (this.filterLayerExpressions == null || this.view == null)
+        if (this.filterLayerExpressions == null || this.view == null) {
+            this.loading = false;
             return;
+        }
         await this.processExpressions();
         this.loading = false;
     }
     async processExpressions() {
-        var _a;
         if (!this.filterLayerExpressions)
             return;
         for (const layerExpression of this.filterLayerExpressions) {
             for (const expression of layerExpression.expressions || []) {
-                expression.active = (_a = expression.active) !== null && _a !== void 0 ? _a : expression.definitionExpression != null;
                 await this.setInitExpression(layerExpression, expression);
             }
         }
     }
     handleResetFilter() {
+        this.resetExpressions();
+        this.resetAllFilters();
+        this.generateURLParams();
+        this.filterListReset.emit();
+    }
+    resetExpressions() {
         var _a;
         (_a = this.filterLayerExpressions) === null || _a === void 0 ? void 0 : _a.forEach(layerExpression => {
             var _a;
@@ -1760,9 +1762,6 @@ const InstantAppsFilterList = class {
                 expression.active = false;
             });
         });
-        this.resetAllFilters();
-        this.generateURLParams();
-        this.filterListReset.emit();
     }
     resetExpressionUI(type, expression) {
         const { id } = expression;

package/dist/esm/card-manager_3.entry.js

@@ -422,6 +422,10 @@ const LayerTable = class {
      * string the current search expression
      */
     _searchExpression;
+    /**
+     * number[]: selected features from table
+     */
+    _tempSelectedIds;
     //--------------------------------------------------------------------------
     //
     //  Watch handlers
@@ -727,10 +731,10 @@ const LayerTable = class {
         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: '0998f68ec5ab3fe8c2e7a21aa832137730faf94f' }, h("calcite-shell", { key: 'a6f00f0280358c318cbed1afc48d54ae0ffae465' }, this._getTableControlRow("header"), h("div", { key: '744786c1915fd86e81c278ecc75c862312c1ec6f', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: 'b59b7bcf0f6e3f5411ff0ecf5de8e6bd747fbe4a', class: "height-full width-full" }, showSearch &&
+            h("div", { key: '6c62638d97156a2101764bf620b0f48b70f906ad', class: "search-container" }, h("calcite-input", { key: '8ff64d0529b5e3fe281490917ba44a829567cb0c', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), h("calcite-loader", { key: '7f673a2fd30a5828dec0400d01c581440a3adf6b', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '39c0801b1992db5f8782d6b3569fa89ba47ce8ce', 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(), h("delete-dialog", { key: '6bf4038662260c566d304a63d8f118265a1bf69e', id: "deleteDialogId", ids: this._getIds(), layer: this._layer, locale: this.locale, onDeleteDialogClose: () => this._deleteDialogOpen = false, open: this._deleteDialogOpen, ref: (el) => this._deleteDialog = el })));
     }
     _deleteDialog;
     /**
@@ -790,18 +794,37 @@ const LayerTable = class {
      *
      */
     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();
@@ -1421,6 +1444,7 @@ const LayerTable = class {
                     highlightEnabled: true,
                     multiSortEnabled: false,
                     visibleElements: {
+                        columnDescriptions: false,
                         header: false,
                         menu: false
                     },
@@ -1451,6 +1475,7 @@ const LayerTable = class {
                     // 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) {
@@ -1463,10 +1488,12 @@ const LayerTable = class {
                 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;
@@ -1503,6 +1530,7 @@ const LayerTable = class {
                     }, []);
                     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));
                 }
             }

package/dist/esm/{constants-886c7c2c.js → constants-637a40f5.js}

@@ -3,19 +3,11 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { l as loadModules } from './loadModules-03ba7abe.js';
+import { l as loadModules } from './loadModules-d5a25252.js';
 
-async function fetchResourceData(request, resource) {
-    var _a, _b, _c;
+async function fetchResourceData(resource) {
     try {
-        const token = (_c = (_b = (_a = resource === null || resource === void 0 ? void 0 : resource.portalItem) === null || _a === void 0 ? void 0 : _a.portal) === null || _b === void 0 ? void 0 : _b['credential']) === null || _c === void 0 ? void 0 : _c['token'];
-        const reqConfig = { responseType: 'json' };
-        if (token)
-            reqConfig.query = { token };
-        var cacheBuster = 'cacheBuster=' + Date.now();
-        const url = `${resource.url}?${cacheBuster}`;
-        const reqRes = await request(url, reqConfig);
-        const t9nData = reqRes.data;
+        const t9nData = await resource.fetch('json', { cacheBust: true });
         return Promise.resolve(t9nData);
     }
     catch (err) {