@esri/solutions-components 0.11.25 → 0.11.27

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

@@ -336,18 +336,6 @@ export class LayerTable {
             this._initToolInfos();
         }
     }
-    /**
-     * watch for changes in map info and update the toolbar
-     */
-    async mapInfoWatchHandler() {
-        this._resetColumnTemplates();
-        if (this.createFilterModal) {
-            this._initLayerExpressions();
-        }
-        this._initToolInfos();
-        this._updateToolbar();
-        await this._sortTable();
-    }
     /**
      * watch for changes in map view and get the first layer
      */
@@ -638,8 +626,8 @@ export class LayerTable {
         const tableHeightClass = this.isMobile ? "height-full" : "height-full-adjusted";
         const showSearch = this._canShowFullTextSearch();
         this._validateActiveActions();
-        return (h(Host, { key: '1feac862589dfbc7835d3662f80265be6a93d968' }, h("div", { key: '16be280b961c35f9a05f9fde0d4e77b5491a9c50' }, h("calcite-scrim", { key: '914fa2714bf757e33cb6a39f1e98abc0b7cbf480', class: scrimClass, loading: this._queryingData }), h("calcite-shell", { key: '4df46fccce95a3d88369087660a6984efbd62528' }, this._getTableControlRow("header"), h("div", { key: '2874a9c724fabd222c455e24bc0f815244509b3d', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: '64ed720c02ec2907f99a9ce468fc8b5c38f63360', class: "height-full width-full" }, showSearch &&
-            h("div", { key: 'e7220fd93e5120fd39b10f713fb536b1a4e83590', class: "search-container" }, h("calcite-input", { key: '1717d85eacff6fd1fc23de346be916b817b32a45', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), h("calcite-loader", { key: '0385ff6220ab46f816d73341b20519ad6a1c181b', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '9fa317ea8857cc78531fc4a459e4636e674482cd', class: tableNodeClass, ref: this.onTableNodeCreate }))), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19", id: "solutions-selected-count-div" }, this._translations.recordsSelected
+        return (h(Host, { key: '6e02ad7e5552269917b8bc7ec31f19800362c137' }, h("div", { key: '468b7ebb80ccbace252097ee930745b706b51f2a' }, h("calcite-scrim", { key: '2686a4542df5eeb89efeb9c88ae056c4d2c6dd89', class: scrimClass, loading: this._queryingData }), h("calcite-shell", { key: '1a694b1d624097166b4b2448ee9f0dab0b3d7d16' }, this._getTableControlRow("header"), h("div", { key: '9d69215cfd0afde5f309e70f60937d6750446293', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: 'af48bada48c5b9f0f4c395f71aabcc8341c4e421', class: "height-full width-full" }, showSearch &&
+            h("div", { key: 'a210f0210963a7aa456806a2fc54539177e09fcd', class: "search-container border-bottom" }, h("calcite-input", { key: 'b3e76adefa7df5ce82d6308d0c7641021fb7bb97', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), h("calcite-loader", { key: 'cc4ae482f3aa58e4051629efadcfed915205c226', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '2c1efc1995f164c4bbbdc2e0554a467b49952b9f', class: tableNodeClass, ref: this.onTableNodeCreate }))), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19", id: "solutions-selected-count-div" }, this._translations.recordsSelected
             .replace("{{total}}", total)
             .replace("{{selected}}", selected))) : undefined), this.createFilterModal && this._filterModal())));
     }
@@ -1135,7 +1123,7 @@ export class LayerTable {
                         this._setControlsThatFit(controlsThatFit, skipControls);
                     }
                 }
-            }, 250);
+            }, 100);
         }
     }
     /**
@@ -1543,9 +1531,13 @@ export class LayerTable {
      * Reset _allIds when the layers data has changed and refresh the selection ids and table
      */
     async _updateAllIds() {
-        this._allIds = await this.queryAllIds();
-        this.selectedIds = this.selectedIds.filter(id => this._allIds.indexOf(id) > -1);
-        await this._refresh();
+        const allIds = await this.queryAllIds();
+        const selectedIds = this.selectedIds.filter(id => this._allIds.indexOf(id) > -1);
+        if (JSON.stringify(allIds) !== JSON.stringify(this._allIds) || JSON.stringify(this.selectedIds) !== JSON.stringify(selectedIds)) {
+            this._allIds = allIds;
+            this.selectedIds = selectedIds;
+            await this._refresh();
+        }
     }
     /**
      * Handle default OID or GlobalID from url parameters
@@ -1738,6 +1730,9 @@ export class LayerTable {
                     const outOids = this.selectedIds.filter(id => !objectIdsInExtent.includes(id));
                     const restoreOids = this._outOFExtentOids.filter(id => objectIdsInExtent.includes(id));
                     if (outOids.length > 0) {
+                        if (this._table && this._table?.viewModel?.attachmentsViewOptions?.objectId) {
+                            this._table.viewModel.hideAttachmentsView();
+                        }
                         this._table.highlightIds.removeMany(outOids);
                         this._outOFExtentOids = [...this._outOFExtentOids, ...outOids];
                     }
@@ -1836,6 +1831,9 @@ export class LayerTable {
     _clearSelection() {
         this.selectedIds = [];
         this._outOFExtentOids = [];
+        if (this._table && this._table?.viewModel?.attachmentsViewOptions?.objectId) {
+            this._table.viewModel.hideAttachmentsView();
+        }
         this._table?.highlightIds.removeAll();
         this._table?.rowHighlightIds.removeAll();
         this._finishOnChange();
@@ -1966,6 +1964,9 @@ export class LayerTable {
             this._fetchingData = true;
             const layer = await getLayerOrTable(this.mapView, id);
             layer && await layer.when(() => {
+                if (this._table && this._table?.viewModel?.attachmentsViewOptions?.objectId) {
+                    this._table.viewModel.hideAttachmentsView();
+                }
                 this._shouldUpdateTableOnExtentChange = true;
                 this._layer = layer;
                 this._getFullTextSearchInfo();
@@ -2001,6 +2002,8 @@ export class LayerTable {
         if (fieldInfos) {
             columnTemplates = fieldInfos.reduce((prev, cur) => {
                 const template = {
+                    icon: "information",
+                    iconText: cur.description,
                     type: "field",
                     fieldName: cur.name,
                     label: cur.alias,
@@ -2758,9 +2761,6 @@ export class LayerTable {
             }, {
                 "propName": "isMobile",
                 "methodName": "isMobileWatchHandler"
-            }, {
-                "propName": "mapInfo",
-                "methodName": "mapInfoWatchHandler"
             }, {
                 "propName": "mapView",
                 "methodName": "mapViewWatchHandler"

package/dist/collection/components/solution-item-accordion/solution-item-accordion.css

@@ -33,3 +33,29 @@
 .align-center {
   align-items: center;
 }
+
+.solution-list-item-label {
+  color: var(--calcite-color-text-1);
+  font-size: var(--calcite-font-size--1);
+}
+
+.solution-list-item-label, .solution-list-item-description {
+  font-family: var(--calcite-font-family);
+  font-weight: var(--calcite-font-weight-normal);
+  overflow-wrap: break-word;
+  word-break: break-word;
+}
+
+.solution-list-item-description {
+  font-size: var(--calcite-font-size--2);
+  margin-block-start: 0.125rem;
+  color: var(--calcite-color-text-3);
+}
+
+.solution-list-item-content {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  justify-content: center;
+  line-height: 1.375;
+}

package/dist/collection/components/solution-item-accordion/solution-item-accordion.js

@@ -238,10 +238,10 @@ export class SolutionItemAccordion {
      * @protected
      */
     _getListItem(templateInfo) {
-        return (h("calcite-list-item", { description: templateInfo.snippet, id: templateInfo.id, label: templateInfo.title, onCalciteListItemSelect: () => {
+        return (h("calcite-list-item", { id: templateInfo.id, onCalciteListItemSelect: () => {
                 this._deselectOthers(templateInfo.id);
                 this.solutionItemSelect.emit({ itemId: templateInfo.id, selected: true });
-            }, onMouseEnter: () => this.solutionItemHover.emit({ itemId: templateInfo.id, entering: true }), onMouseLeave: () => this.solutionItemHover.emit({ itemId: templateInfo.id, entering: false }), value: templateInfo.id }, templateInfo.url
+            }, onMouseEnter: () => this.solutionItemHover.emit({ itemId: templateInfo.id, entering: true }), onMouseLeave: () => this.solutionItemHover.emit({ itemId: templateInfo.id, entering: false }), value: templateInfo.id }, h("div", { class: "solution-list-item-content", slot: "content" }, h("div", { class: "solution-list-item-label" }, templateInfo.title), h("div", { class: "solution-list-item-description" }, templateInfo.snippet)), templateInfo.url
             ? h("div", { slot: "actions-end" }, h("calcite-action", { icon: "launch", id: templateInfo.id + "-launch", onClick: () => window.open(templateInfo.url, "_blank"), text: "" }), h("calcite-tooltip", { "overlay-positioning": "fixed", "reference-element": templateInfo.id + "-launch" }, h("span", null, this._translations?.openDetails)))
             : null));
     }

package/dist/collection/demos/index.html

@@ -179,24 +179,15 @@
               <li>
                 <calcite-link href="./info-card.html" target="_blank">&lt;info-card&gt;</calcite-link>
               </li>
-              <li>
-                <calcite-link href="./media-card.html" target="_blank">&lt;media-card&gt;</calcite-link>
-              </li>
               <li>
                 <calcite-link href="./map-card.html" target="_blank">&lt;map-card&gt;</calcite-link>
               </li>
-              <li>
-                <calcite-link href="./comment-card.html" target="_blank">&lt;comment-card&gt;</calcite-link>
-              </li>
               <li>
                 <calcite-link href="./card-manager.html" target="_blank">&lt;card-manager&gt;</calcite-link>
               </li>
               <li>
                 <calcite-link href="./layer-table.html" target="_blank">&lt;layer-table&gt;</calcite-link>
               </li>
-              <li>
-                <calcite-link href="./add-record-modal.html" target="_blank">&lt;add-record-modal&gt;</calcite-link>
-              </li>
               <li>
                 <calcite-link href="./edit-card.html" target="_blank">&lt;edit-card&gt;</calcite-link>
               </li>

package/dist/collection/utils/queryUtils.js

@@ -149,7 +149,9 @@ export async function queryFeaturesByID(ids, layer, graphics, returnGeometry, ou
         q.outSpatialReference = outSpatialReference;
     }
     if (fields) {
-        q.outFields = fields;
+        // only allow fields that are in the layer and skip fields like an attachment field
+        const layerFields = layer.fields.map(f => f.name.toLowerCase());
+        q.outFields = fields.filter(f => layerFields.indexOf(f.toLowerCase()) > -1);
     }
     const result = await layer.queryFeatures(q);
     graphics = graphics.concat(result.features);

package/dist/collection/utils/queryUtils.ts

@@ -189,7 +189,9 @@ export async function queryFeaturesByID(
     q.outSpatialReference = outSpatialReference;
   }
   if (fields) {
-    q.outFields = fields;
+    // only allow fields that are in the layer and skip fields like an attachment field
+    const layerFields = layer.fields.map(f => f.name.toLowerCase());
+    q.outFields = fields.filter(f => layerFields.indexOf(f.toLowerCase()) > -1);
   }
 
   const result = await layer.queryFeatures(q);

package/dist/components/card-manager2.js

@@ -143,7 +143,7 @@ const CardManager = /*@__PURE__*/ proxyCustomElement(class CardManager extends H
    * @returns Node
    */
     getEditorComponent() {
-        return (h("div", null, this._showCreateFeatureComponent && h("create-feature", { customizeSubmit: true, enableSnapping: this.enableSnapping, locale: this.locale, mapView: this.mapView, onDrawComplete: () => { this._showSubmitBtn = true; }, onEditingAttachment: (evt) => { this._showSubmitBtn = !evt.detail; }, onProgressStatus: () => {
+        return (h("div", null, this._showCreateFeatureComponent && h("create-feature", { customizeSubmit: true, enableSnapping: this.enableSnapping && this.enableCreateFeatures, locale: this.locale, mapView: this.mapView, onDrawComplete: () => { this._showSubmitBtn = true; }, onEditingAttachment: (evt) => { this._showSubmitBtn = !evt.detail; }, onProgressStatus: () => {
                 setTimeout(() => {
                     this._isFeatureCreated = false;
                 }, 2000);

package/dist/components/create-feature2.js

@@ -264,7 +264,15 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
      */
     disconnectedCallback() {
         if (this._editor) {
+            // destroy the sketchViewmodel when create feature disconnect
+            if (this._editor.viewModel.sketchViewModel) {
+                this._editor.viewModel.sketchViewModel?.destroy();
+            }
             this._editor.destroy();
+            // clear the grid from map if enabled from snapping tools 
+            if (this.enableSnapping) {
+                this.mapView.ui.view.grid = null;
+            }
         }
     }
     /**
@@ -284,8 +292,8 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
         else if (this._currentPage === 'featureForm') {
             guidingMsg = this._translations.provideDetailsMsg;
         }
-        return (h(Fragment, { key: 'b480d2d78dbf168d351afb4212dcc6d49cb39c72' }, showGuidingMsg && h("calcite-notice", { key: 'e8cc752d19038993393d2d86cb934ae677cfc96f', class: "notice-msg", icon: "lightbulb", kind: "success", open: true, ref: el => this._calciteNotice = el }, h("div", { key: '85b53eb990d6566e66d2eecfae6e90ec1b368e0c', slot: "message" }, guidingMsg)), h("calcite-loader", { key: 'ee1ece408069e5112165860dd01f4dca526c0b4f', class: loaderClass, label: "", scale: "s" }), h("div", { key: '8a978d99246bd98a91e6fc6695f4159342bbf55a', class: featureFormClass, id: "feature-form" }), this.enableSearch &&
-            h("div", { key: '8678f6645b86202155a64dd7cfcb05f2c805e5f8', class: `search-widget ${showSearchWidget} ${featureFormClass}`, id: "search-widget-ref", ref: el => this._searchDiv = el }), h("div", { key: '738f720b5773abeda51eb4abf004e14e0c73c934', class: `${mobileMapClass}`, ref: (el) => { this._mapViewContainer = el; } })));
+        return (h(Fragment, { key: '2c9644bd52600f493965881cd0be4975bc12112e' }, showGuidingMsg && h("calcite-notice", { key: '9059dcfd2ec9dd24b6e9005b8a3d164cd585b994', class: "notice-msg", icon: "lightbulb", kind: "success", open: true, ref: el => this._calciteNotice = el }, h("div", { key: '9ecdee9591e21ca0c19de55240c9c30f90c36098', slot: "message" }, guidingMsg)), h("calcite-loader", { key: '81f0b3cabb02887df18d73e5e4bf372169863a1d', class: loaderClass, label: "", scale: "s" }), h("div", { key: 'c820fbb57d7b85e2d03b827e62603fb47d4a494e', class: featureFormClass, id: "feature-form" }), this.enableSearch &&
+            h("div", { key: 'c179237732e1da99329eeb489ad8778f5bb4eba4', class: `search-widget ${showSearchWidget} ${featureFormClass}`, id: "search-widget-ref", ref: el => this._searchDiv = el }), h("div", { key: 'f56d2e9ed6cb2b5abc088db3e2014187760b79fd', class: `${mobileMapClass}`, ref: (el) => { this._mapViewContainer = el; } })));
     }
     //--------------------------------------------------------------------------
     //
@@ -390,7 +398,8 @@ const CreateFeature = /*@__PURE__*/ proxyCustomElement(class CreateFeature exten
                 snappingControls: this.enableSnapping,
                 createFeaturesSection: true,
                 editFeaturesSection: false,
-                flow: false
+                flow: true,
+                sketch: false
             },
             container: this._container
         });

package/dist/components/create-related-feature2.js

@@ -197,6 +197,7 @@ const CreateRelatedFeature = /*@__PURE__*/ proxyCustomElement(class CreateRelate
             visibleElements: {
                 flow: true,
                 settingsMenu: this.enableSnapping,
+                sketch: false,
                 snappingControls: this.enableSnapping,
             },
             container: this._container

package/dist/components/crowdsource-manager.js

@@ -589,10 +589,10 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
      */
     _filterModal() {
         const showFilterModal = this._layerExpressions?.length > 0;
-        return (h("calcite-dialog", { class: "filter-content-space", heading: this._translations?.filter?.replace("{{title}}", this._layer?.title), id: "solutions-filter-dialog", kind: "brand", modal: true, onCalciteDialogClose: () => void this._closeFilter(), open: this._filterOpen, widthScale: "s" }, this._mapExtentFilter(), showFilterModal && h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtn: true, closeBtnOnClick: async () => this._closeFilter(), comboboxOverlayPositioning: "fixed", layerExpressions: this._layerExpressions, onFilterListReset: this._handleFilterListReset.bind(this), onFilterUpdate: async () => {
+        return (h("calcite-dialog", { class: "filter-content-space", heading: this._translations?.filter?.replace("{{title}}", this._layer?.title), id: "solutions-filter-dialog", kind: "brand", modal: true, onCalciteDialogClose: () => void this._closeFilter(), open: this._filterOpen, width: "s" }, this._mapExtentFilter(), showFilterModal && h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtn: true, closeBtnOnClick: () => void this._closeFilter(), comboboxOverlayPositioning: "fixed", layerExpressions: this._layerExpressions, onFilterListReset: this._handleFilterListReset.bind(this), onFilterUpdate: () => {
                 const active = this._filterList.filterCount > 0 || this._mapExtentFilterChecked;
-                await this._layerTable?.filterUpdate(active);
-                await this._mapCard.updateFilterState(active);
+                void this._layerTable?.filterUpdate(active);
+                void this._mapCard.updateFilterState(active);
             }, ref: (el) => this._filterList = el, view: this._mapView, zoomBtn: false })));
     }
     /**

package/dist/components/edit-card2.js

@@ -188,7 +188,10 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
             // #896 Editing on sybtype group layer is failing in Manager
             const layer = this._layer.type === "subtype-sublayer" ? this._layer.parent : this._layer;
             this._layerEditHandle = layer.on("edits", () => {
-                this.editsComplete.emit();
+                // added timeout to update the editor state 
+                setTimeout(() => {
+                    this.editsComplete.emit();
+                }, 50);
             });
         }
     }
@@ -202,7 +205,7 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
             !this.graphics[0].layer.editingEnabled : true;
         const tableNodeClass = this._editorLoading ? "display-none" : "position-absolute";
         const loadingClass = this._editorLoading ? "" : "display-none";
-        return (h(Host, { key: '8491a0fbeefc9533ed6898cf4734ec98dddd7f62' }, h("div", { key: 'a98e923e1d697559c37ce85fbd57fc1688171cb2', class: "position-absolute" }, editDisabled ? (h("calcite-notice", { kind: "warning", open: true, slot: "content-top", width: "full" }, h("div", { slot: "message" }, this._translations.enableEditing))) : undefined, h("div", { key: 'ac5eed8a614523e1ddaad0eaf3b973faf28fdbf2', class: "position-absolute" }, h("div", { key: '63778d7c29d6fd26e0c8a534dc70da4a0e94075d', class: tableNodeClass, id: "feature-form", ref: (el) => this._editContainer = el }), h("calcite-loader", { key: '641a987e8860222a1a3b6f64e700a16c03463c81', class: loadingClass, label: "", scale: "s" })))));
+        return (h(Host, { key: 'd67dbfb453966623d26a1567df84bc58024305d7' }, h("div", { key: '9cd13eaf0125ab39e1d24398ccfda17c9534317a', class: "position-absolute" }, editDisabled ? (h("calcite-notice", { kind: "warning", open: true, slot: "content-top", width: "full" }, h("div", { slot: "message" }, this._translations.enableEditing))) : undefined, h("div", { key: '6cb4122611d8d8595cd85cd07224baa374066658', class: "position-absolute" }, h("div", { key: 'c4498b1ecd165fa594d9d1cef43f01643b5e3efb', class: tableNodeClass, id: "feature-form", ref: (el) => this._editContainer = el }), h("calcite-loader", { key: 'febb4d5c9a662ec9ffa6955114c8476c498116ee', class: loadingClass, label: "", scale: "s" })))));
     }
     //--------------------------------------------------------------------------
     //
@@ -232,6 +235,7 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
             }
             const container = document.createElement("div");
             const layers = await getAllLayers(this.mapView);
+            const showSnappingTools = this.enableSnapping && this.enableEditGeometry;
             const layerInfos = layers.map(layer => {
                 return {
                     layer,
@@ -243,8 +247,9 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
                 layerInfos,
                 visibleElements: {
                     flow: true,
-                    settingsMenu: this.enableSnapping,
-                    snappingControls: this.enableSnapping,
+                    settingsMenu: showSnappingTools,
+                    sketch: false,
+                    snappingControls: showSnappingTools,
                 },
                 container
             });
@@ -292,6 +297,10 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
                 this.refreshGraphics.emit(this.graphics);
             }
         }
+        // While closing edit card clear the grid from map if enabled from snapping tools 
+        if (this.enableSnapping) {
+            this.mapView.ui.view.grid = null;
+        }
         this._shouldClose = false;
         this.closeEdit.emit();
     }

package/dist/components/layer-table2.js

@@ -327,18 +327,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             this._initToolInfos();
         }
     }
-    /**
-     * watch for changes in map info and update the toolbar
-     */
-    async mapInfoWatchHandler() {
-        this._resetColumnTemplates();
-        if (this.createFilterModal) {
-            this._initLayerExpressions();
-        }
-        this._initToolInfos();
-        this._updateToolbar();
-        await this._sortTable();
-    }
     /**
      * watch for changes in map view and get the first layer
      */
@@ -629,8 +617,8 @@ 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: '1feac862589dfbc7835d3662f80265be6a93d968' }, h("div", { key: '16be280b961c35f9a05f9fde0d4e77b5491a9c50' }, h("calcite-scrim", { key: '914fa2714bf757e33cb6a39f1e98abc0b7cbf480', class: scrimClass, loading: this._queryingData }), h("calcite-shell", { key: '4df46fccce95a3d88369087660a6984efbd62528' }, this._getTableControlRow("header"), h("div", { key: '2874a9c724fabd222c455e24bc0f815244509b3d', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: '64ed720c02ec2907f99a9ce468fc8b5c38f63360', class: "height-full width-full" }, showSearch &&
-            h("div", { key: 'e7220fd93e5120fd39b10f713fb536b1a4e83590', class: "search-container" }, h("calcite-input", { key: '1717d85eacff6fd1fc23de346be916b817b32a45', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), h("calcite-loader", { key: '0385ff6220ab46f816d73341b20519ad6a1c181b', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '9fa317ea8857cc78531fc4a459e4636e674482cd', class: tableNodeClass, ref: this.onTableNodeCreate }))), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19", id: "solutions-selected-count-div" }, this._translations.recordsSelected
+        return (h(Host, { key: '6e02ad7e5552269917b8bc7ec31f19800362c137' }, h("div", { key: '468b7ebb80ccbace252097ee930745b706b51f2a' }, h("calcite-scrim", { key: '2686a4542df5eeb89efeb9c88ae056c4d2c6dd89', class: scrimClass, loading: this._queryingData }), h("calcite-shell", { key: '1a694b1d624097166b4b2448ee9f0dab0b3d7d16' }, this._getTableControlRow("header"), h("div", { key: '9d69215cfd0afde5f309e70f60937d6750446293', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: 'af48bada48c5b9f0f4c395f71aabcc8341c4e421', class: "height-full width-full" }, showSearch &&
+            h("div", { key: 'a210f0210963a7aa456806a2fc54539177e09fcd', class: "search-container border-bottom" }, h("calcite-input", { key: 'b3e76adefa7df5ce82d6308d0c7641021fb7bb97', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), h("calcite-loader", { key: 'cc4ae482f3aa58e4051629efadcfed915205c226', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '2c1efc1995f164c4bbbdc2e0554a467b49952b9f', class: tableNodeClass, ref: this.onTableNodeCreate }))), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19", id: "solutions-selected-count-div" }, this._translations.recordsSelected
             .replace("{{total}}", total)
             .replace("{{selected}}", selected))) : undefined), this.createFilterModal && this._filterModal())));
     }
@@ -1126,7 +1114,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                         this._setControlsThatFit(controlsThatFit, skipControls);
                     }
                 }
-            }, 250);
+            }, 100);
         }
     }
     /**
@@ -1534,9 +1522,13 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      * Reset _allIds when the layers data has changed and refresh the selection ids and table
      */
     async _updateAllIds() {
-        this._allIds = await this.queryAllIds();
-        this.selectedIds = this.selectedIds.filter(id => this._allIds.indexOf(id) > -1);
-        await this._refresh();
+        const allIds = await this.queryAllIds();
+        const selectedIds = this.selectedIds.filter(id => this._allIds.indexOf(id) > -1);
+        if (JSON.stringify(allIds) !== JSON.stringify(this._allIds) || JSON.stringify(this.selectedIds) !== JSON.stringify(selectedIds)) {
+            this._allIds = allIds;
+            this.selectedIds = selectedIds;
+            await this._refresh();
+        }
     }
     /**
      * Handle default OID or GlobalID from url parameters
@@ -1729,6 +1721,9 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                     const outOids = this.selectedIds.filter(id => !objectIdsInExtent.includes(id));
                     const restoreOids = this._outOFExtentOids.filter(id => objectIdsInExtent.includes(id));
                     if (outOids.length > 0) {
+                        if (this._table && this._table?.viewModel?.attachmentsViewOptions?.objectId) {
+                            this._table.viewModel.hideAttachmentsView();
+                        }
                         this._table.highlightIds.removeMany(outOids);
                         this._outOFExtentOids = [...this._outOFExtentOids, ...outOids];
                     }
@@ -1827,6 +1822,9 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     _clearSelection() {
         this.selectedIds = [];
         this._outOFExtentOids = [];
+        if (this._table && this._table?.viewModel?.attachmentsViewOptions?.objectId) {
+            this._table.viewModel.hideAttachmentsView();
+        }
         this._table?.highlightIds.removeAll();
         this._table?.rowHighlightIds.removeAll();
         this._finishOnChange();
@@ -1957,6 +1955,9 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             this._fetchingData = true;
             const layer = await getLayerOrTable(this.mapView, id);
             layer && await layer.when(() => {
+                if (this._table && this._table?.viewModel?.attachmentsViewOptions?.objectId) {
+                    this._table.viewModel.hideAttachmentsView();
+                }
                 this._shouldUpdateTableOnExtentChange = true;
                 this._layer = layer;
                 this._getFullTextSearchInfo();
@@ -1992,6 +1993,8 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         if (fieldInfos) {
             columnTemplates = fieldInfos.reduce((prev, cur) => {
                 const template = {
+                    icon: "information",
+                    iconText: cur.description,
                     type: "field",
                     fieldName: cur.name,
                     label: cur.alias,
@@ -2074,7 +2077,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         "locale": ["localeWatchHandler"],
         "mapHidden": ["mapHiddenWatchHandler"],
         "isMobile": ["isMobileWatchHandler"],
-        "mapInfo": ["mapInfoWatchHandler"],
         "mapView": ["mapViewWatchHandler"],
         "_layer": ["_layerWatchHandler"],
         "selectedIds": ["selectedIdsWatchHandler"]
@@ -2137,7 +2139,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         "locale": ["localeWatchHandler"],
         "mapHidden": ["mapHiddenWatchHandler"],
         "isMobile": ["isMobileWatchHandler"],
-        "mapInfo": ["mapInfoWatchHandler"],
         "mapView": ["mapViewWatchHandler"],
         "_layer": ["_layerWatchHandler"],
         "selectedIds": ["selectedIdsWatchHandler"]

package/dist/components/queryUtils.js

@@ -64,7 +64,9 @@ async function queryFeaturesByID(ids, layer, graphics, returnGeometry, outSpatia
         q.outSpatialReference = outSpatialReference;
     }
     if (fields) {
-        q.outFields = fields;
+        // only allow fields that are in the layer and skip fields like an attachment field
+        const layerFields = layer.fields.map(f => f.name.toLowerCase());
+        q.outFields = fields.filter(f => layerFields.indexOf(f.toLowerCase()) > -1);
     }
     const result = await layer.queryFeatures(q);
     graphics = graphics.concat(result.features);

package/dist/components/solution-item-accordion.js

@@ -7,7 +7,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { g as getLocaleComponentStrings } from './locale.js';
 import { d as defineCustomElement$2 } from './solution-item-icon2.js';
 
-const solutionItemAccordionCss = ":host{display:block}.padding-start-1{padding-inline-start:1rem}.border-override{--calcite-accordion-border-color:var(--calcite-color-border-1) !important}.display-flex{display:flex}.align-center{align-items:center}";
+const solutionItemAccordionCss = ":host{display:block}.padding-start-1{padding-inline-start:1rem}.border-override{--calcite-accordion-border-color:var(--calcite-color-border-1) !important}.display-flex{display:flex}.align-center{align-items:center}.solution-list-item-label{color:var(--calcite-color-text-1);font-size:var(--calcite-font-size--1)}.solution-list-item-label,.solution-list-item-description{font-family:var(--calcite-font-family);font-weight:var(--calcite-font-weight-normal);overflow-wrap:break-word;word-break:break-word}.solution-list-item-description{font-size:var(--calcite-font-size--2);margin-block-start:0.125rem;color:var(--calcite-color-text-3)}.solution-list-item-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;line-height:1.375}";
 const SolutionItemAccordionStyle0 = solutionItemAccordionCss;
 
 const SolutionItemAccordion$1 = /*@__PURE__*/ proxyCustomElement(class SolutionItemAccordion extends HTMLElement {
@@ -229,10 +229,10 @@ const SolutionItemAccordion$1 = /*@__PURE__*/ proxyCustomElement(class SolutionI
      * @protected
      */
     _getListItem(templateInfo) {
-        return (h("calcite-list-item", { description: templateInfo.snippet, id: templateInfo.id, label: templateInfo.title, onCalciteListItemSelect: () => {
+        return (h("calcite-list-item", { id: templateInfo.id, onCalciteListItemSelect: () => {
                 this._deselectOthers(templateInfo.id);
                 this.solutionItemSelect.emit({ itemId: templateInfo.id, selected: true });
-            }, onMouseEnter: () => this.solutionItemHover.emit({ itemId: templateInfo.id, entering: true }), onMouseLeave: () => this.solutionItemHover.emit({ itemId: templateInfo.id, entering: false }), value: templateInfo.id }, templateInfo.url
+            }, onMouseEnter: () => this.solutionItemHover.emit({ itemId: templateInfo.id, entering: true }), onMouseLeave: () => this.solutionItemHover.emit({ itemId: templateInfo.id, entering: false }), value: templateInfo.id }, h("div", { class: "solution-list-item-content", slot: "content" }, h("div", { class: "solution-list-item-label" }, templateInfo.title), h("div", { class: "solution-list-item-description" }, templateInfo.snippet)), templateInfo.url
             ? h("div", { slot: "actions-end" }, h("calcite-action", { icon: "launch", id: templateInfo.id + "-launch", onClick: () => window.open(templateInfo.url, "_blank"), text: "" }), h("calcite-tooltip", { "overlay-positioning": "fixed", "reference-element": templateInfo.id + "-launch" }, h("span", null, this._translations?.openDetails)))
             : null));
     }

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

@@ -5,8 +5,8 @@
  */
 import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-df5db8e9.js';
 import { g as getLocaleComponentStrings, l as loadModules } from './locale-7874c756.js';
-import { g as getLayerOrTable, q as queryFeaturesByID, e as goToSelection, f as queryFeaturesByGlobalID, c as getFeatureLayerView } from './mapViewUtils-9da9be1c.js';
-import { d as downloadCSV } from './downloadUtils-078cd709.js';
+import { g as getLayerOrTable, q as queryFeaturesByID, e as goToSelection, f as queryFeaturesByGlobalID, c as getFeatureLayerView } from './mapViewUtils-2682c21a.js';
+import { d as downloadCSV } from './downloadUtils-0b6677dc.js';
 import './esri-loader-c6842c6b.js';
 import './_commonjsHelpers-089957fe.js';
 import './interfaces-659e3836.js';
@@ -145,7 +145,7 @@ const CardManager = class {
    * @returns Node
    */
     getEditorComponent() {
-        return (h("div", null, this._showCreateFeatureComponent && h("create-feature", { customizeSubmit: true, enableSnapping: this.enableSnapping, locale: this.locale, mapView: this.mapView, onDrawComplete: () => { this._showSubmitBtn = true; }, onEditingAttachment: (evt) => { this._showSubmitBtn = !evt.detail; }, onProgressStatus: () => {
+        return (h("div", null, this._showCreateFeatureComponent && h("create-feature", { customizeSubmit: true, enableSnapping: this.enableSnapping && this.enableCreateFeatures, locale: this.locale, mapView: this.mapView, onDrawComplete: () => { this._showSubmitBtn = true; }, onEditingAttachment: (evt) => { this._showSubmitBtn = !evt.detail; }, onProgressStatus: () => {
                 setTimeout(() => {
                     this._isFeatureCreated = false;
                 }, 2000);
@@ -529,18 +529,6 @@ const LayerTable = class {
             this._initToolInfos();
         }
     }
-    /**
-     * watch for changes in map info and update the toolbar
-     */
-    async mapInfoWatchHandler() {
-        this._resetColumnTemplates();
-        if (this.createFilterModal) {
-            this._initLayerExpressions();
-        }
-        this._initToolInfos();
-        this._updateToolbar();
-        await this._sortTable();
-    }
     /**
      * watch for changes in map view and get the first layer
      */
@@ -831,8 +819,8 @@ const LayerTable = class {
         const tableHeightClass = this.isMobile ? "height-full" : "height-full-adjusted";
         const showSearch = this._canShowFullTextSearch();
         this._validateActiveActions();
-        return (h(Host, { key: '1feac862589dfbc7835d3662f80265be6a93d968' }, h("div", { key: '16be280b961c35f9a05f9fde0d4e77b5491a9c50' }, h("calcite-scrim", { key: '914fa2714bf757e33cb6a39f1e98abc0b7cbf480', class: scrimClass, loading: this._queryingData }), h("calcite-shell", { key: '4df46fccce95a3d88369087660a6984efbd62528' }, this._getTableControlRow("header"), h("div", { key: '2874a9c724fabd222c455e24bc0f815244509b3d', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: '64ed720c02ec2907f99a9ce468fc8b5c38f63360', class: "height-full width-full" }, showSearch &&
-            h("div", { key: 'e7220fd93e5120fd39b10f713fb536b1a4e83590', class: "search-container" }, h("calcite-input", { key: '1717d85eacff6fd1fc23de346be916b817b32a45', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), h("calcite-loader", { key: '0385ff6220ab46f816d73341b20519ad6a1c181b', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '9fa317ea8857cc78531fc4a459e4636e674482cd', class: tableNodeClass, ref: this.onTableNodeCreate }))), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19", id: "solutions-selected-count-div" }, this._translations.recordsSelected
+        return (h(Host, { key: '6e02ad7e5552269917b8bc7ec31f19800362c137' }, h("div", { key: '468b7ebb80ccbace252097ee930745b706b51f2a' }, h("calcite-scrim", { key: '2686a4542df5eeb89efeb9c88ae056c4d2c6dd89', class: scrimClass, loading: this._queryingData }), h("calcite-shell", { key: '1a694b1d624097166b4b2448ee9f0dab0b3d7d16' }, this._getTableControlRow("header"), h("div", { key: '9d69215cfd0afde5f309e70f60937d6750446293', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: 'af48bada48c5b9f0f4c395f71aabcc8341c4e421', class: "height-full width-full" }, showSearch &&
+            h("div", { key: 'a210f0210963a7aa456806a2fc54539177e09fcd', class: "search-container border-bottom" }, h("calcite-input", { key: 'b3e76adefa7df5ce82d6308d0c7641021fb7bb97', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), h("calcite-loader", { key: 'cc4ae482f3aa58e4051629efadcfed915205c226', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '2c1efc1995f164c4bbbdc2e0554a467b49952b9f', class: tableNodeClass, ref: this.onTableNodeCreate }))), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19", id: "solutions-selected-count-div" }, this._translations.recordsSelected
             .replace("{{total}}", total)
             .replace("{{selected}}", selected))) : undefined), this.createFilterModal && this._filterModal())));
     }
@@ -1328,7 +1316,7 @@ const LayerTable = class {
                         this._setControlsThatFit(controlsThatFit, skipControls);
                     }
                 }
-            }, 250);
+            }, 100);
         }
     }
     /**
@@ -1736,9 +1724,13 @@ const LayerTable = class {
      * Reset _allIds when the layers data has changed and refresh the selection ids and table
      */
     async _updateAllIds() {
-        this._allIds = await this.queryAllIds();
-        this.selectedIds = this.selectedIds.filter(id => this._allIds.indexOf(id) > -1);
-        await this._refresh();
+        const allIds = await this.queryAllIds();
+        const selectedIds = this.selectedIds.filter(id => this._allIds.indexOf(id) > -1);
+        if (JSON.stringify(allIds) !== JSON.stringify(this._allIds) || JSON.stringify(this.selectedIds) !== JSON.stringify(selectedIds)) {
+            this._allIds = allIds;
+            this.selectedIds = selectedIds;
+            await this._refresh();
+        }
     }
     /**
      * Handle default OID or GlobalID from url parameters
@@ -1931,6 +1923,9 @@ const LayerTable = class {
                     const outOids = this.selectedIds.filter(id => !objectIdsInExtent.includes(id));
                     const restoreOids = this._outOFExtentOids.filter(id => objectIdsInExtent.includes(id));
                     if (outOids.length > 0) {
+                        if (this._table && this._table?.viewModel?.attachmentsViewOptions?.objectId) {
+                            this._table.viewModel.hideAttachmentsView();
+                        }
                         this._table.highlightIds.removeMany(outOids);
                         this._outOFExtentOids = [...this._outOFExtentOids, ...outOids];
                     }
@@ -2029,6 +2024,9 @@ const LayerTable = class {
     _clearSelection() {
         this.selectedIds = [];
         this._outOFExtentOids = [];
+        if (this._table && this._table?.viewModel?.attachmentsViewOptions?.objectId) {
+            this._table.viewModel.hideAttachmentsView();
+        }
         this._table?.highlightIds.removeAll();
         this._table?.rowHighlightIds.removeAll();
         this._finishOnChange();
@@ -2159,6 +2157,9 @@ const LayerTable = class {
             this._fetchingData = true;
             const layer = await getLayerOrTable(this.mapView, id);
             layer && await layer.when(() => {
+                if (this._table && this._table?.viewModel?.attachmentsViewOptions?.objectId) {
+                    this._table.viewModel.hideAttachmentsView();
+                }
                 this._shouldUpdateTableOnExtentChange = true;
                 this._layer = layer;
                 this._getFullTextSearchInfo();
@@ -2194,6 +2195,8 @@ const LayerTable = class {
         if (fieldInfos) {
             columnTemplates = fieldInfos.reduce((prev, cur) => {
                 const template = {
+                    icon: "information",
+                    iconText: cur.description,
                     type: "field",
                     fieldName: cur.name,
                     label: cur.alias,
@@ -2276,7 +2279,6 @@ const LayerTable = class {
         "locale": ["localeWatchHandler"],
         "mapHidden": ["mapHiddenWatchHandler"],
         "isMobile": ["isMobileWatchHandler"],
-        "mapInfo": ["mapInfoWatchHandler"],
         "mapView": ["mapViewWatchHandler"],
         "_layer": ["_layerWatchHandler"],
         "selectedIds": ["selectedIdsWatchHandler"]