@esri/solutions-components 0.11.34 → 0.11.36

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

@@ -1144,10 +1144,12 @@ const LayerTable = class {
         const featuresSelected = this._featuresSelected();
         // hide multiple edits for R03
         const showMultipleEdits = this.selectedIds.length > 1 && this._layer?.capabilities?.operations?.supportsUpdate && false;
+        const showZoom = !this.mapHidden && !this._layer?.isTable;
         const featuresEmpty = this._featuresEmpty();
+        const showFilterIcon = !this._layer?.isTable || this._hasFilterExpressions();
         if (this._translations) {
             this._toolInfos = [
-                !this.mapHidden ? {
+                showZoom ? {
                     active: false,
                     icon: "zoom-to-object",
                     indicator: false,
@@ -1156,7 +1158,7 @@ const LayerTable = class {
                     disabled: !featuresSelected,
                     isOverflow: false
                 } : undefined,
-                {
+                showFilterIcon ? {
                     active: false,
                     icon: "filter",
                     indicator: false,
@@ -1164,7 +1166,7 @@ const LayerTable = class {
                     func: () => this.createFilterModal ? this._toggleFilter() : this.toggleFilter.emit(),
                     disabled: false,
                     isOverflow: false
-                },
+                } : undefined,
                 showMultipleEdits ? {
                     active: false,
                     icon: "pencil",
@@ -1674,8 +1676,10 @@ const LayerTable = class {
      */
     tempHighlightOnHover(e) {
         this._removeTempHighlight();
-        const temporaryFeature = e.feature;
-        this._temporaryFeatureHandle = this._selectedLayerView.highlight([temporaryFeature], { name: "temporary" });
+        if (this._selectedLayerView) {
+            const temporaryFeature = e.feature;
+            this._temporaryFeatureHandle = this._selectedLayerView?.highlight([temporaryFeature], { name: "temporary" });
+        }
     }
     /**
      * Clears the temporary highlight
@@ -1691,10 +1695,12 @@ const LayerTable = class {
      */
     _highlightFeatures(currentFeatureId) {
         this._clearHighlights();
-        this._currentFeatureHighlightHandle = this._selectedLayerView.highlight([currentFeatureId], { name: "current-selection" });
-        if (this.selectedIds.length > 1) {
-            const secondaryFeatures = this.selectedIds.filter((id) => id !== currentFeatureId);
-            this._defaultFeaturesHandle = this._selectedLayerView.highlight(secondaryFeatures, { name: "default" });
+        if (this._selectedLayerView) {
+            this._currentFeatureHighlightHandle = this._selectedLayerView?.highlight([currentFeatureId], { name: "current-selection" });
+            if (this.selectedIds.length > 1) {
+                const secondaryFeatures = this.selectedIds.filter((id) => id !== currentFeatureId);
+                this._defaultFeaturesHandle = this._selectedLayerView?.highlight(secondaryFeatures, { name: "default" });
+            }
         }
     }
     /**
@@ -1778,6 +1784,7 @@ const LayerTable = class {
             await this._handleDefaults();
             await this._sortTable();
             this._initToolInfos();
+            this._controlsThatFitWatchHandler();
             this._updateToolbar();
         }
         catch (e) {
@@ -1932,7 +1939,7 @@ const LayerTable = class {
      */
     _handleDocumentClick(e) {
         const id = e.target?.id;
-        if (id.startsWith('layer-table-')) {
+        if (id.startsWith('layer-table-') && this._moreDropdown) {
             this._moreDropdown.open = true;
         }
         else if (this._showHideOpen && Object.keys(this._columnsInfo).indexOf(id) < 0 && id !== "chevron-right") {
@@ -2236,7 +2243,7 @@ const LayerTable = class {
             this._fetchingData = true;
             const layer = await mapViewUtils.getLayerOrTable(this.mapView, id);
             layer && await layer.when(async () => {
-                this._selectedLayerView = await mapViewUtils.getFeatureLayerView(this.mapView, layer.id);
+                this._selectedLayerView = !layer.isTable ? await mapViewUtils.getFeatureLayerView(this.mapView, layer.id) : null;
                 if (this._table && this._table?.viewModel?.attachmentsViewOptions?.objectId) {
                     this._table.viewModel.hideAttachmentsView();
                 }
@@ -3031,7 +3038,6 @@ const MapCard = class {
      */
     _initToolInfos() {
         const featuresSelected = this.selectedFeaturesIds?.length > 0;
-        const hasFilterExpressions = this._hasFilterExpressions();
         // hide multiple edits for R03
         const showMultipleEdits = this.selectedFeaturesIds?.length > 1 && false;
         if (this._translations) {
@@ -3045,7 +3051,7 @@ const MapCard = class {
                     disabled: !featuresSelected,
                     isOverflow: false
                 },
-                hasFilterExpressions ? {
+                {
                     active: false,
                     icon: "filter",
                     indicator: false,
@@ -3053,7 +3059,7 @@ const MapCard = class {
                     func: () => this._toggleFilter(),
                     disabled: false,
                     isOverflow: false
-                } : undefined,
+                },
                 showMultipleEdits ? {
                     active: false,
                     icon: "pencil",

package/dist/cjs/crowdsource-manager.cjs.entry.js

@@ -563,6 +563,7 @@ const CrowdsourceManager = class {
         return (index.h("calcite-panel", null, index.h("div", null, index.h("calcite-block", { class: this.theme === "dark" ? "background-dark" : "", heading: '', "menu-placement": 'bottom-end', open: true }, index.h("div", { class: "filter-extent-container" }, index.h("div", { class: "filter-extent-message" }, index.h("span", null, this._translations.filterByExtentMsg, " "), index.h("calcite-icon", { icon: "information", id: "filter-message-info", scale: "s" }), index.h("calcite-tooltip", { overlayPositioning: "fixed", placement: "top", "reference-element": "filter-message-info" }, this._translations.filterByExtentTooltipMsg)), index.h("calcite-switch", { checked: this._mapExtentFilterChecked, onCalciteSwitchChange: (e) => {
                 const active = e.target.checked || this._filterList?.filterCount > 0;
                 void this._layerTable.filterUpdate(active, e.target.checked);
+                void this._mapCard.updateFilterState(active);
                 this._mapExtentFilterChecked = e.target.checked;
             }, scale: "m" }))), showButtons &&
             index.h("div", { class: "filter-modal-buttons", slot: "footer" }, index.h("calcite-button", { appearance: "outline", onClick: this._handleFilterListReset.bind(this), width: "full" }, this._translations.Resetfilter), index.h("calcite-button", { onClick: this._closeFilter.bind(this), width: "full" }, this._translations.close)))));
@@ -575,7 +576,7 @@ 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, 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: () => void this._updateFilter(), ref: (el) => this._filterList = el, view: this._mapView, zoomBtn: false })));
+        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._layer?.isTable && 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: () => void this._updateFilter(), ref: (el) => this._filterList = el, view: this._mapView, zoomBtn: false })));
     }
     /**
      * Update the filter state

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

@@ -571,6 +571,7 @@ export class CrowdsourceManager {
         return (h("calcite-panel", null, h("div", null, h("calcite-block", { class: this.theme === "dark" ? "background-dark" : "", heading: '', "menu-placement": 'bottom-end', open: true }, h("div", { class: "filter-extent-container" }, h("div", { class: "filter-extent-message" }, h("span", null, this._translations.filterByExtentMsg, " "), h("calcite-icon", { icon: "information", id: "filter-message-info", scale: "s" }), h("calcite-tooltip", { overlayPositioning: "fixed", placement: "top", "reference-element": "filter-message-info" }, this._translations.filterByExtentTooltipMsg)), h("calcite-switch", { checked: this._mapExtentFilterChecked, onCalciteSwitchChange: (e) => {
                 const active = e.target.checked || this._filterList?.filterCount > 0;
                 void this._layerTable.filterUpdate(active, e.target.checked);
+                void this._mapCard.updateFilterState(active);
                 this._mapExtentFilterChecked = e.target.checked;
             }, scale: "m" }))), showButtons &&
             h("div", { class: "filter-modal-buttons", slot: "footer" }, h("calcite-button", { appearance: "outline", onClick: this._handleFilterListReset.bind(this), width: "full" }, this._translations.Resetfilter), h("calcite-button", { onClick: this._closeFilter.bind(this), width: "full" }, this._translations.close)))));
@@ -583,7 +584,7 @@ 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, 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: () => void this._updateFilter(), ref: (el) => this._filterList = el, view: this._mapView, zoomBtn: false })));
+        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._layer?.isTable && 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: () => void this._updateFilter(), ref: (el) => this._filterList = el, view: this._mapView, zoomBtn: false })));
     }
     /**
      * Update the filter state

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

@@ -948,10 +948,12 @@ export class LayerTable {
         const featuresSelected = this._featuresSelected();
         // hide multiple edits for R03
         const showMultipleEdits = this.selectedIds.length > 1 && this._layer?.capabilities?.operations?.supportsUpdate && false;
+        const showZoom = !this.mapHidden && !this._layer?.isTable;
         const featuresEmpty = this._featuresEmpty();
+        const showFilterIcon = !this._layer?.isTable || this._hasFilterExpressions();
         if (this._translations) {
             this._toolInfos = [
-                !this.mapHidden ? {
+                showZoom ? {
                     active: false,
                     icon: "zoom-to-object",
                     indicator: false,
@@ -960,7 +962,7 @@ export class LayerTable {
                     disabled: !featuresSelected,
                     isOverflow: false
                 } : undefined,
-                {
+                showFilterIcon ? {
                     active: false,
                     icon: "filter",
                     indicator: false,
@@ -968,7 +970,7 @@ export class LayerTable {
                     func: () => this.createFilterModal ? this._toggleFilter() : this.toggleFilter.emit(),
                     disabled: false,
                     isOverflow: false
-                },
+                } : undefined,
                 showMultipleEdits ? {
                     active: false,
                     icon: "pencil",
@@ -1478,8 +1480,10 @@ export class LayerTable {
      */
     tempHighlightOnHover(e) {
         this._removeTempHighlight();
-        const temporaryFeature = e.feature;
-        this._temporaryFeatureHandle = this._selectedLayerView.highlight([temporaryFeature], { name: "temporary" });
+        if (this._selectedLayerView) {
+            const temporaryFeature = e.feature;
+            this._temporaryFeatureHandle = this._selectedLayerView?.highlight([temporaryFeature], { name: "temporary" });
+        }
     }
     /**
      * Clears the temporary highlight
@@ -1495,10 +1499,12 @@ export class LayerTable {
      */
     _highlightFeatures(currentFeatureId) {
         this._clearHighlights();
-        this._currentFeatureHighlightHandle = this._selectedLayerView.highlight([currentFeatureId], { name: "current-selection" });
-        if (this.selectedIds.length > 1) {
-            const secondaryFeatures = this.selectedIds.filter((id) => id !== currentFeatureId);
-            this._defaultFeaturesHandle = this._selectedLayerView.highlight(secondaryFeatures, { name: "default" });
+        if (this._selectedLayerView) {
+            this._currentFeatureHighlightHandle = this._selectedLayerView?.highlight([currentFeatureId], { name: "current-selection" });
+            if (this.selectedIds.length > 1) {
+                const secondaryFeatures = this.selectedIds.filter((id) => id !== currentFeatureId);
+                this._defaultFeaturesHandle = this._selectedLayerView?.highlight(secondaryFeatures, { name: "default" });
+            }
         }
     }
     /**
@@ -1582,6 +1588,7 @@ export class LayerTable {
             await this._handleDefaults();
             await this._sortTable();
             this._initToolInfos();
+            this._controlsThatFitWatchHandler();
             this._updateToolbar();
         }
         catch (e) {
@@ -1736,7 +1743,7 @@ export class LayerTable {
      */
     _handleDocumentClick(e) {
         const id = e.target?.id;
-        if (id.startsWith('layer-table-')) {
+        if (id.startsWith('layer-table-') && this._moreDropdown) {
             this._moreDropdown.open = true;
         }
         else if (this._showHideOpen && Object.keys(this._columnsInfo).indexOf(id) < 0 && id !== "chevron-right") {
@@ -2040,7 +2047,7 @@ export class LayerTable {
             this._fetchingData = true;
             const layer = await getLayerOrTable(this.mapView, id);
             layer && await layer.when(async () => {
-                this._selectedLayerView = await getFeatureLayerView(this.mapView, layer.id);
+                this._selectedLayerView = !layer.isTable ? await getFeatureLayerView(this.mapView, layer.id) : null;
                 if (this._table && this._table?.viewModel?.attachmentsViewOptions?.objectId) {
                     this._table.viewModel.hideAttachmentsView();
                 }

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

@@ -654,7 +654,6 @@ export class MapCard {
      */
     _initToolInfos() {
         const featuresSelected = this.selectedFeaturesIds?.length > 0;
-        const hasFilterExpressions = this._hasFilterExpressions();
         // hide multiple edits for R03
         const showMultipleEdits = this.selectedFeaturesIds?.length > 1 && false;
         if (this._translations) {
@@ -668,7 +667,7 @@ export class MapCard {
                     disabled: !featuresSelected,
                     isOverflow: false
                 },
-                hasFilterExpressions ? {
+                {
                     active: false,
                     icon: "filter",
                     indicator: false,
@@ -676,7 +675,7 @@ export class MapCard {
                     func: () => this._toggleFilter(),
                     disabled: false,
                     isOverflow: false
-                } : undefined,
+                },
                 showMultipleEdits ? {
                     active: false,
                     icon: "pencil",

package/dist/components/crowdsource-manager.js

@@ -591,6 +591,7 @@ const CrowdsourceManager$1 = /*@__PURE__*/ proxyCustomElement(class CrowdsourceM
         return (h("calcite-panel", null, h("div", null, h("calcite-block", { class: this.theme === "dark" ? "background-dark" : "", heading: '', "menu-placement": 'bottom-end', open: true }, h("div", { class: "filter-extent-container" }, h("div", { class: "filter-extent-message" }, h("span", null, this._translations.filterByExtentMsg, " "), h("calcite-icon", { icon: "information", id: "filter-message-info", scale: "s" }), h("calcite-tooltip", { overlayPositioning: "fixed", placement: "top", "reference-element": "filter-message-info" }, this._translations.filterByExtentTooltipMsg)), h("calcite-switch", { checked: this._mapExtentFilterChecked, onCalciteSwitchChange: (e) => {
                 const active = e.target.checked || this._filterList?.filterCount > 0;
                 void this._layerTable.filterUpdate(active, e.target.checked);
+                void this._mapCard.updateFilterState(active);
                 this._mapExtentFilterChecked = e.target.checked;
             }, scale: "m" }))), showButtons &&
             h("div", { class: "filter-modal-buttons", slot: "footer" }, h("calcite-button", { appearance: "outline", onClick: this._handleFilterListReset.bind(this), width: "full" }, this._translations.Resetfilter), h("calcite-button", { onClick: this._closeFilter.bind(this), width: "full" }, this._translations.close)))));
@@ -603,7 +604,7 @@ 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, 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: () => void this._updateFilter(), ref: (el) => this._filterList = el, view: this._mapView, zoomBtn: false })));
+        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._layer?.isTable && 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: () => void this._updateFilter(), ref: (el) => this._filterList = el, view: this._mapView, zoomBtn: false })));
     }
     /**
      * Update the filter state

package/dist/components/layer-table2.js

@@ -954,10 +954,12 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         const featuresSelected = this._featuresSelected();
         // hide multiple edits for R03
         const showMultipleEdits = this.selectedIds.length > 1 && this._layer?.capabilities?.operations?.supportsUpdate && false;
+        const showZoom = !this.mapHidden && !this._layer?.isTable;
         const featuresEmpty = this._featuresEmpty();
+        const showFilterIcon = !this._layer?.isTable || this._hasFilterExpressions();
         if (this._translations) {
             this._toolInfos = [
-                !this.mapHidden ? {
+                showZoom ? {
                     active: false,
                     icon: "zoom-to-object",
                     indicator: false,
@@ -966,7 +968,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                     disabled: !featuresSelected,
                     isOverflow: false
                 } : undefined,
-                {
+                showFilterIcon ? {
                     active: false,
                     icon: "filter",
                     indicator: false,
@@ -974,7 +976,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                     func: () => this.createFilterModal ? this._toggleFilter() : this.toggleFilter.emit(),
                     disabled: false,
                     isOverflow: false
-                },
+                } : undefined,
                 showMultipleEdits ? {
                     active: false,
                     icon: "pencil",
@@ -1484,8 +1486,10 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      */
     tempHighlightOnHover(e) {
         this._removeTempHighlight();
-        const temporaryFeature = e.feature;
-        this._temporaryFeatureHandle = this._selectedLayerView.highlight([temporaryFeature], { name: "temporary" });
+        if (this._selectedLayerView) {
+            const temporaryFeature = e.feature;
+            this._temporaryFeatureHandle = this._selectedLayerView?.highlight([temporaryFeature], { name: "temporary" });
+        }
     }
     /**
      * Clears the temporary highlight
@@ -1501,10 +1505,12 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      */
     _highlightFeatures(currentFeatureId) {
         this._clearHighlights();
-        this._currentFeatureHighlightHandle = this._selectedLayerView.highlight([currentFeatureId], { name: "current-selection" });
-        if (this.selectedIds.length > 1) {
-            const secondaryFeatures = this.selectedIds.filter((id) => id !== currentFeatureId);
-            this._defaultFeaturesHandle = this._selectedLayerView.highlight(secondaryFeatures, { name: "default" });
+        if (this._selectedLayerView) {
+            this._currentFeatureHighlightHandle = this._selectedLayerView?.highlight([currentFeatureId], { name: "current-selection" });
+            if (this.selectedIds.length > 1) {
+                const secondaryFeatures = this.selectedIds.filter((id) => id !== currentFeatureId);
+                this._defaultFeaturesHandle = this._selectedLayerView?.highlight(secondaryFeatures, { name: "default" });
+            }
         }
     }
     /**
@@ -1588,6 +1594,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             await this._handleDefaults();
             await this._sortTable();
             this._initToolInfos();
+            this._controlsThatFitWatchHandler();
             this._updateToolbar();
         }
         catch (e) {
@@ -1742,7 +1749,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      */
     _handleDocumentClick(e) {
         const id = e.target?.id;
-        if (id.startsWith('layer-table-')) {
+        if (id.startsWith('layer-table-') && this._moreDropdown) {
             this._moreDropdown.open = true;
         }
         else if (this._showHideOpen && Object.keys(this._columnsInfo).indexOf(id) < 0 && id !== "chevron-right") {
@@ -2046,7 +2053,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             this._fetchingData = true;
             const layer = await getLayerOrTable(this.mapView, id);
             layer && await layer.when(async () => {
-                this._selectedLayerView = await getFeatureLayerView(this.mapView, layer.id);
+                this._selectedLayerView = !layer.isTable ? await getFeatureLayerView(this.mapView, layer.id) : null;
                 if (this._table && this._table?.viewModel?.attachmentsViewOptions?.objectId) {
                     this._table.viewModel.hideAttachmentsView();
                 }

package/dist/components/map-card2.js

@@ -697,7 +697,6 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
      */
     _initToolInfos() {
         const featuresSelected = this.selectedFeaturesIds?.length > 0;
-        const hasFilterExpressions = this._hasFilterExpressions();
         // hide multiple edits for R03
         const showMultipleEdits = this.selectedFeaturesIds?.length > 1 && false;
         if (this._translations) {
@@ -711,7 +710,7 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
                     disabled: !featuresSelected,
                     isOverflow: false
                 },
-                hasFilterExpressions ? {
+                {
                     active: false,
                     icon: "filter",
                     indicator: false,
@@ -719,7 +718,7 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
                     func: () => this._toggleFilter(),
                     disabled: false,
                     isOverflow: false
-                } : undefined,
+                },
                 showMultipleEdits ? {
                     active: false,
                     icon: "pencil",

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

@@ -1140,10 +1140,12 @@ const LayerTable = class {
         const featuresSelected = this._featuresSelected();
         // hide multiple edits for R03
         const showMultipleEdits = this.selectedIds.length > 1 && this._layer?.capabilities?.operations?.supportsUpdate && false;
+        const showZoom = !this.mapHidden && !this._layer?.isTable;
         const featuresEmpty = this._featuresEmpty();
+        const showFilterIcon = !this._layer?.isTable || this._hasFilterExpressions();
         if (this._translations) {
             this._toolInfos = [
-                !this.mapHidden ? {
+                showZoom ? {
                     active: false,
                     icon: "zoom-to-object",
                     indicator: false,
@@ -1152,7 +1154,7 @@ const LayerTable = class {
                     disabled: !featuresSelected,
                     isOverflow: false
                 } : undefined,
-                {
+                showFilterIcon ? {
                     active: false,
                     icon: "filter",
                     indicator: false,
@@ -1160,7 +1162,7 @@ const LayerTable = class {
                     func: () => this.createFilterModal ? this._toggleFilter() : this.toggleFilter.emit(),
                     disabled: false,
                     isOverflow: false
-                },
+                } : undefined,
                 showMultipleEdits ? {
                     active: false,
                     icon: "pencil",
@@ -1670,8 +1672,10 @@ const LayerTable = class {
      */
     tempHighlightOnHover(e) {
         this._removeTempHighlight();
-        const temporaryFeature = e.feature;
-        this._temporaryFeatureHandle = this._selectedLayerView.highlight([temporaryFeature], { name: "temporary" });
+        if (this._selectedLayerView) {
+            const temporaryFeature = e.feature;
+            this._temporaryFeatureHandle = this._selectedLayerView?.highlight([temporaryFeature], { name: "temporary" });
+        }
     }
     /**
      * Clears the temporary highlight
@@ -1687,10 +1691,12 @@ const LayerTable = class {
      */
     _highlightFeatures(currentFeatureId) {
         this._clearHighlights();
-        this._currentFeatureHighlightHandle = this._selectedLayerView.highlight([currentFeatureId], { name: "current-selection" });
-        if (this.selectedIds.length > 1) {
-            const secondaryFeatures = this.selectedIds.filter((id) => id !== currentFeatureId);
-            this._defaultFeaturesHandle = this._selectedLayerView.highlight(secondaryFeatures, { name: "default" });
+        if (this._selectedLayerView) {
+            this._currentFeatureHighlightHandle = this._selectedLayerView?.highlight([currentFeatureId], { name: "current-selection" });
+            if (this.selectedIds.length > 1) {
+                const secondaryFeatures = this.selectedIds.filter((id) => id !== currentFeatureId);
+                this._defaultFeaturesHandle = this._selectedLayerView?.highlight(secondaryFeatures, { name: "default" });
+            }
         }
     }
     /**
@@ -1774,6 +1780,7 @@ const LayerTable = class {
             await this._handleDefaults();
             await this._sortTable();
             this._initToolInfos();
+            this._controlsThatFitWatchHandler();
             this._updateToolbar();
         }
         catch (e) {
@@ -1928,7 +1935,7 @@ const LayerTable = class {
      */
     _handleDocumentClick(e) {
         const id = e.target?.id;
-        if (id.startsWith('layer-table-')) {
+        if (id.startsWith('layer-table-') && this._moreDropdown) {
             this._moreDropdown.open = true;
         }
         else if (this._showHideOpen && Object.keys(this._columnsInfo).indexOf(id) < 0 && id !== "chevron-right") {
@@ -2232,7 +2239,7 @@ const LayerTable = class {
             this._fetchingData = true;
             const layer = await getLayerOrTable(this.mapView, id);
             layer && await layer.when(async () => {
-                this._selectedLayerView = await getFeatureLayerView(this.mapView, layer.id);
+                this._selectedLayerView = !layer.isTable ? await getFeatureLayerView(this.mapView, layer.id) : null;
                 if (this._table && this._table?.viewModel?.attachmentsViewOptions?.objectId) {
                     this._table.viewModel.hideAttachmentsView();
                 }
@@ -3027,7 +3034,6 @@ const MapCard = class {
      */
     _initToolInfos() {
         const featuresSelected = this.selectedFeaturesIds?.length > 0;
-        const hasFilterExpressions = this._hasFilterExpressions();
         // hide multiple edits for R03
         const showMultipleEdits = this.selectedFeaturesIds?.length > 1 && false;
         if (this._translations) {
@@ -3041,7 +3047,7 @@ const MapCard = class {
                     disabled: !featuresSelected,
                     isOverflow: false
                 },
-                hasFilterExpressions ? {
+                {
                     active: false,
                     icon: "filter",
                     indicator: false,
@@ -3049,7 +3055,7 @@ const MapCard = class {
                     func: () => this._toggleFilter(),
                     disabled: false,
                     isOverflow: false
-                } : undefined,
+                },
                 showMultipleEdits ? {
                     active: false,
                     icon: "pencil",

package/dist/esm/crowdsource-manager.entry.js

@@ -559,6 +559,7 @@ const CrowdsourceManager = class {
         return (h("calcite-panel", null, h("div", null, h("calcite-block", { class: this.theme === "dark" ? "background-dark" : "", heading: '', "menu-placement": 'bottom-end', open: true }, h("div", { class: "filter-extent-container" }, h("div", { class: "filter-extent-message" }, h("span", null, this._translations.filterByExtentMsg, " "), h("calcite-icon", { icon: "information", id: "filter-message-info", scale: "s" }), h("calcite-tooltip", { overlayPositioning: "fixed", placement: "top", "reference-element": "filter-message-info" }, this._translations.filterByExtentTooltipMsg)), h("calcite-switch", { checked: this._mapExtentFilterChecked, onCalciteSwitchChange: (e) => {
                 const active = e.target.checked || this._filterList?.filterCount > 0;
                 void this._layerTable.filterUpdate(active, e.target.checked);
+                void this._mapCard.updateFilterState(active);
                 this._mapExtentFilterChecked = e.target.checked;
             }, scale: "m" }))), showButtons &&
             h("div", { class: "filter-modal-buttons", slot: "footer" }, h("calcite-button", { appearance: "outline", onClick: this._handleFilterListReset.bind(this), width: "full" }, this._translations.Resetfilter), h("calcite-button", { onClick: this._closeFilter.bind(this), width: "full" }, this._translations.close)))));
@@ -571,7 +572,7 @@ const CrowdsourceManager = class {
      */
     _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, 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: () => void this._updateFilter(), ref: (el) => this._filterList = el, view: this._mapView, zoomBtn: false })));
+        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._layer?.isTable && 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: () => void this._updateFilter(), ref: (el) => this._filterList = el, view: this._mapView, zoomBtn: false })));
     }
     /**
      * Update the filter state