npm - @esri/solutions-components - Versions diffs - 0.11.26 → 0.11.28 - Mend

@esri/solutions-components 0.11.26 → 0.11.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (952) hide show

package/dist/cjs/card-manager_3.cjs.entry.js CHANGED Viewed

@@ -149,7 +149,7 @@ const CardManager = class {
    * @returns Node
    */
     getEditorComponent() {
-        return (index.h("div", null, this._showCreateFeatureComponent && index.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 (index.h("div", null, this._showCreateFeatureComponent && index.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);
@@ -1927,6 +1927,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];
                     }
@@ -2025,6 +2028,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();
@@ -2155,6 +2161,9 @@ const LayerTable = class {
             this._fetchingData = true;
             const layer = await mapViewUtils.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();
@@ -2190,6 +2199,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,

package/dist/cjs/create-feature_4.cjs.entry.js CHANGED Viewed

@@ -276,7 +276,15 @@ const CreateFeature = class {
      */
     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;
+            }
         }
     }
     /**
@@ -296,8 +304,8 @@ const CreateFeature = class {
         else if (this._currentPage === 'featureForm') {
             guidingMsg = this._translations.provideDetailsMsg;
         }
-        return (index.h(index.Fragment, { key: 'b480d2d78dbf168d351afb4212dcc6d49cb39c72' }, showGuidingMsg && index.h("calcite-notice", { key: 'e8cc752d19038993393d2d86cb934ae677cfc96f', class: "notice-msg", icon: "lightbulb", kind: "success", open: true, ref: el => this._calciteNotice = el }, index.h("div", { key: '85b53eb990d6566e66d2eecfae6e90ec1b368e0c', slot: "message" }, guidingMsg)), index.h("calcite-loader", { key: 'ee1ece408069e5112165860dd01f4dca526c0b4f', class: loaderClass, label: "", scale: "s" }), index.h("div", { key: '8a978d99246bd98a91e6fc6695f4159342bbf55a', class: featureFormClass, id: "feature-form" }), this.enableSearch &&
-            index.h("div", { key: '8678f6645b86202155a64dd7cfcb05f2c805e5f8', class: `search-widget ${showSearchWidget} ${featureFormClass}`, id: "search-widget-ref", ref: el => this._searchDiv = el }), index.h("div", { key: '738f720b5773abeda51eb4abf004e14e0c73c934', class: `${mobileMapClass}`, ref: (el) => { this._mapViewContainer = el; } })));
+        return (index.h(index.Fragment, { key: '2c9644bd52600f493965881cd0be4975bc12112e' }, showGuidingMsg && index.h("calcite-notice", { key: '9059dcfd2ec9dd24b6e9005b8a3d164cd585b994', class: "notice-msg", icon: "lightbulb", kind: "success", open: true, ref: el => this._calciteNotice = el }, index.h("div", { key: '9ecdee9591e21ca0c19de55240c9c30f90c36098', slot: "message" }, guidingMsg)), index.h("calcite-loader", { key: '81f0b3cabb02887df18d73e5e4bf372169863a1d', class: loaderClass, label: "", scale: "s" }), index.h("div", { key: 'c820fbb57d7b85e2d03b827e62603fb47d4a494e', class: featureFormClass, id: "feature-form" }), this.enableSearch &&
+            index.h("div", { key: 'c179237732e1da99329eeb489ad8778f5bb4eba4', class: `search-widget ${showSearchWidget} ${featureFormClass}`, id: "search-widget-ref", ref: el => this._searchDiv = el }), index.h("div", { key: 'f56d2e9ed6cb2b5abc088db3e2014187760b79fd', class: `${mobileMapClass}`, ref: (el) => { this._mapViewContainer = el; } })));
     }
     //--------------------------------------------------------------------------
     //
@@ -1029,7 +1037,10 @@ const EditCard = class {
             // #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);
             });
         }
     }
@@ -1043,7 +1054,7 @@ const EditCard = class {
             !this.graphics[0].layer.editingEnabled : true;
         const tableNodeClass = this._editorLoading ? "display-none" : "position-absolute";
         const loadingClass = this._editorLoading ? "" : "display-none";
-        return (index.h(index.Host, { key: '8491a0fbeefc9533ed6898cf4734ec98dddd7f62' }, index.h("div", { key: 'a98e923e1d697559c37ce85fbd57fc1688171cb2', class: "position-absolute" }, editDisabled ? (index.h("calcite-notice", { kind: "warning", open: true, slot: "content-top", width: "full" }, index.h("div", { slot: "message" }, this._translations.enableEditing))) : undefined, index.h("div", { key: 'ac5eed8a614523e1ddaad0eaf3b973faf28fdbf2', class: "position-absolute" }, index.h("div", { key: '63778d7c29d6fd26e0c8a534dc70da4a0e94075d', class: tableNodeClass, id: "feature-form", ref: (el) => this._editContainer = el }), index.h("calcite-loader", { key: '641a987e8860222a1a3b6f64e700a16c03463c81', class: loadingClass, label: "", scale: "s" })))));
+        return (index.h(index.Host, { key: 'd67dbfb453966623d26a1567df84bc58024305d7' }, index.h("div", { key: '9cd13eaf0125ab39e1d24398ccfda17c9534317a', class: "position-absolute" }, editDisabled ? (index.h("calcite-notice", { kind: "warning", open: true, slot: "content-top", width: "full" }, index.h("div", { slot: "message" }, this._translations.enableEditing))) : undefined, index.h("div", { key: '6cb4122611d8d8595cd85cd07224baa374066658', class: "position-absolute" }, index.h("div", { key: 'c4498b1ecd165fa594d9d1cef43f01643b5e3efb', class: tableNodeClass, id: "feature-form", ref: (el) => this._editContainer = el }), index.h("calcite-loader", { key: 'febb4d5c9a662ec9ffa6955114c8476c498116ee', class: loadingClass, label: "", scale: "s" })))));
     }
     //--------------------------------------------------------------------------
     //
@@ -1073,6 +1084,7 @@ const EditCard = class {
             }
             const container = document.createElement("div");
             const layers = await mapViewUtils.getAllLayers(this.mapView);
+            const showSnappingTools = this.enableSnapping && this.enableEditGeometry;
             const layerInfos = layers.map(layer => {
                 return {
                     layer,
@@ -1084,9 +1096,9 @@ const EditCard = class {
                 layerInfos,
                 visibleElements: {
                     flow: true,
-                    settingsMenu: this.enableSnapping,
+                    settingsMenu: showSnappingTools,
                     sketch: false,
-                    snappingControls: this.enableSnapping,
+                    snappingControls: showSnappingTools,
                 },
                 container
             });
@@ -1134,6 +1146,10 @@ const EditCard = class {
                 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/cjs/crowdsource-manager.cjs.entry.js CHANGED Viewed

@@ -576,10 +576,10 @@ const CrowdsourceManager = class {
      */
     _filterModal() {
         const showFilterModal = this._layerExpressions?.length > 0;
-        return (index.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 && index.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 (index.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 && index.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/cjs/solution-item-accordion.cjs.entry.js CHANGED Viewed

@@ -12,7 +12,7 @@ const locale = require('./locale-1c60be9c.js');
 require('./esri-loader-08dc41bd.js');
 require('./_commonjsHelpers-baf43783.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 = class {
@@ -232,10 +232,10 @@ const SolutionItemAccordion = class {
      * @protected
      */
     _getListItem(templateInfo) {
-        return (index.h("calcite-list-item", { description: templateInfo.snippet, id: templateInfo.id, label: templateInfo.title, onCalciteListItemSelect: () => {
+        return (index.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 }, index.h("div", { class: "solution-list-item-content", slot: "content" }, index.h("div", { class: "solution-list-item-label" }, templateInfo.title), index.h("div", { class: "solution-list-item-description" }, templateInfo.snippet)), templateInfo.url
             ? index.h("div", { slot: "actions-end" }, index.h("calcite-action", { icon: "launch", id: templateInfo.id + "-launch", onClick: () => window.open(templateInfo.url, "_blank"), text: "" }), index.h("calcite-tooltip", { "overlay-positioning": "fixed", "reference-element": templateInfo.id + "-launch" }, index.h("span", null, this._translations?.openDetails)))
             : null));
     }

package/dist/collection/components/card-manager/card-manager.js CHANGED Viewed

@@ -149,7 +149,7 @@ export class CardManager {
    * @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/collection/components/create-feature/create-feature.js CHANGED Viewed

@@ -272,7 +272,15 @@ export class CreateFeature {
      */
     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;
+            }
         }
     }
     /**
@@ -292,8 +300,8 @@ export class CreateFeature {
         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; } })));
     }
     //--------------------------------------------------------------------------
     //

package/dist/collection/components/crowdsource-manager/crowdsource-manager.js CHANGED Viewed

@@ -583,10 +583,10 @@ export class CrowdsourceManager {
      */
     _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/collection/components/edit-card/edit-card.js CHANGED Viewed

@@ -198,7 +198,10 @@ export class EditCard {
             // #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);
             });
         }
     }
@@ -212,7 +215,7 @@ export class EditCard {
             !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" })))));
     }
     //--------------------------------------------------------------------------
     //
@@ -242,6 +245,7 @@ export class EditCard {
             }
             const container = document.createElement("div");
             const layers = await getAllLayers(this.mapView);
+            const showSnappingTools = this.enableSnapping && this.enableEditGeometry;
             const layerInfos = layers.map(layer => {
                 return {
                     layer,
@@ -253,9 +257,9 @@ export class EditCard {
                 layerInfos,
                 visibleElements: {
                     flow: true,
-                    settingsMenu: this.enableSnapping,
+                    settingsMenu: showSnappingTools,
                     sketch: false,
-                    snappingControls: this.enableSnapping,
+                    snappingControls: showSnappingTools,
                 },
                 container
             });
@@ -303,6 +307,10 @@ export class EditCard {
                 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/collection/components/layer-table/layer-table.js CHANGED Viewed

@@ -1730,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];
                     }
@@ -1828,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();
@@ -1958,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();
@@ -1993,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,

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/components/card-manager2.js CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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; } })));
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/crowdsource-manager.js CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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,9 +247,9 @@ const EditCard = /*@__PURE__*/ proxyCustomElement(class EditCard extends HTMLEle
                 layerInfos,
                 visibleElements: {
                     flow: true,
-                    settingsMenu: this.enableSnapping,
+                    settingsMenu: showSnappingTools,
                     sketch: false,
-                    snappingControls: this.enableSnapping,
+                    snappingControls: showSnappingTools,
                 },
                 container
             });
@@ -293,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 CHANGED Viewed

@@ -1721,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];
                     }
@@ -1819,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();
@@ -1949,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();
@@ -1984,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,

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

@@ -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 CHANGED Viewed

@@ -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);
@@ -1923,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];
                     }
@@ -2021,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();
@@ -2151,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();
@@ -2186,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,