@esri/solutions-components 0.10.39 → 0.10.40

package/dist/cjs/map-select-tools_3.cjs.entry.js

@@ -182,6 +182,14 @@ const MapSelectTools = class {
             }
         }
     }
+    /**
+     * Fetch translations when the locale is updated
+     */
+    async localeWatchHandler() {
+        // to support url param and language switcher
+        this.el.lang = this.locale;
+        await this._getTranslations();
+    }
     /**
      * Called each time the mapView prop is changed.
      */
@@ -297,7 +305,7 @@ const MapSelectTools = class {
     render() {
         const mapToolsClass = this.enableSketchTools ? "" : "display-none";
         const mapToolsContainerClass = this.enableSketchTools ? "padding-top-1" : "";
-        return (index.h(index.Host, { key: '62c70f52dbf364c71048b6de11477735fa3eddc4' }, this._getMapLayerPicker(), index.h("div", { key: 'f749a152c0821969177ca6bc83b3e75bac232f98', class: "border-bottom" }), index.h("div", { key: 'e5f564bd4c01dd3648891f74581f3826ce59a06c', class: "padding-top-sides-1" }, index.h("div", { key: '0f2a402284088431d0cc956cf17cd9420080a540', class: "search-widget", ref: (el) => { this._searchElement = el; } }), index.h("div", { key: 'd3f9352d3a6ff51ecbda166ea2dd9ae49bdec443', class: mapToolsContainerClass }, index.h("map-draw-tools", { key: '00fdebdc3d430965aaa9d5f28b5a2f1d50afdeb8', active: true, class: mapToolsClass, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, mapView: this.mapView, onSketchGraphicsChange: (evt) => void this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this.enableSearchDistance ? this._getBufferOptions() : undefined, this.enableLayerFeatures ? this._getUseLayerFeaturesOptions() : undefined, this._getNumSelected()), index.h("div", { key: '67ecd2ef8f3cd8819fc57785e2b84994c8e71547', class: "border-bottom" }), this._getNameInput()));
+        return (index.h(index.Host, { key: '92c7ef37eb97404a826b7803ff06ce691722a6d1' }, this._getMapLayerPicker(), index.h("div", { key: '22959b62191b47b716363007be0a356b62af492a', class: "border-bottom" }), index.h("div", { key: '834c3ddd3ef31a022ed32131a8c21dce325b2c19', class: "padding-top-sides-1" }, index.h("div", { key: '86b43e7c82a9fc6a2d54be79be3690120a29b78e', class: "search-widget", ref: (el) => { this._searchElement = el; } }), index.h("div", { key: '5107461cb8a706e9540c8765138d7bc57355fc67', class: mapToolsContainerClass }, index.h("map-draw-tools", { key: 'ee678a630d39b7550805f0c070adb8e07428b104', active: true, class: mapToolsClass, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, locale: this.locale, mapView: this.mapView, onSketchGraphicsChange: (evt) => void this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this.enableSearchDistance ? this._getBufferOptions() : undefined, this.enableLayerFeatures ? this._getUseLayerFeaturesOptions() : undefined, this._getNumSelected()), index.h("div", { key: '3b88977c13f6a3cde10de6cba927424595fdb13f', class: "border-bottom" }), this._getNameInput()));
     }
     /**
      * Renders the buffer tools component.
@@ -309,7 +317,7 @@ const MapSelectTools = class {
         }
         const showBufferToolsClass = this._searchDistanceEnabled ? "search-distance" : "div-not-visible";
         const bufferDistance = typeof this.selectionSet?.distance === "number" ? this.selectionSet.distance : this.defaultBufferDistance;
-        return (index.h("div", null, index.h("div", { class: "padding-top-1 display-flex" }, index.h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, index.h("div", { class: "tooltip-container" }, this._translations.searchDistance, index.h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "search-distance-icon", scale: "s" }))), index.h("calcite-popover", { closable: true, label: "", referenceElement: "search-distance-icon" }, index.h("span", { class: "tooltip-message" }, this._translations.useSearchDistanceTootip)), index.h("calcite-switch", { checked: this._searchDistanceEnabled, onCalciteSwitchChange: () => this._searchDistanceEnabled = !this._searchDistanceEnabled })), index.h("div", { class: showBufferToolsClass }, index.h("buffer-tools", { disabled: !this._searchDistanceEnabled, distance: bufferDistance, geometries: this.geometries, onBufferComplete: (evt) => void this._bufferComplete(evt), ref: (el) => this._bufferTools = el, unit: this.selectionSet?.unit || this.defaultBufferUnit }))));
+        return (index.h("div", null, index.h("div", { class: "padding-top-1 display-flex" }, index.h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, index.h("div", { class: "tooltip-container" }, this._translations.searchDistance, index.h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "search-distance-icon", scale: "s" }))), index.h("calcite-popover", { closable: true, label: "", referenceElement: "search-distance-icon" }, index.h("span", { class: "tooltip-message" }, this._translations.useSearchDistanceTootip)), index.h("calcite-switch", { checked: this._searchDistanceEnabled, onCalciteSwitchChange: () => this._searchDistanceEnabled = !this._searchDistanceEnabled })), index.h("div", { class: showBufferToolsClass }, index.h("buffer-tools", { disabled: !this._searchDistanceEnabled, distance: bufferDistance, geometries: this.geometries, locale: this.locale, onBufferComplete: (evt) => void this._bufferComplete(evt), ref: (el) => this._bufferTools = el, unit: this.selectionSet?.unit || this.defaultBufferUnit }))));
     }
     /**
      * Renders the map layer picker component.
@@ -320,7 +328,7 @@ const MapSelectTools = class {
             this.enableLayerFeaturesOnLoad = false;
         }
         const useLayerFeaturesClass = this._useLayerFeaturesEnabled ? "div-visible" : "div-not-visible";
-        return (index.h("div", null, index.h("div", { class: "padding-top-1 display-flex" }, index.h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, index.h("div", { class: "tooltip-container" }, this._translations.useLayerFeatures, index.h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "use-layer-features-icon", scale: "s" }))), index.h("calcite-popover", { closable: true, label: "", referenceElement: "use-layer-features-icon" }, index.h("span", { class: "tooltip-message" }, this._translations.useLayerFeaturesTooltip)), index.h("calcite-switch", { checked: this._useLayerFeaturesEnabled, onCalciteSwitchChange: () => { this._useLayerFeaturesEnabledChanged(); } })), index.h("div", { class: useLayerFeaturesClass + " padding-top-1" }, index.h("map-layer-picker", { enabledLayerIds: this.selectionLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedIds: this.layerViews.map(l => l.layer.id), showTables: false }))));
+        return (index.h("div", null, index.h("div", { class: "padding-top-1 display-flex" }, index.h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, index.h("div", { class: "tooltip-container" }, this._translations.useLayerFeatures, index.h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "use-layer-features-icon", scale: "s" }))), index.h("calcite-popover", { closable: true, label: "", referenceElement: "use-layer-features-icon" }, index.h("span", { class: "tooltip-message" }, this._translations.useLayerFeaturesTooltip)), index.h("calcite-switch", { checked: this._useLayerFeaturesEnabled, onCalciteSwitchChange: () => { this._useLayerFeaturesEnabledChanged(); } })), index.h("div", { class: useLayerFeaturesClass + " padding-top-1" }, index.h("map-layer-picker", { enabledLayerIds: this.selectionLayerIds, locale: this.locale, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedIds: this.layerViews.map(l => l.layer.id), showTables: false }))));
     }
     /**
      * Renders the number of selected features
@@ -349,7 +357,7 @@ const MapSelectTools = class {
      * @protected
      */
     _getMapLayerPicker() {
-        return (index.h("div", { class: "display-flex padding-sides-1 padding-bottom-1" }, index.h("calcite-label", { class: "font-bold width-full label-margin-0" }, this._translations.inputLayer, index.h("map-layer-picker", { enabledLayerIds: this.enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => void this._inputLayerSelectionChange(evt), selectedIds: this.selectLayerView ? [this.selectLayerView.layer.id] : this.selectionSet ? [this.selectionSet.layerView.layer.id] : [], showTables: false }))));
+        return (index.h("div", { class: "display-flex padding-sides-1 padding-bottom-1" }, index.h("calcite-label", { class: "font-bold width-full label-margin-0" }, this._translations.inputLayer, index.h("map-layer-picker", { enabledLayerIds: this.enabledLayerIds, locale: this.locale, mapView: this.mapView, onLayerSelectionChange: (evt) => void this._inputLayerSelectionChange(evt), selectedIds: this.selectLayerView ? [this.selectLayerView.layer.id] : this.selectionSet ? [this.selectionSet.layerView.layer.id] : [], showTables: false }))));
     }
     //--------------------------------------------------------------------------
     //
@@ -968,6 +976,7 @@ const MapSelectTools = class {
     }
     static get watchers() { return {
         "geometries": ["watchGeometriesHandler"],
+        "locale": ["localeWatchHandler"],
         "mapView": ["mapViewWatchHandler"],
         "searchConfiguration": ["watchSearchConfigurationHandler"]
     }; }
@@ -1179,6 +1188,7 @@ const PdfDownload = class {
         index.registerInstance(this, hostRef);
         this.defaultNumLabelsPerPage = undefined;
         this.disabled = false;
+        this.locale = undefined;
         this._translations = undefined;
     }
     get el() { return index.getElement(this); }
@@ -1200,6 +1210,14 @@ const PdfDownload = class {
     //  Watch handlers
     //
     //--------------------------------------------------------------------------
+    /**
+     * Fetch translations when the locale is updated
+     */
+    async localeWatchHandler() {
+        // to support url param and language switcher
+        this.el.lang = this.locale;
+        await this._getTranslations();
+    }
     //--------------------------------------------------------------------------
     //
     //  Methods (public)
@@ -1252,7 +1270,7 @@ const PdfDownload = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '3d3fa11ecc4cf7a49c4b3831a6c4c19abd6c9ed9' }, index.h("calcite-select", { key: '74e76d8854fd582d2ed214c1b8f52c5744be8167', disabled: this.disabled, label: "", ref: (el) => { this._labelInfoElement = el; } })));
+        return (index.h(index.Host, { key: '019e3669b3c0f1c9532b3c3a5d578a8fe3c2eb4c' }, index.h("calcite-select", { key: 'b23425e171aea621dfdc6b3a97c38edc4b477696', disabled: this.disabled, label: "", ref: (el) => { this._labelInfoElement = el; } })));
     }
     componentDidLoad() {
         // Render the options outside of Stencil's rendering so that it doesn't mangle RTL text with embedded LTR
@@ -1323,6 +1341,9 @@ const PdfDownload = class {
             }
         });
     }
+    static get watchers() { return {
+        "locale": ["localeWatchHandler"]
+    }; }
 };
 PdfDownload.style = PdfDownloadStyle0;
 
@@ -1385,6 +1406,14 @@ const RefineSelection = class {
     //  Watch handlers
     //
     //--------------------------------------------------------------------------
+    /**
+     * Fetch translations when the locale is updated
+     */
+    async localeWatchHandler() {
+        // to support url param and language switcher
+        this.el.lang = this.locale;
+        await this._getTranslations();
+    }
     //--------------------------------------------------------------------------
     //
     //  Methods (public)
@@ -1422,7 +1451,7 @@ const RefineSelection = class {
      */
     render() {
         const layerPickerClass = this._enabledLayerIds.length > 1 ? "display-block" : "display-none";
-        return (index.h(index.Host, { key: 'b7322ad26466e7c710b08b1cd10edf3e82d18603' }, index.h("div", { key: '05289c139685611149306ade3b9217c374bf54e7', class: layerPickerClass + " padding-top-sides-1" }, index.h("div", { key: 'a24e1b1ffb921bb493fb4c0e06b455e564077ad2', class: "display-flex" }, index.h("calcite-label", { key: 'a6e25d7f0ad1a3aab589bd4731a1fbea87b08b5b', class: "font-bold width-full label-margin-0" }, index.h("div", { key: 'd1850cec01ff43a81dfe5d71dc0b88f4fb4de147', class: "display-flex" }, this._translations.inputLayer, index.h("calcite-icon", { key: 'ed94bff762eb431bef9207c1db6b9dd5f56d7132', class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "refine-input-layer", scale: "s" })), index.h("map-layer-picker", { key: '5da6c655606a2b1ad4f723c13d0b2c5a50464029', enabledLayerIds: this._enabledLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, ref: (el) => { this._layerPicker = el; }, selectedIds: [this._refineLayer.layer.id], showTables: false })), index.h("calcite-popover", { key: '3bfe937cd5d2c8cc9a2e1b5628a86bc44b529963', closable: true, label: "", referenceElement: "refine-input-layer" }, index.h("span", { key: 'cc46053c7494631c07521857e90ae83dc3f440cc', class: "tooltip-message" }, this._translations.inputLayerTip)))), index.h("div", { key: '4ceced950b73cc06d28cac4f76d52126249bdbbd', class: "padding-1" }, index.h("div", { key: '5084d664578acd35c550c57d8c7a27cf97f06332', class: "padding-bottom-1" }, index.h("calcite-segmented-control", { key: '965f42a4b3b3c19401681be1f86ab41dcc58a24a', class: "w-100", width: "full" }, index.h("calcite-segmented-control-item", { key: 'dad9b9c04c8fcdda7d5cad7c044fb592b6f740bf', checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(interfaces.ESelectionMode.ADD), value: interfaces.ESelectionMode.ADD }, index.h("span", { key: '0cf895d959f14966736b22d4652f406c75af5c0e', class: "font-weight-500" }, this._translations.add)), index.h("calcite-segmented-control-item", { key: '6f0c8158159215d5a0929deb62c97db5058545a3', checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(interfaces.ESelectionMode.REMOVE), value: interfaces.ESelectionMode.REMOVE }, index.h("span", { key: '77c66ccd25105c2be67178303d0652a90fa97e35', class: "font-weight-500" }, this._translations.remove)))), index.h("div", { key: '0e409d21bda555363c9a0e870cba3e2f9556bcbb' }, index.h("map-draw-tools", { key: 'd84888210ce4c31442a523dc5976fee6bd246b9c', active: true, drawMode: interfaces.EDrawMode.REFINE, mapView: this.mapView, onDrawRedo: () => this._redo(), onDrawUndo: () => this._undo(), onSketchGraphicsChange: (evt) => this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, redoEnabled: this._refineSelectionSet?.redoStack.length > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: this._refineSelectionSet?.undoStack.length > 0 })), index.h("br", { key: 'b66849ca294e717352e34ac647f69bef36ba9755' }), (index.h("calcite-list", { key: '8e13006094c5b9d5d63d467d5938e95d00e42ded', class: "list-border" }, this._getRefineSelectionSetList())))));
+        return (index.h(index.Host, { key: 'aea4bdb40d20a647b85507b5562066e9fc95643f' }, index.h("div", { key: 'ad152ef9fa550ad3e83bf0ee2faf228e74a0a593', class: layerPickerClass + " padding-top-sides-1" }, index.h("div", { key: '1d2d473ee3e272312d79a6e1e6a846e7f8930089', class: "display-flex" }, index.h("calcite-label", { key: 'c07ac179cd5a5f9e70ee9a4810a3b12e9db73bab', class: "font-bold width-full label-margin-0" }, index.h("div", { key: '191e9f753435bffd21d54902de08082e08499e9c', class: "display-flex" }, this._translations.inputLayer, index.h("calcite-icon", { key: '01a26439262b491a078616eec53d2e54f0429233', class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "refine-input-layer", scale: "s" })), index.h("map-layer-picker", { key: 'a24e473d2070cd167cf85b8d3dc1f1f548474b01', enabledLayerIds: this._enabledLayerIds, locale: this.locale, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, ref: (el) => { this._layerPicker = el; }, selectedIds: [this._refineLayer.layer.id], showTables: false })), index.h("calcite-popover", { key: '2b4612d32edcefe4cf7ab065e95dfac73d1a9f81', closable: true, label: "", referenceElement: "refine-input-layer" }, index.h("span", { key: '71623db558c11b7a7396b087f8d1bf9fadf4659d', class: "tooltip-message" }, this._translations.inputLayerTip)))), index.h("div", { key: 'c4e56c481333d8a7b287491409e2c0b25ea15fea', class: "padding-1" }, index.h("div", { key: '74086721141642031d93a9f4d8302f4fe684c4f8', class: "padding-bottom-1" }, index.h("calcite-segmented-control", { key: '3c241f48f3b382ea604b4077293ea672fb311b4d', class: "w-100", width: "full" }, index.h("calcite-segmented-control-item", { key: '99f0f4347964b29cb48e73071d7281d8126882a1', checked: this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(interfaces.ESelectionMode.ADD), value: interfaces.ESelectionMode.ADD }, index.h("span", { key: '9317ad71a269261a59e979e138cbfd79d1e45b83', class: "font-weight-500" }, this._translations.add)), index.h("calcite-segmented-control-item", { key: 'fa21de5631e146fe231007bb558d3c42bb32b357', checked: !this._addEnabled, class: "w-50 word-wrap-anywhere", onClick: () => this._setSelectionMode(interfaces.ESelectionMode.REMOVE), value: interfaces.ESelectionMode.REMOVE }, index.h("span", { key: 'd89f90bd419f5587a66fb969db4c8164b6e7d5f8', class: "font-weight-500" }, this._translations.remove)))), index.h("div", { key: 'c9571fea587e25180e95cecc365ac6fe5f25e2d0' }, index.h("map-draw-tools", { key: 'bfe77a85d478119982581c3c6abc72c61ec7bf38', active: true, drawMode: interfaces.EDrawMode.REFINE, locale: this.locale, mapView: this.mapView, onDrawRedo: () => this._redo(), onDrawUndo: () => this._undo(), onSketchGraphicsChange: (evt) => this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, redoEnabled: this._refineSelectionSet?.redoStack.length > 0, ref: (el) => { this._drawTools = el; }, undoEnabled: this._refineSelectionSet?.undoStack.length > 0 })), index.h("br", { key: '6333b619eeac52d5f8589bf006fbaa8baede51ff' }), (index.h("calcite-list", { key: '3909880545b784c7401f24ead3039b1b7947b699', class: "list-border" }, this._getRefineSelectionSetList())))));
     }
     //--------------------------------------------------------------------------
     //
@@ -1746,6 +1775,9 @@ const RefineSelection = class {
         }
         await this._highlightFeatures();
     }
+    static get watchers() { return {
+        "locale": ["localeWatchHandler"]
+    }; }
 };
 RefineSelection.style = RefineSelectionStyle0;
 

package/dist/cjs/pci-calculator.cjs.entry.js

@@ -54,7 +54,7 @@ const PciCalculator = class {
     render() {
         const pciClass = !this.showAddDeduct ? "display-grid" : "display-none";
         const deductClass = this.showAddDeduct ? "position-relative" : "display-none";
-        return (index.h(index.Host, { key: '25ddbf1fb00f5af4c91cda2b11d7f0e10f3a4272' }, index.h("div", { key: 'c13a5d8278ced35b481186cd98f2f2d3d18690bc', class: pciClass }, index.h("div", { key: '3203231a8fdd3cd733c99f980035cfa113acbdd9', class: "label-display" }, index.h("calcite-label", { key: '2737467a3e3b28b76cecf0aaf7e60be0a585b3d8', class: "label-display" }, "Enter comma delimited deduct values", this._getDeductValuesInput())), index.h("div", { key: '0ee41c12738a53e914920122a57c70f20925e71d' }, this._getCalculateButton())), index.h("div", { key: '469feebb033359a3dbbc30175b88605c25a4d0d5', class: deductClass }, index.h("div", { key: '4615ba630e031b7f0166fa67e5e88ea5c1f1537b', class: "position-right" }, index.h("calcite-action", { key: 'afde404a2f1d3cbf63f6d28a8eb8bfde64da7daa', appearance: 'transparent', class: "float-end", icon: "x", onClick: () => this._toggleShowAddDeduct(), scale: "s", text: '' })), index.h("deduct-calculator", { key: 'd383b7ee41a508adab58e2dfdadfb1c7a85e4c25', class: "display-grid padding-top-1", onDeductValueComplete: (evt) => this._addDeductValue(evt) }))));
+        return (index.h(index.Host, { key: '0a27b15813b9f82035a8c7b4c080f5ec77379959' }, index.h("div", { key: '88ce37117354223c9264678a3928485dc8e1d890', class: pciClass }, index.h("div", { key: 'e0c9f6402c74c7e28749717ab78ac542dc2476f7', class: "label-display" }, index.h("calcite-label", { key: '5bad9788cbd44419f051e3108d18e530a5819267', class: "label-display" }, "Enter comma delimited deduct values", this._getDeductValuesInput())), index.h("div", { key: 'bca334a6b4dc0920b880210c03e6d57dcdcae4e2' }, this._getCalculateButton())), index.h("div", { key: 'a401fa9e71ee5ed376445829d83528fd9e02ed2c', class: deductClass }, index.h("div", { key: 'c5d16b77848e0b024022cad7b10d75ac9acf53b7', class: "position-right" }, index.h("calcite-action", { key: '479efde007ee63b86c2e4cb2243afd0d1ee5fc4d', appearance: 'transparent', class: "float-end", icon: "x", onClick: () => this._toggleShowAddDeduct(), scale: "s", text: '' })), index.h("deduct-calculator", { key: '40c6f7839584f0edcfe77f08d5e895ece6ba7119', class: "display-grid padding-top-1", onDeductValueComplete: (evt) => this._addDeductValue(evt) }))));
     }
     //--------------------------------------------------------------------------
     //

package/dist/cjs/public-notification.cjs.entry.js

@@ -133,6 +133,14 @@ const PublicNotification = class {
     //  Watch handlers
     //
     //--------------------------------------------------------------------------
+    /**
+     * Fetch translations when the locale is updated
+     */
+    async localeWatchHandler() {
+        // to support url param and language switcher
+        this.el.lang = this.locale;
+        await this._getTranslations();
+    }
     /**
      * Called each time the mapView prop is changed.
      */
@@ -259,7 +267,7 @@ const PublicNotification = class {
      */
     render() {
         const headerSlot = this._isMobile ? "footer" : "header";
-        return (index.h(index.Host, { key: '8b22f6b45144705e9ff5b230ca8075f68985165b' }, index.h("calcite-shell", { key: '774731e643edb5b52bf565349fdfe58dae1e845e' }, index.h("calcite-action-bar", { key: '5e3bcc6ba2f53d25ee2bd972ce67108c0ab808f4', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", interfaces.EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", interfaces.EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", interfaces.EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
+        return (index.h(index.Host, { key: '1955aa1e3791004b62c7d6d51fbd7dabacbe6cc6' }, index.h("calcite-shell", { key: '5d269f036d96fd8364dab1dcf1c820e5516c6236' }, index.h("calcite-action-bar", { key: '1ab0388a35fccbe9b293279a61384e30065b193d', class: "border-bottom-1 action-bar-size", "expand-disabled": true, layout: "horizontal", slot: headerSlot }, this._getActionGroup("list-check", interfaces.EPageType.LIST, this._translations.myLists), this.showRefineSelection ? this._getActionGroup("test-data", interfaces.EPageType.REFINE, this._translations.refineSelection) : null, this._getActionGroup("export", interfaces.EPageType.EXPORT, this._translations.export)), this._getPage(this._pageType))));
     }
     /**
      * StencilJS: Called once just after the component is first loaded.
@@ -629,7 +637,7 @@ const PublicNotification = class {
         const graphicsOptionsClass = this._addMap ? "display-flex" : "display-none";
         const title = this._titleValue ? this._titleValue : this.defaultExportTitle ? this.defaultExportTitle : "";
         const formatOptionsClass = this._addResults ? "" : "display-none";
-        return (index.h("div", { class: displayClass }, this._getLabel(this._translations.pdfOptions, true), index.h("div", { class: "padding-top-sides-1" }, index.h("calcite-label", { class: "label-margin-0", layout: "inline" }, index.h("calcite-checkbox", { checked: this._addResults, onCalciteCheckboxChange: () => this._addResults = !this._addResults }), this._translations.addResults)), index.h("div", { class: `padding-top-sides-1 ${formatOptionsClass}` }, index.h("calcite-label", { class: "label-margin-0" }, this._translations.selectPDFLabelOption)), index.h("div", { class: `padding-sides-1 ${formatOptionsClass}` }, index.h("pdf-download", { defaultNumLabelsPerPage: parseInt(this.defaultNumLabelsPerPage.toString(), 10), disabled: !this._downloadActive, ref: (el) => { this._downloadTools = el; } })), index.h("div", { class: "padding-top-sides-1" }, index.h("calcite-label", { class: "label-margin-0", layout: "inline" }, index.h("calcite-checkbox", { checked: this._addTitle, onCalciteCheckboxChange: () => this._addTitle = !this._addTitle }), this._translations.title)), index.h("div", { class: titleOptionsClass }, this._getLabel(this._translations.title, true, ""), index.h("calcite-input-text", { class: "padding-sides-1", onCalciteInputTextInput: () => this._changeTitle(), placeholder: this._translations.titlePlaceholder, ref: (el) => { this._titleElement = el; }, value: title })), index.h("div", { class: "padding-top-sides-1" }, index.h("calcite-label", { class: "label-margin-0", layout: "inline" }, index.h("calcite-checkbox", { checked: this._addMap, onCalciteCheckboxChange: () => this._handleAddMapChange() }), this._translations.includeMap)), index.h("div", { class: `padding-top-sides-1 ${graphicsOptionsClass}` }, index.h("calcite-label", { class: "label-margin-0", layout: "inline" }, index.h("calcite-checkbox", { checked: this._exportGraphics, onCalciteCheckboxChange: () => this._handleExportGraphicsChange() }), this._translations.listGraphics), index.h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "list-graphics-icon", scale: "s" }), index.h("calcite-popover", { closable: true, label: "", referenceElement: "list-graphics-icon" }, index.h("span", { class: "tooltip-message" }, this._translations.listGraphicsTip)))));
+        return (index.h("div", { class: displayClass }, this._getLabel(this._translations.pdfOptions, true), index.h("div", { class: "padding-top-sides-1" }, index.h("calcite-label", { class: "label-margin-0", layout: "inline" }, index.h("calcite-checkbox", { checked: this._addResults, onCalciteCheckboxChange: () => this._addResults = !this._addResults }), this._translations.addResults)), index.h("div", { class: `padding-top-sides-1 ${formatOptionsClass}` }, index.h("calcite-label", { class: "label-margin-0" }, this._translations.selectPDFLabelOption)), index.h("div", { class: `padding-sides-1 ${formatOptionsClass}` }, index.h("pdf-download", { defaultNumLabelsPerPage: parseInt(this.defaultNumLabelsPerPage.toString(), 10), disabled: !this._downloadActive, locale: this.locale, ref: (el) => { this._downloadTools = el; } })), index.h("div", { class: "padding-top-sides-1" }, index.h("calcite-label", { class: "label-margin-0", layout: "inline" }, index.h("calcite-checkbox", { checked: this._addTitle, onCalciteCheckboxChange: () => this._addTitle = !this._addTitle }), this._translations.title)), index.h("div", { class: titleOptionsClass }, this._getLabel(this._translations.title, true, ""), index.h("calcite-input-text", { class: "padding-sides-1", onCalciteInputTextInput: () => this._changeTitle(), placeholder: this._translations.titlePlaceholder, ref: (el) => { this._titleElement = el; }, value: title })), index.h("div", { class: "padding-top-sides-1" }, index.h("calcite-label", { class: "label-margin-0", layout: "inline" }, index.h("calcite-checkbox", { checked: this._addMap, onCalciteCheckboxChange: () => this._handleAddMapChange() }), this._translations.includeMap)), index.h("div", { class: `padding-top-sides-1 ${graphicsOptionsClass}` }, index.h("calcite-label", { class: "label-margin-0", layout: "inline" }, index.h("calcite-checkbox", { checked: this._exportGraphics, onCalciteCheckboxChange: () => this._handleExportGraphicsChange() }), this._translations.listGraphics), index.h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale?.toLowerCase() === "he"), icon: "question", id: "list-graphics-icon", scale: "s" }), index.h("calcite-popover", { closable: true, label: "", referenceElement: "list-graphics-icon" }, index.h("span", { class: "tooltip-message" }, this._translations.listGraphicsTip)))));
     }
     /**
      * Toggle the _addMap state variable and update the graphics on the map
@@ -1057,6 +1065,7 @@ const PublicNotification = class {
         this._translations = translations[0];
     }
     static get watchers() { return {
+        "locale": ["localeWatchHandler"],
         "mapView": ["mapViewWatchHandler"],
         "searchConfiguration": ["watchSearchConfigurationHandler"],
         "sketchLineSymbol": ["sketchLineSymbolWatchHandler"],

package/dist/cjs/share-item.cjs.entry.js

@@ -53,7 +53,7 @@ const ShareItem = class {
     //
     //--------------------------------------------------------------------------
     render() {
-        return (index.h(index.Host, { key: 'f75bf37744be419135dc159befbf2abed84855dc' }, index.h("slot", { key: '7607ea33ff10e828c2f2f7e2d3d360491ca2e482' })));
+        return (index.h(index.Host, { key: 'a8d200d4f119571b482fa8c9f87d759458157fe3' }, index.h("slot", { key: 'fcac9d578b04a4330016dfbb09c0a38735d7f2e7' })));
     }
 };
 ShareItem.style = ShareItemStyle0;

package/dist/cjs/solution-configuration.cjs.entry.js

@@ -1116,12 +1116,26 @@ const SolutionConfiguration = class {
     }
     //--------------------------------------------------------------------------
     //
+    //  Watch handlers
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Fetch translations when the locale is updated
+     */
+    async localeWatchHandler() {
+        // to support url param and language switcher
+        this.el.lang = this.locale;
+        await this._getTranslations();
+    }
+    //--------------------------------------------------------------------------
+    //
     //  Lifecycle
     //
     //--------------------------------------------------------------------------
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.authentication = new UserSession({});
+        this.locale = undefined;
         this.serializedAuthentication = "";
         this.solutionItemId = "";
         this.showLoading = false;
@@ -1164,12 +1178,12 @@ const SolutionConfiguration = class {
         const solutionData = solutionStore.state.getStoreInfo("solutionData");
         this._solutionVariables = JSON.stringify(templates.getSolutionVariables(solutionData.templates, this._translations));
         this._organizationVariables = JSON.stringify(templates.getOrganizationVariables(this._translations));
-        return (index.h(index.Host, { key: '08cdec33157c18874228bb7bcda82fd901945d02' }, !this._solutionIsLoaded
+        return (index.h(index.Host, { key: 'd80cc0f64b56dd3a8c09d6e024e069d24c12293d' }, !this._solutionIsLoaded
             ? index.h("calcite-loader", { label: '' })
-            : null, index.h("div", { key: 'd0879082066b862e136e13986c4794d33f454b72', class: "configuration-container" }, index.h("div", { key: '499fb11ca6715151d6099aa24cfc0a7514c0fa84', class: "configuration" }, index.h("calcite-tabs", { key: '3376e20f7d1145f6c0afb4e888f55c93e971c2b2', class: "config-tabs" }, index.h("calcite-tab-nav", { key: 'f35ab50ff86a62b7ba6c96c23a2541622555bdf5', slot: "tab-nav" }, index.h("calcite-tab-title", { key: '1ee9c1381b78a8f644c1b830a86c9b5a531f6f72' }, this._translations.definitionTab), hasServices ?
+            : null, index.h("div", { key: 'f24cf4b573829ccd47e7d3a7751724d08e132415', class: "configuration-container" }, index.h("div", { key: 'd64771a9775435e9eb5ed9aeb52449c363486376', class: "configuration" }, index.h("calcite-tabs", { key: 'a8aab9934676aee18425a67fbd599887c4d87f36', class: "config-tabs" }, index.h("calcite-tab-nav", { key: '69cbb95f6a50d9886ab97b8f3c05a00ea51b937a', slot: "tab-nav" }, index.h("calcite-tab-title", { key: '911bb46f0bb14981347b1d30a30ef3451184f987' }, this._translations.definitionTab), hasServices ?
             index.h("calcite-tab-title", null, this._translations.spatialReferenceTab) :
-            null), index.h("calcite-tab", { key: '0a7df1b0a81334da90d2d04a7f7867d529aaa55d', class: "config-tab", selected: true }, index.h("div", { key: '024773d4bd5fcf8c83af8a7a07b0193231bb2e24', class: "config-solution" }, index.h("div", { key: '37cea9d9565b489357aaf1c11c6fb5f7d2746cfd', class: this._treeOpen ? "config-inventory" : "config-inventory-hide" }, index.h("solution-contents", { id: "configInventory", key: `${this.solutionItemId}-contents`, ref: (el) => (this._solutionContentsComponent = el) })), index.h("calcite-button", { key: '140bcd46e2c4ca519311ae4d9ea62a5f9ac36c29', appearance: "transparent", class: "collapse-btn", "icon-start": this._treeOpen ? "chevrons-left" : "chevrons-right", id: "collapse-vars", onClick: () => this._toggleTree(), scale: "s", title: this._treeOpen ? this._translations.collapse : this._translations.expand }), index.h("div", { key: 'c727ebda3f2efe5dd85a5e3b3b1625b1ff56769e', class: "config-item" }, index.h("solution-item", { authentication: this.authentication, "item-id": this._currentEditItemId, key: `${this.solutionItemId}-item`, "organization-variables": this._organizationVariables, "solution-item-id": this.solutionItemId, "solution-variables": this._solutionVariables })))), hasServices
-            ? index.h("calcite-tab", { class: "config-tab" }, index.h("div", { class: "config-solution" }, index.h("solution-spatial-ref", { enableDefault: !!spatialReferenceInfo.default, enabled: spatialReferenceInfo?.enabled, featureServices: solutionStore.state.getStoreInfo("featureServices").map(fs => fs.name), id: "configure-solution-spatial-ref", key: `${this.solutionItemId}-spatial-ref` })))
+            null), index.h("calcite-tab", { key: 'db3f2b1102a7e47183904c2c17dededdfba7f863', class: "config-tab", selected: true }, index.h("div", { key: '7e7651392f73499e9454ccd2b5ed335d63d02db6', class: "config-solution" }, index.h("div", { key: '36d895fadc1e6509a16537a4628d51dd9f7153eb', class: this._treeOpen ? "config-inventory" : "config-inventory-hide" }, index.h("solution-contents", { id: "configInventory", key: `${this.solutionItemId}-contents`, ref: (el) => (this._solutionContentsComponent = el) })), index.h("calcite-button", { key: 'aa965867d04aebd46dbaae4ddd34f655dc77dd40', appearance: "transparent", class: "collapse-btn", "icon-start": this._treeOpen ? "chevrons-left" : "chevrons-right", id: "collapse-vars", onClick: () => this._toggleTree(), scale: "s", title: this._treeOpen ? this._translations.collapse : this._translations.expand }), index.h("div", { key: 'a02de6d666c1017f7d3ad08878ecc381d01e4632', class: "config-item" }, index.h("solution-item", { authentication: this.authentication, "item-id": this._currentEditItemId, key: `${this.solutionItemId}-item`, locale: this.locale, "organization-variables": this._organizationVariables, "solution-item-id": this.solutionItemId, "solution-variables": this._solutionVariables })))), hasServices
+            ? index.h("calcite-tab", { class: "config-tab" }, index.h("div", { class: "config-solution" }, index.h("solution-spatial-ref", { enableDefault: !!spatialReferenceInfo.default, enabled: spatialReferenceInfo?.enabled, featureServices: solutionStore.state.getStoreInfo("featureServices").map(fs => fs.name), id: "configure-solution-spatial-ref", key: `${this.solutionItemId}-spatial-ref`, locale: this.locale })))
             : null)))));
     }
     _solutionStoreHasChanges = false;
@@ -1646,7 +1660,8 @@ const SolutionConfiguration = class {
     }
     static get watchers() { return {
         "serializedAuthentication": ["serializedAuthenticationWatchHandler"],
-        "solutionItemId": ["valueWatchHandler"]
+        "solutionItemId": ["valueWatchHandler"],
+        "locale": ["localeWatchHandler"]
     }; }
 };
 SolutionConfiguration.style = SolutionConfigurationStyle0;

package/dist/cjs/solution-contents_3.cjs.entry.js

@@ -47,7 +47,7 @@ const SolutionContents = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '756612330eb4802d2c00f86270518a22f129a559' }, index.h("calcite-tree", { key: 'ec6e7901373c3f3daa54ad0825fbc703034631d6' }, this.renderHierarchy(this.templateHierarchy))));
+        return (index.h(index.Host, { key: '98ca82042eb168779c0c373c9bf5136ae620ff70' }, index.h("calcite-tree", { key: 'c1c634c98e1a69c88c118a8f61036e04ea1b6b42' }, this.renderHierarchy(this.templateHierarchy))));
     }
     renderHierarchy(objs) {
         return objs.map((obj) => {
@@ -119,6 +119,7 @@ const SolutionItem = class {
         index.registerInstance(this, hostRef);
         this.authentication = undefined;
         this.itemId = "";
+        this.locale = undefined;
         this.solutionVariables = "";
         this.organizationVariables = "";
         this.itemType = undefined;
@@ -131,6 +132,19 @@ const SolutionItem = class {
     }
     //--------------------------------------------------------------------------
     //
+    //  Watch handlers
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Fetch translations when the locale is updated
+     */
+    async localeWatchHandler() {
+        // to support url param and language switcher
+        this.el.lang = this.locale;
+        await this._getTranslations();
+    }
+    //--------------------------------------------------------------------------
+    //
     //  Lifecycle
     //
     //--------------------------------------------------------------------------
@@ -144,7 +158,7 @@ const SolutionItem = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '25113cc21fc2c6ffa30daff180f2ee95bfb1c619' }, index.h("div", { key: '30c87a13e5fe1c39a521401cb3d63677f412629b', class: "configuration-container" }, index.h("div", { key: '41f787b8c0964c3aa5b6d629ca73aa271edef540', class: "configuration" }, this._showGroupTabs(this.itemType === "Group"), this._showItemTabs(this.itemType !== "Group")))));
+        return (index.h(index.Host, { key: '3fe864ad8d8bcf7bc276feafc60ce7e9fd7e803b' }, index.h("div", { key: '90f327cc0736d8c9c13bf8b65d69e3835b4dae7b', class: "configuration-container" }, index.h("div", { key: '10536f9927ba2b5745f1b5ae3b154a3aac902d47', class: "configuration" }, this._showGroupTabs(this.itemType === "Group"), this._showItemTabs(this.itemType !== "Group")))));
     }
     //--------------------------------------------------------------------------
     //
@@ -172,7 +186,7 @@ const SolutionItem = class {
      * @param visible Should the current tab be visible
      */
     _showGroupTabs(visible) {
-        return index.h("calcite-tabs", { class: "config-tabs", style: { display: visible ? "inherit" : "none" } }, index.h("calcite-tab-nav", { slot: "tab-nav" }, index.h("calcite-tab-title", null, this._translations.groupDetailsTab), index.h("calcite-tab-title", null, this._translations.sharingTab)), index.h("calcite-tab", { class: "config-tab", id: "group-tab", selected: true }, index.h("solution-item-details", { "item-id": this.itemId })), index.h("calcite-tab", { class: "config-tab", id: "share-tab" }, index.h("solution-item-sharing", { "group-id": this.itemId })));
+        return index.h("calcite-tabs", { class: "config-tabs", style: { display: visible ? "inherit" : "none" } }, index.h("calcite-tab-nav", { slot: "tab-nav" }, index.h("calcite-tab-title", null, this._translations.groupDetailsTab), index.h("calcite-tab-title", null, this._translations.sharingTab)), index.h("calcite-tab", { class: "config-tab", id: "group-tab", selected: true }, index.h("solution-item-details", { "item-id": this.itemId, locale: this.locale })), index.h("calcite-tab", { class: "config-tab", id: "share-tab" }, index.h("solution-item-sharing", { "group-id": this.itemId, locale: this.locale })));
     }
     /**
      * Render tabs based for an items details, data, and props section from a template
@@ -180,7 +194,7 @@ const SolutionItem = class {
      * @param visible Should the current tab be visible
      */
     _showItemTabs(visible) {
-        return index.h("calcite-tabs", { class: "config-tabs", style: { display: visible ? "inherit" : "none" } }, index.h("calcite-tab-nav", { slot: "tab-nav" }, index.h("calcite-tab-title", null, this._translations.itemDetailsTab), index.h("calcite-tab-title", null, this._translations.dataTab), index.h("calcite-tab-title", null, this._translations.propertiesTab), index.h("calcite-tab-title", null, this._translations.resourcesTab)), index.h("calcite-tab", { class: "config-tab", selected: true }, index.h("solution-item-details", { "item-id": this.itemId })), index.h("calcite-tab", { class: "config-tab", id: "data-tab" }, index.h("solution-template-data", { instanceid: "data", "item-id": this.itemId, "organization-variables": this.organizationVariables, "solution-variables": this.solutionVariables })), index.h("calcite-tab", { class: "config-tab", id: "props-tab" }, index.h("solution-template-data", { instanceid: "properties", "item-id": this.itemId, "organization-variables": this.organizationVariables, "solution-variables": this.solutionVariables })), index.h("calcite-tab", { class: "config-tab", id: "resources-tab" }, index.h("solution-resource-item", { authentication: this.authentication, class: "solutions-resource-container", "item-id": this.itemId })));
+        return index.h("calcite-tabs", { class: "config-tabs", style: { display: visible ? "inherit" : "none" } }, index.h("calcite-tab-nav", { slot: "tab-nav" }, index.h("calcite-tab-title", null, this._translations.itemDetailsTab), index.h("calcite-tab-title", null, this._translations.dataTab), index.h("calcite-tab-title", null, this._translations.propertiesTab), index.h("calcite-tab-title", null, this._translations.resourcesTab)), index.h("calcite-tab", { class: "config-tab", selected: true }, index.h("solution-item-details", { "item-id": this.itemId, locale: this.locale })), index.h("calcite-tab", { class: "config-tab", id: "data-tab" }, index.h("solution-template-data", { instanceid: "data", "item-id": this.itemId, locale: this.locale, "organization-variables": this.organizationVariables, "solution-variables": this.solutionVariables })), index.h("calcite-tab", { class: "config-tab", id: "props-tab" }, index.h("solution-template-data", { instanceid: "properties", "item-id": this.itemId, locale: this.locale, "organization-variables": this.organizationVariables, "solution-variables": this.solutionVariables })), index.h("calcite-tab", { class: "config-tab", id: "resources-tab" }, index.h("solution-resource-item", { authentication: this.authentication, class: "solutions-resource-container", "item-id": this.itemId, locale: this.locale })));
     }
     /**
      * Fetches the component's translations
@@ -192,7 +206,8 @@ const SolutionItem = class {
         this._translations = translations[0];
     }
     static get watchers() { return {
-        "itemId": ["itemIdWatchHandler"]
+        "itemId": ["itemIdWatchHandler"],
+        "locale": ["localeWatchHandler"]
     }; }
 };
 SolutionItem.style = SolutionItemStyle0;
@@ -213,6 +228,7 @@ const SolutionSpatialRef = class {
         this.enabled = false;
         this.enableDefault = false;
         this.featureServices = [];
+        this.locale = undefined;
         this._translations = undefined;
     }
     get el() { return index.getElement(this); }
@@ -224,6 +240,19 @@ const SolutionSpatialRef = class {
     }
     //--------------------------------------------------------------------------
     //
+    //  Watch handlers
+    //
+    //--------------------------------------------------------------------------
+    /**
+     * Fetch translations when the locale is updated
+     */
+    async localeWatchHandler() {
+        // to support url param and language switcher
+        this.el.lang = this.locale;
+        await this._getTranslations();
+    }
+    //--------------------------------------------------------------------------
+    //
     //  Lifecycle
     //
     //--------------------------------------------------------------------------
@@ -236,7 +265,7 @@ const SolutionSpatialRef = class {
     }
     render() {
         this._updateUIFromStore();
-        return (index.h(index.Host, { key: '48e068d6c44084861637657ca39ee931d9550e12' }, index.h("label", { key: 'fbc865a92e0be089fc856706b300f10007219b20', class: "switch-label" }, index.h("calcite-switch", { key: '7dc37074873760a9128585ce05968e77713a6b24', checked: this.enabled, class: "spatial-ref-switch", onCalciteSwitchChange: (event) => this.enabled = event.target.checked, scale: "m" }), this._translations.enableSpatialReference), index.h("br", { key: '4ba07c8c584e34ebcfc19c125425edd6405dc9cc' }), index.h("div", { key: 'afe70ad8ae8d51c36bf81e7ca3ea49ba9464efde', class: "spatial-ref-component", id: "spatialRefDefn" }, this._renderFeatureServicesList(this.featureServices)), index.h("label", { key: '69cd00eadfbd656bb5a1a9182cbaba7a2bec970d', class: "switch-label spatial-ref-component" }, index.h("calcite-switch", { key: '2c1a9241d3e4e77cde61633a40c45003dcbb4052', checked: this.enableDefault, class: "spatial-ref-switch", disabled: !this.enabled, onCalciteSwitchChange: (event) => this.enableDefault = event.target.checked, scale: "m" }), this._translations.enableDefaultSpatialReference)));
+        return (index.h(index.Host, { key: 'c4d6b7debb3852da999002bd1d9394ba4a4f2da8' }, index.h("label", { key: 'e16a28157db4c3aece6a00460816c3394f1f9198', class: "switch-label" }, index.h("calcite-switch", { key: '48d3b1c12aa93c50ccf424ccaf0a810855227b8d', checked: this.enabled, class: "spatial-ref-switch", onCalciteSwitchChange: (event) => this.enabled = event.target.checked, scale: "m" }), this._translations.enableSpatialReference), index.h("br", { key: '0e7eb35accdccef9f17e0a24b17180d25c4f054a' }), index.h("div", { key: '257e130fdda5e42a8c40662f21c3d315f91562c7', class: "spatial-ref-component", id: "spatialRefDefn" }, this._renderFeatureServicesList(this.featureServices)), index.h("label", { key: 'd7581971bb310c6c4b0fb1015db59a359da54b90', class: "switch-label spatial-ref-component" }, index.h("calcite-switch", { key: '3045b179955101fc5baff8ca09cb10d0077e35ca', checked: this.enableDefault, class: "spatial-ref-switch", disabled: !this.enabled, onCalciteSwitchChange: (event) => this.enableDefault = event.target.checked, scale: "m" }), this._translations.enableDefaultSpatialReference)));
     }
     //--------------------------------------------------------------------------
     //
@@ -435,7 +464,8 @@ const SolutionSpatialRef = class {
     }
     static get watchers() { return {
         "enabled": ["enabledChanged"],
-        "enableDefault": ["enableDefaultChanged"]
+        "enableDefault": ["enableDefaultChanged"],
+        "locale": ["localeWatchHandler"]
     }; }
 };
 SolutionSpatialRef.style = SolutionSpatialRefStyle0;

package/dist/cjs/solution-item-accordion.cjs.entry.js

@@ -18,6 +18,7 @@ const SolutionItemAccordionStyle0 = solutionItemAccordionCss;
 const SolutionItemAccordion = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.locale = undefined;
         this.templateInfos = [];
         this._sortedTemplateInfos = [];
         this._translations = undefined;
@@ -75,6 +76,14 @@ const SolutionItemAccordion = class {
     //  Watch handlers
     //
     //--------------------------------------------------------------------------
+    /**
+     * Fetch translations when the locale is updated
+     */
+    async localeWatchHandler() {
+        // to support url param and language switcher
+        this.el.lang = this.locale;
+        await this._getTranslations();
+    }
     async templateInfosWatchHandler() {
         this._types = [];
         this._sortedTemplateInfos = this._sortTemplates();
@@ -112,7 +121,7 @@ const SolutionItemAccordion = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '8e51f89ed52cd292aae82ed819c61ec4f1e1e5fb' }, this._getAccordion()));
+        return (index.h(index.Host, { key: '22a8a6f89fac420848c1279439e0b02121e694d9' }, this._getAccordion()));
     }
     //--------------------------------------------------------------------------
     //
@@ -271,6 +280,7 @@ const SolutionItemAccordion = class {
         this._translations = messages[0];
     }
     static get watchers() { return {
+        "locale": ["localeWatchHandler"],
         "templateInfos": ["templateInfosWatchHandler"]
     }; }
 };

package/dist/cjs/solution-item-icon.cjs.entry.js

@@ -29,7 +29,7 @@ const SolutionItemIcon = class {
      * Renders the component.
      */
     render() {
-        return index.h("div", { key: '17d5be934c3f22a38a9b277f4b76790e616b3335', title: this.type }, index.h("img", { key: '3c42dd44b54c18a4a960669fc28330efcf23cab1', class: "item-type-icon item-type-icon-margin", height: "16", src: this._getIconUrl(this.type, this.typeKeywords), width: "16" }));
+        return index.h("div", { key: 'cc13e7bfc0a58ca1727651c3c31b0dc4e50f716a', title: this.type }, index.h("img", { key: '76808f6a3ced35a15626d4a4d30e7a2b8185d8d6', class: "item-type-icon item-type-icon-margin", height: "16", src: this._getIconUrl(this.type, this.typeKeywords), width: "16" }));
     }
     //--------------------------------------------------------------------------
     //