@esri/solutions-components 0.10.46 → 0.10.47

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

@@ -224,6 +224,10 @@ export class CrowdsourceReporter {
      * { [key: string]: string }: definitionExpressions for each layer
      */
     _initDefExpressions;
+    /**
+     * ILayerExpression[]: translated values for layerExpressions
+     */
+    _t9nLayerExpressions;
     //--------------------------------------------------------------------------
     //
     //  Watch handlers
@@ -294,11 +298,34 @@ export class CrowdsourceReporter {
             }, 50);
         }
     }
+    /**
+     * Called each time the layerExpressions prop is changed
+    */
+    async layerExpressionsWatchHandler() {
+        this.resetFilterList();
+        await this.handleSelectedLayersFilter();
+        await this._featureList?.refresh();
+    }
     //--------------------------------------------------------------------------
     //
     //  Methods (public)
     //
     //--------------------------------------------------------------------------
+    /**
+    * Method to update layerExpressions with the translated values
+    */
+    async updateLayerExpressionsT9n(t9nLayerExpressions) {
+        this._t9nLayerExpressions = t9nLayerExpressions ? t9nLayerExpressions : this.layerExpressions;
+        if (this._filterList != null) {
+            await this._filterList.handleUpdatingT9nData(this._t9nLayerExpressions);
+        }
+        else if (this._currentLayerExpressions != null) {
+            const currentLayerExpressions = structuredClone(this._currentLayerExpressions);
+            this.handleLayerExpressionsT9n(currentLayerExpressions, this._t9nLayerExpressions);
+            this._currentLayerExpressions = currentLayerExpressions;
+        }
+        return Promise.resolve();
+    }
     //--------------------------------------------------------------------------
     //
     //  Events (public)
@@ -345,7 +372,7 @@ export class CrowdsourceReporter {
      */
     render() {
         const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
-        return (h(Host, { key: 'f1dd6d85210210a73fff30a5d98370da1834be7b' }, this._reportSubmitted && h("calcite-alert", { key: 'b84760fcbf4bfcf0f038be272f74eda97ce17bd9', "auto-close": true, class: themeClass + " report-submitted-msg", icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._reportSubmitted = false; }, open: true, placement: "top" }, h("div", { key: '27aa04dd8575ad27898f7848bc2733a03a33e70f', slot: "message" }, this.reportSubmittedMessage ? this.reportSubmittedMessage : this._translations.submitMsg)), this._featureCreationFailedErrorMsg && h("calcite-alert", { key: '3fc2721bed573ad10bbb1c81af126e2e8ca90b12', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._featureCreationFailedErrorMsg = ""; }, open: true, placement: "top" }, h("div", { key: '4993e5c5b52d650b094c2890d0e4516cc87ffb69', slot: "title" }, this._translations.error), h("div", { key: '272b17f4c0239d8b295d6f2c0c02f1ba236d840d', slot: "message" }, this._featureCreationFailedErrorMsg)), this._commentSubmitted && h("calcite-alert", { key: '5b9e1a2bd129888ec0764ad9b05e5056653d3c33', "auto-close": true, class: 'report-submitted ' + themeClass, icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._commentSubmitted = false; }, open: true, placement: "top" }, h("div", { key: 'bd428297f5fe85cbf7edc42c61c64c299d7954b7', slot: "message" }, this.commentSubmittedMessage || this._translations.commentSubmittedMsg)), this._addingCommentFailed && h("calcite-alert", { key: '2aa1927ca27f9ec15a16f8e68905a1cf203ef833', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._addingCommentFailed = false; }, open: true, placement: "top" }, h("div", { key: '4bff5fb03586edf0f9ea21649d1de4c34034e539', slot: "title" }, this._translations.error), h("div", { key: '7ea6c71dbbac15c2f43242ba00c9e461177051a1', slot: "message" }, this._translations.addingCommentFailedMsg)), h("div", { key: '3aa6bfc19a1e82ab90d2ab42aa9a577b3a2b6d8f' }, h("calcite-shell", { key: 'f27355d4f655c0a0931158f38f0be3eb28f6c4d4', "content-behind": true }, this._getReporter()))));
+        return (h(Host, { key: 'b6052369762b8c3e58ef1a4bf49f9f639e8f20f0' }, this._reportSubmitted && h("calcite-alert", { key: 'ea78ecf7f186cd9d2642288cd20017fc51945a47', "auto-close": true, class: themeClass + " report-submitted-msg", icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._reportSubmitted = false; }, open: true, placement: "top" }, h("div", { key: 'bca0fe4cc41938d401f2209e8e0eeb0ec8eb7eb4', slot: "message" }, this.reportSubmittedMessage ? this.reportSubmittedMessage : this._translations.submitMsg)), this._featureCreationFailedErrorMsg && h("calcite-alert", { key: '3cc3f7823c77997002261e5a44da38b798355078', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._featureCreationFailedErrorMsg = ""; }, open: true, placement: "top" }, h("div", { key: 'bfb524575668f85759111f71ed76a62aa4d8ff36', slot: "title" }, this._translations.error), h("div", { key: '25b174bdcf9126a6ea2ee3bf0b0a3d3e1a84d37f', slot: "message" }, this._featureCreationFailedErrorMsg)), this._commentSubmitted && h("calcite-alert", { key: 'f2cf41d7f1a09a8c56a8a70ec9c87685463e0ed3', "auto-close": true, class: 'report-submitted ' + themeClass, icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._commentSubmitted = false; }, open: true, placement: "top" }, h("div", { key: '000e66b1b85c954da28eda2cdde44d6a4f441ff8', slot: "message" }, this.commentSubmittedMessage || this._translations.commentSubmittedMsg)), this._addingCommentFailed && h("calcite-alert", { key: 'ec0d3b4ca27690452bb14777e716cf1c100e0ec8', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._addingCommentFailed = false; }, open: true, placement: "top" }, h("div", { key: 'dedf6bbf4d250e7108562a9bd05417e71c94dad4', slot: "title" }, this._translations.error), h("div", { key: 'b5c591bcc14feed655fa07e8d87accd281108f09', slot: "message" }, this._translations.addingCommentFailedMsg)), h("div", { key: '301ea807350d9c0a2bf5f45c01e40897bf644dd8' }, h("calcite-shell", { key: '386e94e32d12bf41ae76e9c78ad26a3d00158db6', "content-behind": true }, this._getReporter()))));
     }
     //--------------------------------------------------------------------------
     //
@@ -1228,7 +1255,11 @@ export class CrowdsourceReporter {
      */
     async handleSelectedLayersFilter() {
         if (this._selectedLayer) {
-            this._currentLayerExpressions = this.layerExpressions ? this.layerExpressions.filter(exp => exp.id === this._selectedLayerId) : [];
+            const currentLayerExpressions = this.layerExpressions ? structuredClone(this.layerExpressions.filter(exp => exp.id === this._selectedLayerId)) : [];
+            if (this._t9nLayerExpressions != null) {
+                this.handleLayerExpressionsT9n(currentLayerExpressions, this._t9nLayerExpressions);
+            }
+            this._currentLayerExpressions = currentLayerExpressions;
             this.setActiveDefinitionExpressions();
         }
     }
@@ -1307,6 +1338,24 @@ export class CrowdsourceReporter {
             this._initDefExpressions[fl.id] = fl.definitionExpression;
         });
     }
+    /**
+     * Handles updating the layer expressions with the translated strings
+     * @protected
+     */
+    handleLayerExpressionsT9n(layerExpressions, layerExpressionsT9n) {
+        layerExpressions?.forEach(layerExpression => {
+            const t9nLayerExpression = layerExpressionsT9n?.find(t9nLayerExpression => t9nLayerExpression.id === layerExpression.id);
+            if (t9nLayerExpression != null) {
+                layerExpression.title = t9nLayerExpression.title;
+                layerExpression.expressions?.forEach(expression => {
+                    const t9nExpression = t9nLayerExpression.expressions?.find(t9nExpression => t9nExpression.id === expression.id);
+                    if (t9nExpression != null) {
+                        expression.name = t9nExpression.name;
+                    }
+                });
+            }
+        });
+    }
     static get is() { return "crowdsource-reporter"; }
     static get originalStyleUrls() {
         return {
@@ -1973,6 +2022,36 @@ export class CrowdsourceReporter {
                 }
             }];
     }
+    static get methods() {
+        return {
+            "updateLayerExpressionsT9n": {
+                "complexType": {
+                    "signature": "(t9nLayerExpressions: ILayerExpression[]) => Promise<void>",
+                    "parameters": [{
+                            "name": "t9nLayerExpressions",
+                            "type": "ILayerExpression[]",
+                            "docs": ""
+                        }],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        },
+                        "ILayerExpression": {
+                            "location": "import",
+                            "path": "../../utils/interfaces",
+                            "id": "src/utils/interfaces.ts::ILayerExpression"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Method to update layerExpressions with the translated values",
+                    "tags": []
+                }
+            }
+        };
+    }
     static get elementRef() { return "el"; }
     static get watchers() {
         return [{
@@ -1990,6 +2069,9 @@ export class CrowdsourceReporter {
             }, {
                 "propName": "showMyReportsOnly",
                 "methodName": "showMyReportsOnlyWatchHandler"
+            }, {
+                "propName": "layerExpressions",
+                "methodName": "layerExpressionsWatchHandler"
             }];
     }
 }

package/dist/components/crowdsource-reporter.js

@@ -259,6 +259,10 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
      * { [key: string]: string }: definitionExpressions for each layer
      */
     _initDefExpressions;
+    /**
+     * ILayerExpression[]: translated values for layerExpressions
+     */
+    _t9nLayerExpressions;
     //--------------------------------------------------------------------------
     //
     //  Watch handlers
@@ -329,11 +333,34 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
             }, 50);
         }
     }
+    /**
+     * Called each time the layerExpressions prop is changed
+    */
+    async layerExpressionsWatchHandler() {
+        this.resetFilterList();
+        await this.handleSelectedLayersFilter();
+        await this._featureList?.refresh();
+    }
     //--------------------------------------------------------------------------
     //
     //  Methods (public)
     //
     //--------------------------------------------------------------------------
+    /**
+    * Method to update layerExpressions with the translated values
+    */
+    async updateLayerExpressionsT9n(t9nLayerExpressions) {
+        this._t9nLayerExpressions = t9nLayerExpressions ? t9nLayerExpressions : this.layerExpressions;
+        if (this._filterList != null) {
+            await this._filterList.handleUpdatingT9nData(this._t9nLayerExpressions);
+        }
+        else if (this._currentLayerExpressions != null) {
+            const currentLayerExpressions = structuredClone(this._currentLayerExpressions);
+            this.handleLayerExpressionsT9n(currentLayerExpressions, this._t9nLayerExpressions);
+            this._currentLayerExpressions = currentLayerExpressions;
+        }
+        return Promise.resolve();
+    }
     //--------------------------------------------------------------------------
     //
     //  Events (public)
@@ -380,7 +407,7 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
      */
     render() {
         const themeClass = this.theme === "dark" ? "calcite-mode-dark" : "calcite-mode-light";
-        return (h(Host, { key: 'f1dd6d85210210a73fff30a5d98370da1834be7b' }, this._reportSubmitted && h("calcite-alert", { key: 'b84760fcbf4bfcf0f038be272f74eda97ce17bd9', "auto-close": true, class: themeClass + " report-submitted-msg", icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._reportSubmitted = false; }, open: true, placement: "top" }, h("div", { key: '27aa04dd8575ad27898f7848bc2733a03a33e70f', slot: "message" }, this.reportSubmittedMessage ? this.reportSubmittedMessage : this._translations.submitMsg)), this._featureCreationFailedErrorMsg && h("calcite-alert", { key: '3fc2721bed573ad10bbb1c81af126e2e8ca90b12', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._featureCreationFailedErrorMsg = ""; }, open: true, placement: "top" }, h("div", { key: '4993e5c5b52d650b094c2890d0e4516cc87ffb69', slot: "title" }, this._translations.error), h("div", { key: '272b17f4c0239d8b295d6f2c0c02f1ba236d840d', slot: "message" }, this._featureCreationFailedErrorMsg)), this._commentSubmitted && h("calcite-alert", { key: '5b9e1a2bd129888ec0764ad9b05e5056653d3c33', "auto-close": true, class: 'report-submitted ' + themeClass, icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._commentSubmitted = false; }, open: true, placement: "top" }, h("div", { key: 'bd428297f5fe85cbf7edc42c61c64c299d7954b7', slot: "message" }, this.commentSubmittedMessage || this._translations.commentSubmittedMsg)), this._addingCommentFailed && h("calcite-alert", { key: '2aa1927ca27f9ec15a16f8e68905a1cf203ef833', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._addingCommentFailed = false; }, open: true, placement: "top" }, h("div", { key: '4bff5fb03586edf0f9ea21649d1de4c34034e539', slot: "title" }, this._translations.error), h("div", { key: '7ea6c71dbbac15c2f43242ba00c9e461177051a1', slot: "message" }, this._translations.addingCommentFailedMsg)), h("div", { key: '3aa6bfc19a1e82ab90d2ab42aa9a577b3a2b6d8f' }, h("calcite-shell", { key: 'f27355d4f655c0a0931158f38f0be3eb28f6c4d4', "content-behind": true }, this._getReporter()))));
+        return (h(Host, { key: 'b6052369762b8c3e58ef1a4bf49f9f639e8f20f0' }, this._reportSubmitted && h("calcite-alert", { key: 'ea78ecf7f186cd9d2642288cd20017fc51945a47', "auto-close": true, class: themeClass + " report-submitted-msg", icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._reportSubmitted = false; }, open: true, placement: "top" }, h("div", { key: 'bca0fe4cc41938d401f2209e8e0eeb0ec8eb7eb4', slot: "message" }, this.reportSubmittedMessage ? this.reportSubmittedMessage : this._translations.submitMsg)), this._featureCreationFailedErrorMsg && h("calcite-alert", { key: '3cc3f7823c77997002261e5a44da38b798355078', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._featureCreationFailedErrorMsg = ""; }, open: true, placement: "top" }, h("div", { key: 'bfb524575668f85759111f71ed76a62aa4d8ff36', slot: "title" }, this._translations.error), h("div", { key: '25b174bdcf9126a6ea2ee3bf0b0a3d3e1a84d37f', slot: "message" }, this._featureCreationFailedErrorMsg)), this._commentSubmitted && h("calcite-alert", { key: 'f2cf41d7f1a09a8c56a8a70ec9c87685463e0ed3', "auto-close": true, class: 'report-submitted ' + themeClass, icon: "check-circle", kind: "success", label: "", onCalciteAlertClose: () => { this._commentSubmitted = false; }, open: true, placement: "top" }, h("div", { key: '000e66b1b85c954da28eda2cdde44d6a4f441ff8', slot: "message" }, this.commentSubmittedMessage || this._translations.commentSubmittedMsg)), this._addingCommentFailed && h("calcite-alert", { key: 'ec0d3b4ca27690452bb14777e716cf1c100e0ec8', "auto-close": true, class: themeClass, icon: "x-octagon", kind: "danger", label: "", onCalciteAlertClose: () => { this._addingCommentFailed = false; }, open: true, placement: "top" }, h("div", { key: 'dedf6bbf4d250e7108562a9bd05417e71c94dad4', slot: "title" }, this._translations.error), h("div", { key: 'b5c591bcc14feed655fa07e8d87accd281108f09', slot: "message" }, this._translations.addingCommentFailedMsg)), h("div", { key: '301ea807350d9c0a2bf5f45c01e40897bf644dd8' }, h("calcite-shell", { key: '386e94e32d12bf41ae76e9c78ad26a3d00158db6', "content-behind": true }, this._getReporter()))));
     }
     //--------------------------------------------------------------------------
     //
@@ -1263,7 +1290,11 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
      */
     async handleSelectedLayersFilter() {
         if (this._selectedLayer) {
-            this._currentLayerExpressions = this.layerExpressions ? this.layerExpressions.filter(exp => exp.id === this._selectedLayerId) : [];
+            const currentLayerExpressions = this.layerExpressions ? structuredClone(this.layerExpressions.filter(exp => exp.id === this._selectedLayerId)) : [];
+            if (this._t9nLayerExpressions != null) {
+                this.handleLayerExpressionsT9n(currentLayerExpressions, this._t9nLayerExpressions);
+            }
+            this._currentLayerExpressions = currentLayerExpressions;
             this.setActiveDefinitionExpressions();
         }
     }
@@ -1342,12 +1373,31 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
             this._initDefExpressions[fl.id] = fl.definitionExpression;
         });
     }
+    /**
+     * Handles updating the layer expressions with the translated strings
+     * @protected
+     */
+    handleLayerExpressionsT9n(layerExpressions, layerExpressionsT9n) {
+        layerExpressions?.forEach(layerExpression => {
+            const t9nLayerExpression = layerExpressionsT9n?.find(t9nLayerExpression => t9nLayerExpression.id === layerExpression.id);
+            if (t9nLayerExpression != null) {
+                layerExpression.title = t9nLayerExpression.title;
+                layerExpression.expressions?.forEach(expression => {
+                    const t9nExpression = t9nLayerExpression.expressions?.find(t9nExpression => t9nExpression.id === expression.id);
+                    if (t9nExpression != null) {
+                        expression.name = t9nExpression.name;
+                    }
+                });
+            }
+        });
+    }
     static get watchers() { return {
         "isMobile": ["isMobileWatchHandler"],
         "locale": ["localeWatchHandler"],
         "mapView": ["mapViewWatchHandler"],
         "floorLevel": ["floorLevelWatchHandler"],
-        "showMyReportsOnly": ["showMyReportsOnlyWatchHandler"]
+        "showMyReportsOnly": ["showMyReportsOnlyWatchHandler"],
+        "layerExpressions": ["layerExpressionsWatchHandler"]
     }; }
     static get style() { return CrowdsourceReporterStyle0; }
 }, [0, "crowdsource-reporter", {
@@ -1400,13 +1450,15 @@ const CrowdsourceReporter$1 = /*@__PURE__*/ proxyCustomElement(class Crowdsource
         "_updatedSorting": [32],
         "_updatedSortOption": [32],
         "_commentSubmitted": [32],
-        "_addingCommentFailed": [32]
+        "_addingCommentFailed": [32],
+        "updateLayerExpressionsT9n": [64]
     }, undefined, {
         "isMobile": ["isMobileWatchHandler"],
         "locale": ["localeWatchHandler"],
         "mapView": ["mapViewWatchHandler"],
         "floorLevel": ["floorLevelWatchHandler"],
-        "showMyReportsOnly": ["showMyReportsOnlyWatchHandler"]
+        "showMyReportsOnly": ["showMyReportsOnlyWatchHandler"],
+        "layerExpressions": ["layerExpressionsWatchHandler"]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {

package/dist/components/instant-apps-export.js

@@ -1559,18 +1559,31 @@ const InstantAppsExport$1 = /*@__PURE__*/ proxyCustomElement(class InstantAppsEx
             }
         }
     }
-    convertToImage() {
+    async convertToImage() {
         const options = { backgroundColor: '#FFF', skipFonts: true };
-        if (this.selectedFileType === 'JPG') {
-            toJpeg(this.printEl, options).then(this.handleGetImage.bind(this));
+        let data = '';
+        try {
+            if (this.selectedFileType === 'JPG') {
+                data = await toJpeg(this.printEl, options);
+            }
+            else {
+                data = await toPng(this.printEl, options);
+            }
         }
-        else {
-            toPng(this.printEl, options).then(this.handleGetImage.bind(this));
+        catch (_a) {
+            this.logoImage = undefined;
+            await new Promise(resolve => setTimeout(resolve, 500));
+            data = await toJpeg(this.printEl, options);
+        }
+        finally {
+            this.handleGetImage(data);
         }
     }
     handleGetImage(dataUrl) {
         var _a;
         this.resetPrintContent();
+        if (!dataUrl)
+            return;
         this.dataUrl = dataUrl;
         this.setMapAreaOnClick(false);
         this.showPreview(dataUrl);

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

@@ -141,6 +141,26 @@ const InstantAppsFilterList = /*@__PURE__*/ proxyCustomElement(class InstantApps
         const currentLayerExpressions = structuredClone(this.filterLayerExpressions);
         return Promise.resolve(currentLayerExpressions);
     }
+    handleUpdatingT9nData(t9nLayerExpressions) {
+        var _a;
+        if (t9nLayerExpressions == null)
+            return Promise.resolve();
+        (_a = this.filterLayerExpressions) === null || _a === void 0 ? void 0 : _a.forEach(layerExpression => {
+            var _a;
+            const t9nLayerExpression = t9nLayerExpressions === null || t9nLayerExpressions === void 0 ? void 0 : t9nLayerExpressions.find(t9nLayerExpression => t9nLayerExpression.id === layerExpression.id);
+            if (t9nLayerExpression != null) {
+                layerExpression.title = t9nLayerExpression.title;
+                (_a = layerExpression.expressions) === null || _a === void 0 ? void 0 : _a.forEach(expression => {
+                    var _a;
+                    const t9nExpression = (_a = t9nLayerExpression.expressions) === null || _a === void 0 ? void 0 : _a.find(t9nExpression => t9nExpression.id === expression.id);
+                    if (t9nExpression != null) {
+                        expression.name = t9nExpression.name;
+                    }
+                });
+            }
+        });
+        return Promise.resolve();
+    }
     connectedCallback() {
         if (this.layerExpressions == null && this.view == null)
             return;
@@ -182,7 +202,7 @@ const InstantAppsFilterList = /*@__PURE__*/ proxyCustomElement(class InstantApps
     render() {
         const filterConfig = this.loading ? this.renderLoading() : this.initFilterConfig();
         const footer = this.renderFooter();
-        return (h(Host, { key: '92daa28c3cada3360d3b3d4202f54842e2e42923' }, h("calcite-panel", { key: '43ed17c41f1c42dcb25a19423e1638885a4ca64b', class: this.baseClass, ref: el => (this.panelEl = el) }, h("slot", { key: 'df4bc6bdf21127e781f930cf476af2a5d8199c87', slot: "header-content", name: "filter-header-content" }), h("slot", { key: 'c2e6744535fb85e40ddd4de215f693258bf31e87', slot: "header-actions-end", name: "filter-header-actions-end" }), h("div", { key: "filter-container", class: CSS.filterContainer }, filterConfig, footer))));
+        return (h(Host, { key: 'b3949fb2efa7587520eee01619be306a936b2f05' }, h("calcite-panel", { key: '2336ee3cd209346516ebb12780f7158fc88aa35c', class: this.baseClass, ref: el => (this.panelEl = el) }, h("slot", { key: 'd7400f3192055b45d9f75d19fcac85138f2958f8', slot: "header-content", name: "filter-header-content" }), h("slot", { key: 'fb684d06b51fd62fcc56129851444fad10beafc4', slot: "header-actions-end", name: "filter-header-actions-end" }), h("div", { key: "filter-container", class: CSS.filterContainer }, filterConfig, footer))));
     }
     renderLoading() {
         return h("calcite-loader", { label: "Loading filters..." });
@@ -1114,7 +1134,8 @@ const InstantAppsFilterList = /*@__PURE__*/ proxyCustomElement(class InstantApps
         "getFilterInitState": [64],
         "forceReset": [64],
         "updateInitDefExpressions": [64],
-        "getCurrentLayerExpressions": [64]
+        "getCurrentLayerExpressions": [64],
+        "handleUpdatingT9nData": [64]
     }, undefined, {
         "view": ["watchViewHandler"],
         "layerExpressions": ["watchLayerExpressions"]

package/dist/components/instant-apps-language-switcher.js

@@ -122,14 +122,13 @@ const InstantAppsLanguageSwitcher$1 = /*@__PURE__*/ proxyCustomElement(class Ins
             if (selectedLanguage !== userLocale)
                 eventData['data'] = t9nData[translatedLanguage];
             const params = new URLSearchParams(window.location.search);
-            if (selectedLanguage !== userLocale) {
-                // Set url parameter 'locale' with value
+            const locale = this.intl.normalizeMessageBundleLocale(this.selectedLanguage);
+            intl.setLocale(locale);
+            // Set url parameter 'locale' with value
+            const docElLang = this.intl.normalizeMessageBundleLocale(document.documentElement.lang);
+            if (docElLang !== this.selectedLanguage) {
                 params.set('locale', this.selectedLanguage);
             }
-            else {
-                params.delete('locale');
-            }
-            intl.setLocale(selectedLanguage);
             if (this.view) {
                 const [WebMap] = await loadModules(['esri/WebMap']);
                 const webmap = (_b = (_a = this.locales.filter(localeItem => localeItem.locale === selectedLanguage)) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.webmap;

package/dist/components/instant-apps-scoreboard.js

@@ -53,6 +53,7 @@ const InstantAppsScoreboard$1 = /*@__PURE__*/ proxyCustomElement(class InstantAp
         this.itemLimit = 6;
         this.autoDockEnabled = true;
         this.geometry = null;
+        this.queryType = 'layerView';
         this.state = "loading" /* Scoreboard.Loading */;
         this.messages = undefined;
         this.itemIndex = 0;
@@ -244,10 +245,10 @@ const InstantAppsScoreboard$1 = /*@__PURE__*/ proxyCustomElement(class InstantAp
         const isLoading = state === "loading" /* Scoreboard.Loading */;
         const isCalculating = state === "calculating" /* Scoreboard.Calculating */;
         const isDisabled = state === "disabled" /* Scoreboard.Disabled */;
-        const progress = isLoading || isCalculating || ((_a = this.view) === null || _a === void 0 ? void 0 : _a.updating) ? this.renderProgress() : null;
+        const progress = isLoading || isCalculating || (this.queryType === 'layerView' && ((_a = this.view) === null || _a === void 0 ? void 0 : _a.updating)) ? this.renderProgress() : null;
         const positionClass = this.getPositionClass;
         const styleClass = this.getStyleClass;
-        return h(Host, { key: '5fed5010f728e5d8c4866af3bc38b41ac9b5424f', class: `${positionClass} ${styleClass}` }, isDisabled ? null : [progress, ((_b = this.items) === null || _b === void 0 ? void 0 : _b.length) > 0 ? this.renderBase() : null]);
+        return h(Host, { key: '5a7e3fdc0753d3f951a71397519ebf07ecd68e03', class: `${positionClass} ${styleClass}` }, isDisabled ? null : [progress, ((_b = this.items) === null || _b === void 0 ? void 0 : _b.length) > 0 ? this.renderBase() : null]);
     }
     renderBase() {
         return (h("div", { key: "instant-apps-scoreboard-base", class: BASE }, this.renderContent()));
@@ -365,7 +366,7 @@ const InstantAppsScoreboard$1 = /*@__PURE__*/ proxyCustomElement(class InstantAp
         };
         const getStatDefinitionQuery = (layerView, statDefinition) => {
             var _a, _b, _c, _d, _e;
-            const query = layerView.createQuery();
+            const query = this.queryType === 'layer' ? layerView.layer.createQuery() : layerView.createQuery();
             const outStatistics = [statDefinition];
             const geometry = this.geometry ? this.geometry : this.view.extent;
             query.outStatistics = outStatistics;
@@ -383,7 +384,7 @@ const InstantAppsScoreboard$1 = /*@__PURE__*/ proxyCustomElement(class InstantAp
                     return;
                 const statDefinition = getStatsDefinition(item);
                 const query = getStatDefinitionQuery(layerView, statDefinition);
-                const queryFeaturesRes = layerView.queryFeatures(query);
+                const queryFeaturesRes = this.queryType === 'layer' ? layerView.layer.queryFeatures(query) : layerView.queryFeatures(query);
                 queryFeaturePromises.push(queryFeaturesRes);
             };
         };
@@ -420,7 +421,10 @@ const InstantAppsScoreboard$1 = /*@__PURE__*/ proxyCustomElement(class InstantAp
         const whenOnceConfig = { once: true, initial: true };
         const isNotInteractingWatcher = () => {
             var _a;
-            return (_a = this.reactiveUtils) === null || _a === void 0 ? void 0 : _a.when(() => { var _a; return !((_a = this.view) === null || _a === void 0 ? void 0 : _a.interacting); }, () => this.calculateScoreboardItemValues(), whenOnceConfig);
+            return (_a = this.reactiveUtils) === null || _a === void 0 ? void 0 : _a.when(() => { var _a; return !((_a = this.view) === null || _a === void 0 ? void 0 : _a.interacting); }, () => {
+                if (this.queryType === 'layerView')
+                    this.calculateScoreboardItemValues();
+            }, whenOnceConfig);
         };
         const stationaryWatcher = () => {
             var _a;
@@ -433,7 +437,10 @@ const InstantAppsScoreboard$1 = /*@__PURE__*/ proxyCustomElement(class InstantAp
     }
     initViewUpdateWatcher() {
         return this.reactiveUtils.watch(() => { var _a; return (_a = this.view) === null || _a === void 0 ? void 0 : _a.updating; }, () => {
-            this.reactiveUtils.when(() => { var _a; return !((_a = this.view) === null || _a === void 0 ? void 0 : _a.updating); }, () => this.calculateScoreboardItemValues(), { once: true, initial: true });
+            this.reactiveUtils.when(() => { var _a; return !((_a = this.view) === null || _a === void 0 ? void 0 : _a.updating); }, () => {
+                if (this.queryType === 'layerView')
+                    this.calculateScoreboardItemValues();
+            }, { once: true, initial: true });
         }, { initial: true });
     }
     watchLayerVisibility() {
@@ -474,6 +481,7 @@ const InstantAppsScoreboard$1 = /*@__PURE__*/ proxyCustomElement(class InstantAp
         "itemLimit": [2, "item-limit"],
         "autoDockEnabled": [4, "auto-dock-enabled"],
         "geometry": [1040],
+        "queryType": [1, "query-type"],
         "state": [32],
         "messages": [32],
         "itemIndex": [32],

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

@@ -35,31 +35,25 @@ 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$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}
+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$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}
 
 /*
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.31/esri/copyright.txt for details.
 */
-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}
+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$6(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}
 
 /*
 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$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}
+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}
 
 /*
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.31/esri/copyright.txt for details.
 */
-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: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;}
+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";s$5.assetsPath=`https://js.arcgis.com/${e}/@arcgis/core/assets`;}s$5.defaultAssetsPath=s$5.assetsPath;}
 
 /*
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
@@ -83,7 +77,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$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";
+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";
 
 /*
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
@@ -392,11 +386,12 @@ class InstantAppsTimeFilterViewModel {
         }
     }
     applyFeatureEffect(layerView, timeExtent, filterMode) {
+        var _a;
         if (!layerView)
             return;
         if (layerView.filter)
             layerView.set('filter', null);
-        if (!layerView.featureEffect || filterMode) {
+        if (!(layerView === null || layerView === void 0 ? void 0 : layerView.featureEffect) || !((_a = layerView === null || layerView === void 0 ? void 0 : layerView.featureEffect) === null || _a === void 0 ? void 0 : _a.filter) || filterMode) {
             this.handleUpdatedFeatureEffect(layerView, timeExtent);
             return;
         }

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

@@ -1567,6 +1567,26 @@ const InstantAppsFilterList = class {
         const currentLayerExpressions = structuredClone(this.filterLayerExpressions);
         return Promise.resolve(currentLayerExpressions);
     }
+    handleUpdatingT9nData(t9nLayerExpressions) {
+        var _a;
+        if (t9nLayerExpressions == null)
+            return Promise.resolve();
+        (_a = this.filterLayerExpressions) === null || _a === void 0 ? void 0 : _a.forEach(layerExpression => {
+            var _a;
+            const t9nLayerExpression = t9nLayerExpressions === null || t9nLayerExpressions === void 0 ? void 0 : t9nLayerExpressions.find(t9nLayerExpression => t9nLayerExpression.id === layerExpression.id);
+            if (t9nLayerExpression != null) {
+                layerExpression.title = t9nLayerExpression.title;
+                (_a = layerExpression.expressions) === null || _a === void 0 ? void 0 : _a.forEach(expression => {
+                    var _a;
+                    const t9nExpression = (_a = t9nLayerExpression.expressions) === null || _a === void 0 ? void 0 : _a.find(t9nExpression => t9nExpression.id === expression.id);
+                    if (t9nExpression != null) {
+                        expression.name = t9nExpression.name;
+                    }
+                });
+            }
+        });
+        return Promise.resolve();
+    }
     connectedCallback() {
         if (this.layerExpressions == null && this.view == null)
             return;
@@ -1608,7 +1628,7 @@ const InstantAppsFilterList = class {
     render() {
         const filterConfig = this.loading ? this.renderLoading() : this.initFilterConfig();
         const footer = this.renderFooter();
-        return (h(Host, { key: '92daa28c3cada3360d3b3d4202f54842e2e42923' }, h("calcite-panel", { key: '43ed17c41f1c42dcb25a19423e1638885a4ca64b', class: this.baseClass, ref: el => (this.panelEl = el) }, h("slot", { key: 'df4bc6bdf21127e781f930cf476af2a5d8199c87', slot: "header-content", name: "filter-header-content" }), h("slot", { key: 'c2e6744535fb85e40ddd4de215f693258bf31e87', slot: "header-actions-end", name: "filter-header-actions-end" }), h("div", { key: "filter-container", class: CSS$1.filterContainer }, filterConfig, footer))));
+        return (h(Host, { key: 'b3949fb2efa7587520eee01619be306a936b2f05' }, h("calcite-panel", { key: '2336ee3cd209346516ebb12780f7158fc88aa35c', class: this.baseClass, ref: el => (this.panelEl = el) }, h("slot", { key: 'd7400f3192055b45d9f75d19fcac85138f2958f8', slot: "header-content", name: "filter-header-content" }), h("slot", { key: 'fb684d06b51fd62fcc56129851444fad10beafc4', 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..." });