@esri/solutions-components 0.10.40 → 0.10.42

package/dist/components/instant-apps-time-filter.js

@@ -35,31 +35,31 @@ let e$a;function has(a){return "function"==typeof e$a[a]?e$a[a]=e$a[a](globalThi
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.31/esri/copyright.txt for details.
 */
-function o$8(n){return "Int8Array"===n?.constructor?.name}function u$6(n){return "Uint8Array"===n?.constructor?.name}function e$9(n){return "Uint8ClampedArray"===n?.constructor?.name}function c$7(n){return "Int16Array"===n?.constructor?.name}function i$6(n){return "Uint16Array"===n?.constructor?.name}function a$5(n){return "Int32Array"===n?.constructor?.name}function f$5(n){return "Uint32Array"===n?.constructor?.name}function s$6(n){return "Float32Array"===n?.constructor?.name}function m$5(n){return "Float64Array"===n?.constructor?.name}
+function o$8(n){return "Int8Array"===n?.constructor?.name}function u$6(n){return "Uint8Array"===n?.constructor?.name}function e$9(n){return "Uint8ClampedArray"===n?.constructor?.name}function c$6(n){return "Int16Array"===n?.constructor?.name}function i$6(n){return "Uint16Array"===n?.constructor?.name}function a$6(n){return "Int32Array"===n?.constructor?.name}function f$5(n){return "Uint32Array"===n?.constructor?.name}function s$6(n){return "Float32Array"===n?.constructor?.name}function m$5(n){return "Float64Array"===n?.constructor?.name}
 
 /*
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.31/esri/copyright.txt for details.
 */
-function a$4(t){if(!t||"object"!=typeof t||"function"==typeof t)return t;const n=O$2(t);if(null!=n)return n;if(y$4(t))return t.clone();if(m$4(t))return t.map(a$4);if(b$2(t))return t.clone();const e={};for(const r of Object.getOwnPropertyNames(t))e[r]=a$4(t[r]);return e}function y$4(t){return "function"==typeof t.clone}function m$4(t){return "function"==typeof t.map&&"function"==typeof t.forEach}function b$2(t){return "function"==typeof t.notifyChange&&"function"==typeof t.watch}function O$2(t){if(o$8(t)||u$6(t)||e$9(t)||c$7(t)||i$6(t)||a$5(t)||f$5(t)||s$6(t)||m$5(t))return t.slice();if(t instanceof Date)return new Date(t.getTime());if(t instanceof ArrayBuffer){return t.slice(0,t.byteLength)}if(t instanceof Map){const n=new Map;for(const[e,r]of t)n.set(e,a$4(r));return n}if(t instanceof Set){const n=new Set;for(const e of t)n.add(a$4(e));return n}return null}
+function a$5(t){if(!t||"object"!=typeof t||"function"==typeof t)return t;const n=O$2(t);if(null!=n)return n;if(y$4(t))return t.clone();if(m$4(t))return t.map(a$5);if(b$2(t))return t.clone();const e={};for(const r of Object.getOwnPropertyNames(t))e[r]=a$5(t[r]);return e}function y$4(t){return "function"==typeof t.clone}function m$4(t){return "function"==typeof t.map&&"function"==typeof t.forEach}function b$2(t){return "function"==typeof t.notifyChange&&"function"==typeof t.watch}function O$2(t){if(o$8(t)||u$6(t)||e$9(t)||c$6(t)||i$6(t)||a$6(t)||f$5(t)||s$6(t)||m$5(t))return t.slice();if(t instanceof Date)return new Date(t.getTime());if(t instanceof ArrayBuffer){return t.slice(0,t.byteLength)}if(t instanceof Map){const n=new Map;for(const[e,r]of t)n.set(e,a$5(r));return n}if(t instanceof Set){const n=new Set;for(const e of t)n.add(a$5(e));return n}return null}
 
 /*
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.31/esri/copyright.txt for details.
 */
-function n$7(r,n,t=!1){return f$4(r,n,t)}function t$4(r,n){if(null!=n)return n[r]||u$5(r.split("."),!1,n)}function u$5(r,n,t){let e=t;for(const i of r){if(null==e)return;if(!(i in e)){if(!n)return;e[i]={};}e=e[i];}return e}function f$4(n,t,e){return t?Object.keys(t).reduce(((n,i)=>{let u=n[i],l=t[i];return u===l?n:void 0===u?(n[i]=a$4(l),n):(Array.isArray(l)||Array.isArray(n)?(u=u?Array.isArray(u)?n[i]=u.slice():n[i]=[u]:n[i]=[],l&&(Array.isArray(l)||(l=[l]),e?l.forEach((r=>{u.includes(r)||u.push(r);})):n[i]=l.slice())):l&&"object"==typeof l?n[i]=f$4(u,l,e):n.hasOwnProperty(i)&&!t.hasOwnProperty(i)||(n[i]=l),n)}),n||{}):n}
+function n$7(r,n,t=!1){return f$4(r,n,t)}function t$4(r,n){if(null!=n)return n[r]||u$5(r.split("."),!1,n)}function u$5(r,n,t){let e=t;for(const i of r){if(null==e)return;if(!(i in e)){if(!n)return;e[i]={};}e=e[i];}return e}function f$4(n,t,e){return t?Object.keys(t).reduce(((n,i)=>{let u=n[i],l=t[i];return u===l?n:void 0===u?(n[i]=a$5(l),n):(Array.isArray(l)||Array.isArray(n)?(u=u?Array.isArray(u)?n[i]=u.slice():n[i]=[u]:n[i]=[],l&&(Array.isArray(l)||(l=[l]),e?l.forEach((r=>{u.includes(r)||u.push(r);})):n[i]=l.slice())):l&&"object"==typeof l?n[i]=f$4(u,l,e):n.hasOwnProperty(i)&&!t.hasOwnProperty(i)||(n[i]=l),n)}),n||{}):n}
 
 /*
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.31/esri/copyright.txt for details.
 */
-const c$6="20241016";
+const a$4="20241101";
 
 /*
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.31/esri/copyright.txt for details.
 */
-const s$5={apiKey:void 0,applicationName:"",applicationUrl:globalThis.location?.href,assetsPath:"",fontsUrl:"https://static.arcgis.com/fonts",geometryServiceUrl:"https://utility.arcgisonline.com/arcgis/rest/services/Geometry/GeometryServer",geoRSSServiceUrl:"https://utility.arcgis.com/sharing/rss",kmlServiceUrl:"https://utility.arcgis.com/sharing/kml",userPrivilegesApplied:!0,portalUrl:"https://www.arcgis.com",respectPrefersReducedMotion:!0,routeServiceUrl:"https://route-api.arcgis.com/arcgis/rest/services/World/Route/NAServer/Route_World",workers:{loaderConfig:{has:{},paths:{},map:{},packages:[]}},request:{crossOriginNoCorsDomains:null,httpsDomains:["arcgis.com","arcgisonline.com","esrikr.com","premiumservices.blackbridge.com","esripremium.accuweather.com","gbm.digitalglobe.com","firstlook.digitalglobe.com","msi.digitalglobe.com"],interceptors:[],internalInterceptors:[],maxUrlLength:2e3,priority:"high",proxyRules:[],proxyUrl:null,timeout:6e4,trustedServers:[],useIdentity:!0},log:{interceptors:[],level:null}};if(globalThis.esriConfig&&(n$7(s$5,globalThis.esriConfig,!0),delete s$5.has),!s$5.assetsPath){{const e="4.31.0";s$5.assetsPath=`https://cdn.jsdelivr.net/npm/@arcgis/core@${e}-next.${c$6}/assets`;}s$5.defaultAssetsPath=s$5.assetsPath;}
+const s$5={apiKey:void 0,applicationName:"",applicationUrl:globalThis.location?.href,assetsPath:"",fontsUrl:"https://static.arcgis.com/fonts",geometryServiceUrl:"https://utility.arcgisonline.com/arcgis/rest/services/Geometry/GeometryServer",geoRSSServiceUrl:"https://utility.arcgis.com/sharing/rss",kmlServiceUrl:"https://utility.arcgis.com/sharing/kml",userPrivilegesApplied:!0,portalUrl:"https://www.arcgis.com",respectPrefersReducedMotion:!0,routeServiceUrl:"https://route-api.arcgis.com/arcgis/rest/services/World/Route/NAServer/Route_World",workers:{loaderConfig:{has:{},paths:{},map:{},packages:[]}},request:{crossOriginNoCorsDomains:null,httpsDomains:["arcgis.com","arcgisonline.com","esrikr.com","premiumservices.blackbridge.com","esripremium.accuweather.com","gbm.digitalglobe.com","firstlook.digitalglobe.com","msi.digitalglobe.com"],interceptors:[],internalInterceptors:[],maxUrlLength:2e3,priority:"high",proxyRules:[],proxyUrl:null,timeout:62e3,trustedServers:[],useIdentity:!0},log:{interceptors:[],level:null}};if(globalThis.esriConfig&&(n$7(s$5,globalThis.esriConfig,!0),delete s$5.has),!s$5.assetsPath){{const e="4.31.0";s$5.assetsPath=`https://cdn.jsdelivr.net/npm/@arcgis/core@${e}-next.${a$4}/assets`;}s$5.defaultAssetsPath=s$5.assetsPath;}
 
 /*
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
@@ -83,7 +83,7 @@ function s$4(s,e){return s.replaceAll(/\$\{([^\s:}]*)(?::([^\s:}]+))?\}/g,((s,r)
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.31/esri/copyright.txt for details.
 */
-class s$3 extends e$8{constructor(e,t,r){super(e,t,r);}toJSON(){if(null!=this.details)try{return {name:this.name,message:this.message,details:JSON.parse(JSON.stringify(this.details,((t,r)=>{if(r&&"object"==typeof r&&"function"==typeof r.toJSON)return r;try{return a$4(r)}catch(s){return "[object]"}})))}}catch(r){throw n$6.getLogger("esri.core.Error").error(r),r}return {name:this.name,message:this.message,details:this.details}}static fromJSON(e){return new s$3(e.name,e.message,e.details)}}s$3.prototype.type="error";
+class s$3 extends e$8{constructor(e,t,r){super(e,t,r);}toJSON(){if(null!=this.details)try{return {name:this.name,message:this.message,details:JSON.parse(JSON.stringify(this.details,((t,r)=>{if(r&&"object"==typeof r&&"function"==typeof r.toJSON)return r;try{return a$5(r)}catch(s){return "[object]"}})))}}catch(r){throw n$6.getLogger("esri.core.Error").error(r),r}return {name:this.name,message:this.message,details:this.details}}static fromJSON(e){return new s$3(e.name,e.message,e.details)}}s$3.prototype.type="error";
 
 /*
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.

package/dist/components/layer-table2.js

@@ -423,8 +423,8 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     /**
      * Updates the filter
      */
-    async filterUpdate() {
-        await this._handleFilterUpdate();
+    async filterUpdate(active) {
+        await this._handleFilterUpdate(active);
     }
     /**
      * Closes the filter
@@ -566,10 +566,10 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         const tableHeightClass = this.isMobile ? "height-full" : "height-full-adjusted";
         const showSearch = this._canShowFullTextSearch();
         this._validateActiveActions();
-        return (h(Host, { key: '5cbb5ba55c63eaf278666aac034a01d971d9f12a' }, h("calcite-shell", { key: '8a27d87fc002b72fe478d25885b2ab04261362ca' }, this._getTableControlRow("header"), h("div", { key: '250c356a30389b8cb95628953f3bb3ec5c88361d', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: '9d5dbb084031bdface1dbc3a1dbc2fa33eb163b5', class: "height-full width-full" }, showSearch &&
-            h("div", { key: '2d45ae4255a1d0e3cf14aa0f6a01915a38626bc7', class: "search-container" }, h("calcite-input", { key: 'c73546fef30db70d01cf8978a5daf9ea4193ddc2', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), h("calcite-loader", { key: '61621afb1e5fa67e25b878320c8497200b8265cd', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '0ef4fe0e4099ec60f4c38e2c421920c9a8fe3c4f', class: tableNodeClass, ref: this.onTableNodeCreate }))), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
+        return (h(Host, { key: 'f56462fd5d5afa71052cf2557069bb2fee15aaeb' }, h("calcite-shell", { key: '92ccfa2235269aad6da5f918f79ec8ae100e99ca' }, this._getTableControlRow("header"), h("div", { key: 'e5b8fe5e4236e1a7b7e9d31ad784d9bb52a6918d', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: 'eca933d832e5b6efddb025211c253bf09e41ab22', class: "height-full width-full" }, showSearch &&
+            h("div", { key: 'e819896c4264db3ee95d10194b67da65997b541d', class: "search-container" }, h("calcite-input", { key: 'e979c7962205caf072057332280b9e04ecd233c4', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), h("calcite-loader", { key: 'ee715472a4f819dd1e9328e75022439e9bba1334', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '8085821dea31de1fcbb1119e5791c0dea744e470', class: tableNodeClass, ref: this.onTableNodeCreate }))), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
             .replace("{{total}}", total)
-            .replace("{{selected}}", selected))) : undefined), this.createFilterModal && this._filterModal(), h("delete-dialog", { key: 'e2564b1d08476f762577247ffb41a00e5c41514c', id: "deleteDialogId", ids: this._getIds(), layer: this._layer, locale: this.locale, onDeleteDialogClose: () => this._deleteDialogOpen = false, open: this._deleteDialogOpen, ref: (el) => this._deleteDialog = el })));
+            .replace("{{selected}}", selected))) : undefined), this.createFilterModal && this._filterModal(), h("delete-dialog", { key: '20c9a06c3f0d44433d9442755d25658c249e102c', id: "deleteDialogId", ids: this._getIds(), layer: this._layer, locale: this.locale, onDeleteDialogClose: () => this._deleteDialogOpen = false, open: this._deleteDialogOpen, ref: (el) => this._deleteDialog = el })));
     }
     _deleteDialog;
     /**
@@ -1614,7 +1614,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      * @protected
      */
     _filterModal() {
-        return (h("calcite-modal", { "aria-labelledby": "modal-title", class: "modal", kind: "brand", onCalciteModalClose: () => void this._closeFilter(), open: this._filterOpen, widthScale: "s" }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, this._translations?.filter?.replace("{{title}}", this._layer?.title)), h("div", { slot: "content" }, h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtn: true, closeBtnOnClick: async () => this._closeFilter(), comboboxOverlayPositioning: "fixed", layerExpressions: this._layerExpressions, onFilterListReset: () => void this._handleFilterListReset(), onFilterUpdate: () => void this._handleFilterUpdate(), ref: (el) => this._filterList = el, view: this.mapView, zoomBtn: false }))));
+        return (h("calcite-modal", { "aria-labelledby": "modal-title", class: "modal", kind: "brand", onCalciteModalClose: () => void this._closeFilter(), open: this._filterOpen, widthScale: "s" }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, this._translations?.filter?.replace("{{title}}", this._layer?.title)), h("div", { slot: "content" }, h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtn: true, closeBtnOnClick: async () => this._closeFilter(), comboboxOverlayPositioning: "fixed", layerExpressions: this._layerExpressions, onFilterListReset: () => void this._handleFilterListReset(), onFilterUpdate: () => void this._handleFilterUpdate(this._filterList.filterCount > 0), ref: (el) => this._filterList = el, view: this.mapView, zoomBtn: false }))));
     }
     /**
      * Reset the filter active prop
@@ -1629,7 +1629,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      * Check if the layers definitionExpression has been modified
      * @protected
      */
-    async _handleFilterUpdate() {
+    async _handleFilterUpdate(active) {
         const defExp = this._layer.definitionExpression;
         if (this._floorExpression) {
             const regEx = new RegExp(`${this._floorField} = ['].+[']`, "gm");
@@ -1637,8 +1637,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
                 defExp.replace(regEx, this._floorExpression) : defExp ?
                 `${defExp} AND (${this._floorExpression})` : this._floorExpression;
         }
-        this._filterActive = this._definitionExpression !== this._layer.definitionExpression &&
-            (this._floorExpression ? this._layer.definitionExpression !== this._floorExpression : true);
+        this._filterActive = active;
         this._updateShareUrl();
         await this._searchFullText();
     }

package/dist/components/map-card2.js

@@ -323,8 +323,8 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
     /**
      * updates the filter
      */
-    async updateFilterState() {
-        this._filterActive = this._definitionExpression !== this.selectedLayer.definitionExpression;
+    async updateFilterState(active) {
+        this._filterActive = active;
         this._updateShareUrl();
     }
     /**
@@ -401,7 +401,7 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
         const mapHeightClass = this.mapInfos?.length > 1 || this.isMapLayout ? "map-height" : "height-full";
         const progressClass = this.isMapLayout ? "" : "display-none";
         this._validateActiveActions();
-        return (h(Host, { key: '0b617eeb40229e49a32f5e4a557bfa0f88588fae' }, h("div", { key: 'd93aa32cd31279e468e4570af231a3f3788b9897', class: `${mapContainerClass} width-full`, ref: (el) => this._toolbar = el }, this._getActionBar(), !this.isMobile && this.isMapLayout && this._getDropdown("more-table-options"), this.enableShare && !this.isMobile && this.isMapLayout ? this._getShare("share") : undefined), h("calcite-progress", { key: '0ac01b19752ded5ddf0b06723b30fa669b2f6933', class: progressClass, value: 0 }), h("div", { key: '256bc38d71e3de4ab7ba7328ce12c32fa9ef0d2b', class: `${mapHeightClass} ${mapClass}`, ref: (el) => (this._mapDiv = el) }), h("map-tools", { key: 'e86f179871e8b315ff8d6ecb87545d9af8222590', basemapConfig: this.basemapConfig, class: `box-shadow ${themeClass}`, enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableHome: this.enableHome, enableLegend: this.enableLegend, enableSearch: this.enableSearch, enableSingleExpand: this.enableSingleExpand, homeZoomToolsSize: this.homeZoomToolsSize, locale: this.locale, mapView: this.mapView, mapWidgetsSize: this.mapWidgetsSize, position: this.mapWidgetsPosition, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration, stackTools: this.stackTools, toolOrder: this.toolOrder })));
+        return (h(Host, { key: '525ee5ce855cf5aa4f8c50e7e88be6c6236046ac' }, h("div", { key: '899898ee0b2ba9048ed24716a339c94d3106a52e', class: `${mapContainerClass} width-full`, ref: (el) => this._toolbar = el }, this._getActionBar(), !this.isMobile && this.isMapLayout && this._getDropdown("more-table-options"), this.enableShare && !this.isMobile && this.isMapLayout ? this._getShare("share") : undefined), h("calcite-progress", { key: '896569eb6cf65f45cbebb4b36f5b01ada5ed1092', class: progressClass, value: 0 }), h("div", { key: '79cac798541783bdc74e4b13f9df4d7564eb99f4', class: `${mapHeightClass} ${mapClass}`, ref: (el) => (this._mapDiv = el) }), h("map-tools", { key: '730d48c4ce98af3872bfa6c486e8749e18c24477', basemapConfig: this.basemapConfig, class: `box-shadow ${themeClass}`, enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableHome: this.enableHome, enableLegend: this.enableLegend, enableSearch: this.enableSearch, enableSingleExpand: this.enableSingleExpand, homeZoomToolsSize: this.homeZoomToolsSize, locale: this.locale, mapView: this.mapView, mapWidgetsSize: this.mapWidgetsSize, position: this.mapWidgetsPosition, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration, stackTools: this.stackTools, toolOrder: this.toolOrder })));
     }
     /**
      * Called each time after the component is loaded

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

@@ -1514,6 +1514,7 @@ const InstantAppsFilterList = class {
         registerInstance(this, hostRef);
         this.filterListReset = createEvent(this, "filterListReset", 7);
         this.filterUpdate = createEvent(this, "filterUpdate", 7);
+        this.isLayerExpUpdated = false;
         this.layerExpressions = undefined;
         this.autoUpdateUrl = false;
         this.closeBtn = false;
@@ -1534,7 +1535,6 @@ const InstantAppsFilterList = class {
         this.messages = undefined;
         this.baseClass = baseClassLight;
         this.disabled = true;
-        this.hasLayerExpression = false;
         this.initDefExpressions = undefined;
         this.initMapImageExpressions = undefined;
         this.initPointCloudFilters = undefined;
@@ -1543,11 +1543,9 @@ const InstantAppsFilterList = class {
         this.handleWhenView();
     }
     watchLayerExpressions() {
-        if (!this.hasLayerExpression) {
-            this.filterLayerExpressions = structuredClone(this.layerExpressions);
-            this.handleLayerExpressionsUpdate();
-            this.hasLayerExpression = true;
-        }
+        this.resetAllFilters();
+        this.filterLayerExpressions = structuredClone(this.layerExpressions);
+        this.handleLayerExpressionsUpdate();
     }
     getFilterInitState() {
         return Promise.resolve({
@@ -1557,7 +1555,6 @@ const InstantAppsFilterList = class {
         });
     }
     forceReset() {
-        this.filterLayerExpressions = structuredClone(this.layerExpressions);
         this.handleResetFilter();
         return this.initExpressions();
     }
@@ -1572,28 +1569,28 @@ const InstantAppsFilterList = class {
         }
         return this.initExpressions();
     }
+    connectedCallback() {
+        var _a;
+        if (this.layerExpressions == null && this.view == null)
+            return;
+        this.isLayerExpUpdated = true;
+        this.filterLayerExpressions = structuredClone(this.layerExpressions);
+        this.disabled = ((_a = this.filterLayerExpressions) === null || _a === void 0 ? void 0 : _a.length) ? undefined : true;
+        this.handleLayerExpressionsUpdate();
+    }
     async componentWillLoad() {
         var _a;
         this.baseClass = getMode(this.el) === 'dark' ? baseClassDark : baseClassLight;
         await this.initializeModules();
         getMessages(this);
-        this.hasLayerExpression = this.layerExpressions != null;
+        if (this.isLayerExpUpdated)
+            return;
+        this.isLayerExpUpdated = true;
         this.filterLayerExpressions = this.layerExpressions != null ? structuredClone(this.layerExpressions) : [];
         this.disabled = ((_a = this.filterLayerExpressions) === null || _a === void 0 ? void 0 : _a.length) ? undefined : true;
-        this.reactiveUtils.whenOnce(() => this.view).then(() => this.handleLayerExpressionsUpdate());
-    }
-    componentShouldUpdate(newValue, _oldValue, name) {
-        if (name === 'view' && newValue != null) {
-            this.handleWhenView();
-        }
-        else if (name === 'layerExpressions') {
-            if (this.hasLayerExpression) {
-                this.resetAllFilters();
-            }
-            this.filterLayerExpressions = structuredClone(this.layerExpressions);
-            this.handleLayerExpressionsUpdate();
-            this.hasLayerExpression = true;
-        }
+        if (this.view == null)
+            return;
+        this.handleLayerExpressionsUpdate();
     }
     componentWillRender() {
         var _a;
@@ -1601,21 +1598,21 @@ const InstantAppsFilterList = class {
     }
     disconnectedCallback() {
         if (this.resetFiltersOnDisconnect) {
+            this.isLayerExpUpdated = false;
             this.filterLayerExpressions = structuredClone(this.layerExpressions);
             this.resetAllFilters();
         }
     }
     async initializeModules() {
-        const [intl, geometryJsonUtils, reactiveUtils] = await loadModules(['esri/intl', 'esri/geometry/support/jsonUtils', 'esri/core/reactiveUtils']);
+        const [intl, geometryJsonUtils] = await loadModules(['esri/intl', 'esri/geometry/support/jsonUtils']);
         this.geometryJsonUtils = geometryJsonUtils;
-        this.reactiveUtils = reactiveUtils;
         this.locale = intl.getLocale();
         this.intl = intl;
     }
     render() {
         const filterConfig = this.loading ? this.renderLoading() : this.initFilterConfig();
-        const footer = this.renderFooter(this.closeBtn, this.resetBtn);
-        return (h(Host, { key: '80c4918bd3bdf65d541ed6cf4cf4843ab0f0df01' }, h("calcite-panel", { key: 'f1da101b071420df42da5eb8f5478d0719b40cec', class: this.baseClass, ref: el => (this.panelEl = el) }, h("slot", { key: '8ebdbf20767027459470fa85fe4238e69bc47ab8', slot: "header-content", name: "filter-header-content" }), h("slot", { key: '177f8db80aa842eeb200344cd7b398cd51ca23f3', slot: "header-actions-end", name: "filter-header-actions-end" }), h("div", { key: "filter-container", class: CSS$1.filterContainer }, filterConfig, footer))));
+        const footer = this.renderFooter();
+        return (h(Host, { key: '055d2a02c5118e59462af8759c6bf2f39304fd75' }, h("calcite-panel", { key: '0335c9b28101257551902737ef373543aebee1f6', class: this.baseClass, ref: el => (this.panelEl = el) }, h("slot", { key: '4b471e66583b3f2fd733688d65ce8d3b2acbeb66', slot: "header-content", name: "filter-header-content" }), h("slot", { key: 'f5832075687a6812b902643fd057587b438b38cf', slot: "header-actions-end", name: "filter-header-actions-end" }), h("div", { key: "filter-container", class: CSS$1.filterContainer }, filterConfig, footer))));
     }
     renderLoading() {
         return h("calcite-loader", { label: "Loading filters..." });
@@ -1684,10 +1681,11 @@ const InstantAppsFilterList = class {
         const check = min != null && max != null;
         return check ? (h("label", { class: CSS$1.filterUIItemContainer }, h("span", null, expression === null || expression === void 0 ? void 0 : expression.name), h("div", { class: CSS$1.dateInputContainer }, h("calcite-input-date-picker", { id: expression === null || expression === void 0 ? void 0 : expression.id.toString(), onCalciteInputDatePickerChange: this.handleDatePickerRangeChange.bind(this, expression, layerExpression), min: min, max: max, "overlay-positioning": "fixed", lang: (_c = this.locale) !== null && _c !== void 0 ? _c : 'en', layout: "vertical", value: value, range: true }), h("calcite-action", { onClick: this.handleResetDatePicker.bind(this, expression, layerExpression), icon: "reset", text: (_d = this.messages) === null || _d === void 0 ? void 0 : _d.resetDatePicker, scale: "s" })))) : null;
     }
-    renderFooter(closeBtn, resetBtn) {
+    renderFooter() {
         var _a, _b, _c;
         const closeText = this.closeBtnText != null ? this.closeBtnText : (_a = this.messages) === null || _a === void 0 ? void 0 : _a.close;
-        return (h("div", { class: CSS$1.footer, slot: "footer" }, resetBtn ? (h("calcite-button", { appearance: "outline", width: "half", disabled: this.disabled, onClick: this.handleResetFilter.bind(this) }, (_b = this.messages) === null || _b === void 0 ? void 0 : _b.resetFilter)) : undefined, closeBtn ? (h("calcite-button", { appearance: "solid", width: "half", kind: "brand", onClick: (_c = this.closeBtnOnClick) === null || _c === void 0 ? void 0 : _c.bind(this) }, closeText)) : undefined));
+        const btnWidth = this.closeBtn && this.resetBtn ? 'half' : 'full';
+        return (h("div", { class: CSS$1.footer, slot: "footer" }, this.resetBtn ? (h("calcite-button", { appearance: "outline", width: btnWidth, disabled: this.disabled, onClick: this.handleResetFilter.bind(this) }, (_b = this.messages) === null || _b === void 0 ? void 0 : _b.resetFilter)) : undefined, this.closeBtn ? (h("calcite-button", { appearance: "solid", width: btnWidth, kind: "brand", onClick: (_c = this.closeBtnOnClick) === null || _c === void 0 ? void 0 : _c.bind(this) }, closeText)) : undefined));
     }
     renderZoomTo(layerExpression) {
         var _a;
@@ -1718,23 +1716,21 @@ const InstantAppsFilterList = class {
     }
     async initExpressions() {
         this.loading = true;
-        if (this.filterLayerExpressions == null)
+        if (this.filterLayerExpressions == null || this.view == null)
             return;
-        const tmpLE = await this.processExpressions();
+        await this.processExpressions();
         this.loading = false;
-        this.filterLayerExpressions = [...tmpLE];
     }
     async processExpressions() {
         var _a;
         if (!this.filterLayerExpressions)
-            return [];
+            return;
         for (const layerExpression of this.filterLayerExpressions) {
             for (const expression of layerExpression.expressions || []) {
                 expression.active = (_a = expression.active) !== null && _a !== void 0 ? _a : expression.definitionExpression != null;
                 await this.setInitExpression(layerExpression, expression);
             }
         }
-        return this.filterLayerExpressions;
     }
     handleResetFilter() {
         var _a;
@@ -1804,6 +1800,8 @@ const InstantAppsFilterList = class {
     }
     resetAllFilters() {
         var _a, _b, _c, _d, _e;
+        if (this.initDefExpressions == null)
+            return;
         const allLayersAndTables = (_c = (_b = (_a = this.view) === null || _a === void 0 ? void 0 : _a.map) === null || _b === void 0 ? void 0 : _b.allLayers) === null || _c === void 0 ? void 0 : _c.concat((_e = (_d = this.view) === null || _d === void 0 ? void 0 : _d.map) === null || _e === void 0 ? void 0 : _e.allTables);
         allLayersAndTables === null || allLayersAndTables === void 0 ? void 0 : allLayersAndTables.forEach(layer => {
             var _a, _b;
@@ -1905,18 +1903,19 @@ const InstantAppsFilterList = class {
         }
         return false;
     }
-    updateCodedValueExpression(expression, layerField) {
+    async updateCodedValueExpression(layerExpression, expression, layerField) {
         var _a, _b;
         if (!(layerField === null || layerField === void 0 ? void 0 : layerField.domain) || ((_a = layerField === null || layerField === void 0 ? void 0 : layerField.domain) === null || _a === void 0 ? void 0 : _a.type) !== 'coded-value') {
             return false;
         }
+        const layer = this.findFilterLayer(layerExpression);
+        await this.getFeatureAttributes(layer, expression);
         const domain = layerField.domain;
         const codedValuesMap = domain.codedValues.reduce((acc, { code, name }) => {
             acc[code] = name;
             return acc;
         }, {});
         expression.codedValues = codedValuesMap;
-        expression.fields = Object.keys(codedValuesMap);
         if ((_b = expression.selectedFields) === null || _b === void 0 ? void 0 : _b.length) {
             const selectedFieldsExpression = expression.selectedFields.map((field) => (typeof field === 'number' ? field : `'${handleSingleQuote(field)}'`)).join(',');
             expression.definitionExpression = `${expression.field} IN (${selectedFieldsExpression})`;
@@ -1985,7 +1984,7 @@ const InstantAppsFilterList = class {
         if (features === null || features === void 0 ? void 0 : features.length) {
             expression.fields = [...new Set(features)];
             if (expression.type === 'string') {
-                expression.fields = expression.fields.sort();
+                expression.fields = expression.fields.sort((a, b) => a.localeCompare(b));
             }
             else if (expression.type === 'number') {
                 expression.fields = expression.fields.sort((a, b) => a - b);
@@ -2014,8 +2013,15 @@ const InstantAppsFilterList = class {
                     expression.fields.push(...features);
                 }
             });
-            expression.fields = [...new Set(expression.fields)].sort();
-            this.filterLayerExpressions = [...this.filterLayerExpressions];
+            if (expression.type === 'string') {
+                expression.fields = [...new Set(expression.fields)].sort((a, b) => a.localeCompare(b));
+            }
+            else if (expression.type === 'number') {
+                expression.fields = [...new Set(expression.fields)].sort((a, b) => a - b);
+            }
+            else {
+                expression.fields = [...new Set(expression.fields)].sort();
+            }
         });
     }
     async queryForFeatures(layer, query, field) {
@@ -2098,13 +2104,14 @@ const InstantAppsFilterList = class {
             case 'number':
                 return await this.updateNumberExpression(layerExpression, expression);
             case 'date':
-                return this.updateDateExpressionBasedOnDisplayOption(layerExpression, expression);
+                return await this.updateDateExpressionBasedOnDisplayOption(layerExpression, expression);
             case 'coded-value':
-                return this.updateCodedValueExpression(expression, layerField);
+                return await this.updateCodedValueExpression(layerExpression, expression, layerField);
             case 'range':
-                return this.updateRangeExpressionBasedOnDisplayOption(layerExpression, expression, layerField);
+                return await this.updateRangeExpressionBasedOnDisplayOption(layerExpression, expression, layerField);
             case 'checkbox':
             case null:
+            case undefined:
                 return (_a = expression.active) !== null && _a !== void 0 ? _a : false;
             default:
                 return false;
@@ -2304,31 +2311,9 @@ const InstantAppsFilterList = class {
         this.handleLayerExpressionsUpdate();
     }
     async handleLayerExpressionsUpdate() {
-        if (this.view == null)
-            return;
-        const map = this.view.map;
-        this.initDefExpressions = {};
-        this.initPointCloudFilters = {};
-        this.initMapImageExpressions = {};
-        map.allLayers.concat(map.allTables).forEach(layer => {
-            if (!supportedTypes.includes(layer.type))
-                return;
-            const fl = layer;
-            if (fl.type === 'point-cloud') {
-                this.initPointCloudFilters[fl.id] = fl.filters;
-            }
-            else if (fl.type === 'map-image') {
-                this.initMapImageExpressions[fl.id] = fl.allSublayers.reduce((acc, sublayer) => {
-                    acc[sublayer.id] = sublayer.definitionExpression;
-                    return acc;
-                }, {});
-            }
-            else {
-                this.initDefExpressions[fl.id] = fl.definitionExpression;
-            }
-        });
-        this.initExpressions();
+        this.updateInitExpressions();
         this.handleURLParams();
+        this.initExpressions();
     }
     async handleZoomTo(layerExpression) {
         const zoomId = (layerExpression === null || layerExpression === void 0 ? void 0 : layerExpression.sublayerId) ? `#zoom-to-${layerExpression.id}-${layerExpression.sublayerId}` : `#zoom-to-${layerExpression.id}`;
@@ -2499,6 +2484,31 @@ const InstantAppsFilterList = class {
         query.geometry = geometry;
         query.spatialRelationship = 'intersects';
     }
+    updateInitExpressions() {
+        if (this.view == null)
+            return;
+        const map = this.view.map;
+        this.initDefExpressions = {};
+        this.initPointCloudFilters = {};
+        this.initMapImageExpressions = {};
+        map.allLayers.concat(map.allTables).forEach(layer => {
+            if (!supportedTypes.includes(layer.type))
+                return;
+            const fl = layer;
+            if (fl.type === 'point-cloud') {
+                this.initPointCloudFilters[fl.id] = fl.filters;
+            }
+            else if (fl.type === 'map-image') {
+                this.initMapImageExpressions[fl.id] = fl.allSublayers.reduce((acc, sublayer) => {
+                    acc[sublayer.id] = sublayer.definitionExpression;
+                    return acc;
+                }, {});
+            }
+            else {
+                this.initDefExpressions[fl.id] = fl.definitionExpression;
+            }
+        });
+    }
     get el() { return getElement(this); }
     static get watchers() { return {
         "view": ["watchViewHandler"],

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

@@ -584,8 +584,8 @@ const LayerTable = class {
     /**
      * Updates the filter
      */
-    async filterUpdate() {
-        await this._handleFilterUpdate();
+    async filterUpdate(active) {
+        await this._handleFilterUpdate(active);
     }
     /**
      * Closes the filter
@@ -727,10 +727,10 @@ const LayerTable = class {
         const tableHeightClass = this.isMobile ? "height-full" : "height-full-adjusted";
         const showSearch = this._canShowFullTextSearch();
         this._validateActiveActions();
-        return (h(Host, { key: '5cbb5ba55c63eaf278666aac034a01d971d9f12a' }, h("calcite-shell", { key: '8a27d87fc002b72fe478d25885b2ab04261362ca' }, this._getTableControlRow("header"), h("div", { key: '250c356a30389b8cb95628953f3bb3ec5c88361d', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: '9d5dbb084031bdface1dbc3a1dbc2fa33eb163b5', class: "height-full width-full" }, showSearch &&
-            h("div", { key: '2d45ae4255a1d0e3cf14aa0f6a01915a38626bc7', class: "search-container" }, h("calcite-input", { key: 'c73546fef30db70d01cf8978a5daf9ea4193ddc2', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), h("calcite-loader", { key: '61621afb1e5fa67e25b878320c8497200b8265cd', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '0ef4fe0e4099ec60f4c38e2c421920c9a8fe3c4f', class: tableNodeClass, ref: this.onTableNodeCreate }))), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
+        return (h(Host, { key: 'f56462fd5d5afa71052cf2557069bb2fee15aaeb' }, h("calcite-shell", { key: '92ccfa2235269aad6da5f918f79ec8ae100e99ca' }, this._getTableControlRow("header"), h("div", { key: 'e5b8fe5e4236e1a7b7e9d31ad784d9bb52a6918d', class: `width-full ${tableHeightClass}` }, h("calcite-panel", { key: 'eca933d832e5b6efddb025211c253bf09e41ab22', class: "height-full width-full" }, showSearch &&
+            h("div", { key: 'e819896c4264db3ee95d10194b67da65997b541d', class: "search-container" }, h("calcite-input", { key: 'e979c7962205caf072057332280b9e04ecd233c4', class: "search", clearable: true, icon: "search", onCalciteInputChange: (evt) => void this._searchTextChanged(evt), placeholder: this._searchPlaceHolder, title: this._searchPlaceHolder, type: "search" })), h("calcite-loader", { key: 'ee715472a4f819dd1e9328e75022439e9bba1334', class: loadingClass, label: this._translations.fetchingData, scale: "l" }), h("div", { key: '8085821dea31de1fcbb1119e5791c0dea744e470', class: tableNodeClass, ref: this.onTableNodeCreate }))), !this.isMobile ? (h("div", { class: "bottom-left text-color height-19" }, this._translations.recordsSelected
             .replace("{{total}}", total)
-            .replace("{{selected}}", selected))) : undefined), this.createFilterModal && this._filterModal(), h("delete-dialog", { key: 'e2564b1d08476f762577247ffb41a00e5c41514c', id: "deleteDialogId", ids: this._getIds(), layer: this._layer, locale: this.locale, onDeleteDialogClose: () => this._deleteDialogOpen = false, open: this._deleteDialogOpen, ref: (el) => this._deleteDialog = el })));
+            .replace("{{selected}}", selected))) : undefined), this.createFilterModal && this._filterModal(), h("delete-dialog", { key: '20c9a06c3f0d44433d9442755d25658c249e102c', id: "deleteDialogId", ids: this._getIds(), layer: this._layer, locale: this.locale, onDeleteDialogClose: () => this._deleteDialogOpen = false, open: this._deleteDialogOpen, ref: (el) => this._deleteDialog = el })));
     }
     _deleteDialog;
     /**
@@ -1775,7 +1775,7 @@ const LayerTable = class {
      * @protected
      */
     _filterModal() {
-        return (h("calcite-modal", { "aria-labelledby": "modal-title", class: "modal", kind: "brand", onCalciteModalClose: () => void this._closeFilter(), open: this._filterOpen, widthScale: "s" }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, this._translations?.filter?.replace("{{title}}", this._layer?.title)), h("div", { slot: "content" }, h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtn: true, closeBtnOnClick: async () => this._closeFilter(), comboboxOverlayPositioning: "fixed", layerExpressions: this._layerExpressions, onFilterListReset: () => void this._handleFilterListReset(), onFilterUpdate: () => void this._handleFilterUpdate(), ref: (el) => this._filterList = el, view: this.mapView, zoomBtn: false }))));
+        return (h("calcite-modal", { "aria-labelledby": "modal-title", class: "modal", kind: "brand", onCalciteModalClose: () => void this._closeFilter(), open: this._filterOpen, widthScale: "s" }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, this._translations?.filter?.replace("{{title}}", this._layer?.title)), h("div", { slot: "content" }, h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtn: true, closeBtnOnClick: async () => this._closeFilter(), comboboxOverlayPositioning: "fixed", layerExpressions: this._layerExpressions, onFilterListReset: () => void this._handleFilterListReset(), onFilterUpdate: () => void this._handleFilterUpdate(this._filterList.filterCount > 0), ref: (el) => this._filterList = el, view: this.mapView, zoomBtn: false }))));
     }
     /**
      * Reset the filter active prop
@@ -1790,7 +1790,7 @@ const LayerTable = class {
      * Check if the layers definitionExpression has been modified
      * @protected
      */
-    async _handleFilterUpdate() {
+    async _handleFilterUpdate(active) {
         const defExp = this._layer.definitionExpression;
         if (this._floorExpression) {
             const regEx = new RegExp(`${this._floorField} = ['].+[']`, "gm");
@@ -1798,8 +1798,7 @@ const LayerTable = class {
                 defExp.replace(regEx, this._floorExpression) : defExp ?
                 `${defExp} AND (${this._floorExpression})` : this._floorExpression;
         }
-        this._filterActive = this._definitionExpression !== this._layer.definitionExpression &&
-            (this._floorExpression ? this._layer.definitionExpression !== this._floorExpression : true);
+        this._filterActive = active;
         this._updateShareUrl();
         await this._searchFullText();
     }
@@ -2388,8 +2387,8 @@ const MapCard = class {
     /**
      * updates the filter
      */
-    async updateFilterState() {
-        this._filterActive = this._definitionExpression !== this.selectedLayer.definitionExpression;
+    async updateFilterState(active) {
+        this._filterActive = active;
         this._updateShareUrl();
     }
     /**
@@ -2466,7 +2465,7 @@ const MapCard = class {
         const mapHeightClass = this.mapInfos?.length > 1 || this.isMapLayout ? "map-height" : "height-full";
         const progressClass = this.isMapLayout ? "" : "display-none";
         this._validateActiveActions();
-        return (h(Host, { key: '0b617eeb40229e49a32f5e4a557bfa0f88588fae' }, h("div", { key: 'd93aa32cd31279e468e4570af231a3f3788b9897', class: `${mapContainerClass} width-full`, ref: (el) => this._toolbar = el }, this._getActionBar(), !this.isMobile && this.isMapLayout && this._getDropdown("more-table-options"), this.enableShare && !this.isMobile && this.isMapLayout ? this._getShare("share") : undefined), h("calcite-progress", { key: '0ac01b19752ded5ddf0b06723b30fa669b2f6933', class: progressClass, value: 0 }), h("div", { key: '256bc38d71e3de4ab7ba7328ce12c32fa9ef0d2b', class: `${mapHeightClass} ${mapClass}`, ref: (el) => (this._mapDiv = el) }), h("map-tools", { key: 'e86f179871e8b315ff8d6ecb87545d9af8222590', basemapConfig: this.basemapConfig, class: `box-shadow ${themeClass}`, enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableHome: this.enableHome, enableLegend: this.enableLegend, enableSearch: this.enableSearch, enableSingleExpand: this.enableSingleExpand, homeZoomToolsSize: this.homeZoomToolsSize, locale: this.locale, mapView: this.mapView, mapWidgetsSize: this.mapWidgetsSize, position: this.mapWidgetsPosition, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration, stackTools: this.stackTools, toolOrder: this.toolOrder })));
+        return (h(Host, { key: '525ee5ce855cf5aa4f8c50e7e88be6c6236046ac' }, h("div", { key: '899898ee0b2ba9048ed24716a339c94d3106a52e', class: `${mapContainerClass} width-full`, ref: (el) => this._toolbar = el }, this._getActionBar(), !this.isMobile && this.isMapLayout && this._getDropdown("more-table-options"), this.enableShare && !this.isMobile && this.isMapLayout ? this._getShare("share") : undefined), h("calcite-progress", { key: '896569eb6cf65f45cbebb4b36f5b01ada5ed1092', class: progressClass, value: 0 }), h("div", { key: '79cac798541783bdc74e4b13f9df4d7564eb99f4', class: `${mapHeightClass} ${mapClass}`, ref: (el) => (this._mapDiv = el) }), h("map-tools", { key: '730d48c4ce98af3872bfa6c486e8749e18c24477', basemapConfig: this.basemapConfig, class: `box-shadow ${themeClass}`, enableBasemap: this.enableBasemap, enableFloorFilter: this.enableFloorFilter, enableFullscreen: this.enableFullscreen, enableHome: this.enableHome, enableLegend: this.enableLegend, enableSearch: this.enableSearch, enableSingleExpand: this.enableSingleExpand, homeZoomToolsSize: this.homeZoomToolsSize, locale: this.locale, mapView: this.mapView, mapWidgetsSize: this.mapWidgetsSize, position: this.mapWidgetsPosition, ref: (el) => this._mapTools = el, searchConfiguration: this._searchConfiguration, stackTools: this.stackTools, toolOrder: this.toolOrder })));
     }
     /**
      * Called each time after the component is loaded

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

@@ -532,9 +532,10 @@ const CrowdsourceManager = class {
         return (h("calcite-modal", { "aria-labelledby": "modal-title", class: "modal", kind: "brand", onCalciteModalClose: () => void this._closeFilter(), open: this._filterOpen, widthScale: "s" }, h("div", { class: "display-flex align-center", id: "modal-title", slot: "header" }, this._translations?.filter?.replace("{{title}}", this._layer?.title)), h("div", { slot: "content" }, h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtn: true, closeBtnOnClick: async () => this._closeFilter(), comboboxOverlayPositioning: "fixed", layerExpressions: this._layerExpressions, onFilterListReset: () => {
                 this._handleFilterListReset();
                 void this._mapCard.resetFilter();
-            }, onFilterUpdate: () => {
-                void this._layerTable?.filterUpdate();
-                void this._mapCard.updateFilterState();
+            }, onFilterUpdate: async () => {
+                const active = this._filterList.filterCount > 0;
+                await this._layerTable?.filterUpdate(active);
+                await this._mapCard.updateFilterState(active);
             }, ref: (el) => this._filterList = el, view: this._mapView, zoomBtn: false }))));
     }
     /**

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

@@ -460,11 +460,10 @@ const CrowdsourceReporter = class {
      * Check if the layers definitionExpression has been modified and update the feature list depending on the applied filters
      * @protected
      */
-    async _handleFilterUpdate() {
+    async _handleFilterUpdate(active) {
         this._showLoadingIndicator = true;
-        //if filter are applied the url params will be generated
-        //set the filter active state based on the length of applied filters
-        this._filterActive = this._filterList.urlParams.getAll('filter').length > 0;
+        //if filters are applied the url params will be generated
+        this._filterActive = active;
         this._filterUrlParams = this._filterList.urlParams.getAll('filter');
         await this._featureList.refresh();
         this._showLoadingIndicator = false;
@@ -856,7 +855,7 @@ const CrowdsourceReporter = class {
      */
     getFilterPanel() {
         const currentLayersExpressions = this.layerExpressions ? this.layerExpressions.filter((exp) => exp.id === this._selectedLayerId) : [];
-        return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._translations?.filterLayerTitle?.replace("{{title}}", this._selectedLayerName), loading: this._showLoadingIndicator, onCalciteFlowItemBack: this.backFromFilterPanel.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), h("div", { class: "width-full", slot: "footer" }, h("div", { class: "width-full", slot: "footer" }, h("calcite-button", { appearance: "solid", class: "footer-top-button footer-button", disabled: !this._filterActive, onClick: () => { void this._filterList?.forceReset(); }, width: "full" }, this._translations.resetFilter), h("calcite-button", { appearance: "outline", class: "footer-button", onClick: this.backFromFilterPanel.bind(this), width: "full" }, this._translations.close))), h("calcite-panel", { "full-height": true }, h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtnOnClick: () => undefined, comboboxOverlayPositioning: "fixed", layerExpressions: currentLayersExpressions, onFilterListReset: () => this._handleFilterListReset(), onFilterUpdate: () => this._handleFilterUpdate(), ref: (el) => this._filterList = el, resetBtn: false, resetFiltersOnDisconnect: false, view: this.mapView, zoomBtn: false }))));
+        return (h("calcite-flow-item", { collapsed: this.isMobile && this._sidePanelCollapsed, heading: this._translations?.filterLayerTitle?.replace("{{title}}", this._selectedLayerName), loading: this._showLoadingIndicator, onCalciteFlowItemBack: this.backFromFilterPanel.bind(this) }, this.isMobile && this.getActionToExpandCollapsePanel(), h("div", { class: "width-full", slot: "footer" }, h("div", { class: "width-full", slot: "footer" }, h("calcite-button", { appearance: "solid", class: "footer-top-button footer-button", disabled: !this._filterActive, onClick: () => { void this._filterList?.forceReset(); }, width: "full" }, this._translations.resetFilter), h("calcite-button", { appearance: "outline", class: "footer-button", onClick: this.backFromFilterPanel.bind(this), width: "full" }, this._translations.close))), h("calcite-panel", { "full-height": true }, h("instant-apps-filter-list", { autoUpdateUrl: false, closeBtnOnClick: () => undefined, comboboxOverlayPositioning: "fixed", layerExpressions: currentLayersExpressions, onFilterListReset: () => this._handleFilterListReset(), onFilterUpdate: () => this._handleFilterUpdate(this._filterList.filterCount > 0), ref: (el) => this._filterList = el, resetBtn: false, resetFiltersOnDisconnect: false, view: this.mapView, zoomBtn: false }))));
     }
     /**
      * Returns the calcite-flow item for feature details

package/dist/esm/instant-apps-app-guide.entry.js

@@ -25,7 +25,7 @@ class AppGuideViewModel {
     }
 }
 
-const instantAppsAppGuideCss = ":host{--instant-apps-app-guide-width:300px;--instant-apps-app-guide-height:400px;--instant-apps-app-guide-list-item-bubble-size:22px;width:var(--instant-apps-app-guide-width);height:var(--instant-apps-app-guide-height);display:block}:host calcite-panel{max-width:var(--instant-apps-app-guide-width);max-height:var(--instant-apps-app-guide-height);display:flex}:host calcite-carousel{flex:1;overflow:scroll;height:-moz-fit-content;height:fit-content;background-color:var(--calcite-color-foreground-1)}:host [slot=header-content]{display:flex;gap:var(--calcite-spacing-sm);padding-inline-start:0.25rem;font-weight:var(--calcite-font-weight-bold)}:host calcite-carousel-item{flex-grow:1;display:flex;flex-direction:column}:host .instant-apps-app-guide__content-wrapper{padding-block-start:0.5rem;padding-inline:0.5rem;flex-shrink:1;flex-grow:0}:host calcite-icon{--calcite-ui-icon-color:var(--calcite-color-brand)}:host .instant-apps-app-guide__content-list{counter-set:item-counter;margin-inline:0;padding-inline-start:var(--calcite-spacing-xxxl);padding-inline-end:var(--calcite-spacing-lg);position:relative}:host .instant-apps-app-guide__content-list .instant-apps-app-guide__content-list--item{counter-increment:item-counter;margin-block-start:var(--calcite-spacing-lg);display:flex;align-items:flex-start}:host .instant-apps-app-guide__content-list .instant-apps-app-guide__content-list--item::before{content:counter(item-counter);background-color:var(--calcite-color-text-2);color:var(--calcite-color-text-inverse);line-height:var(--calcite-font-line-height-fixed-xl);width:var(--instant-apps-app-guide-list-item-bubble-size);left:0;border-radius:var(--calcite-corner-radius-pill);display:flex;justify-content:center;font-size:var(--calcite-font-size-sm);position:absolute;max-height:var(--instant-apps-app-guide-list-item-bubble-size)}:host .instant-apps-app-guide__content-list .instant-apps-app-guide__content-list--item::marker{color:var(--calcite-color-transparent)}";
+const instantAppsAppGuideCss = ":host{--instant-apps-app-guide-width:300px;--instant-apps-app-guide-height:400px;--instant-apps-app-guide-list-item-bubble-size:22px;width:var(--instant-apps-app-guide-width);height:var(--instant-apps-app-guide-height);display:block}:host calcite-panel{max-width:var(--instant-apps-app-guide-width);max-height:var(--instant-apps-app-guide-height);display:flex}:host calcite-carousel{flex:1;height:-moz-fit-content;height:fit-content;background-color:var(--calcite-color-foreground-1);overflow:auto}:host [slot=header-content]{display:flex;gap:var(--calcite-spacing-sm);padding-inline-start:0.25rem;font-weight:var(--calcite-font-weight-bold)}:host calcite-carousel-item{flex-grow:1;display:flex;flex-direction:column}:host .instant-apps-app-guide__content-wrapper{padding-block-start:0.5rem;padding-inline:0.5rem;flex-shrink:1;flex-grow:0}:host calcite-icon{--calcite-ui-icon-color:var(--calcite-color-brand)}:host .instant-apps-app-guide__content-list{counter-set:item-counter;margin-inline:0;padding-inline-start:var(--calcite-spacing-xxxl);padding-inline-end:var(--calcite-spacing-lg);position:relative}:host .instant-apps-app-guide__content-list .instant-apps-app-guide__content-list--item{counter-increment:item-counter;margin-block-start:var(--calcite-spacing-lg);display:flex;align-items:flex-start}:host .instant-apps-app-guide__content-list .instant-apps-app-guide__content-list--item::before{content:counter(item-counter);background-color:var(--calcite-color-text-2);color:var(--calcite-color-text-inverse);line-height:var(--calcite-font-line-height-fixed-xl);width:var(--instant-apps-app-guide-list-item-bubble-size);left:0;border-radius:var(--calcite-corner-radius-pill);display:flex;justify-content:center;font-size:var(--calcite-font-size-sm);position:absolute;max-height:var(--instant-apps-app-guide-list-item-bubble-size)}:host .instant-apps-app-guide__content-list .instant-apps-app-guide__content-list--item::marker{color:var(--calcite-color-transparent)}";
 const InstantAppsAppGuideStyle0 = instantAppsAppGuideCss;
 
 const CSS = {

package/dist/esm/instant-apps-export.entry.js

@@ -935,6 +935,10 @@ const printStyling = `
     grid-row: 1 / span 2;
     grid-column: 2;
   }
+  
+  .instant-apps-export-print__extra-container .esri-feature.esri-widget .esri-widget__heading.esri-feature__title {
+    display: block;
+  }
 
   .instant-apps-export-print__popup-container {
     height: min-content;
@@ -993,7 +997,7 @@ const printStyling = `
   }
 
   .instant-apps-export-print .esri-widget__heading {
-    margin: 2pt 7pt;
+    margin: 4pt 7pt;
     padding: 0;
     color: #323232;
   }