@esri/solutions-components 0.11.8 → 0.11.10

package/dist/cjs/locale-70d78da8.js

@@ -0,0 +1,160 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+'use strict';
+
+const esriLoader = require('./esri-loader-a56cbcbe.js');
+const index = require('./index-af14245a.js');
+
+/** @license
+ * Copyright 2022 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+const loadModules = async (moduleNames, options) => {
+    const mods = await esriLoader.esriLoader.exports.loadModules(moduleNames, options);
+    return mods.map((mod) => (mod.__esModule && mod.default ? mod.default : mod));
+};
+
+/*
+ *   Copyright (c) 2022 Esri
+ *   All rights reserved.
+ *   Licensed under the Apache License, Version 2.0 (the "License");
+ *   you may not use this file except in compliance with the License.
+ *   You may obtain a copy of the License at
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *   Unless required by applicable law or agreed to in writing, software
+ *   distributed under the License is distributed on an "AS IS" BASIS,
+ *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *   See the License for the specific language governing permissions and
+ *   limitations under the License.
+ */
+const languageMap = new Map([
+    ["ar", "ar"],
+    ["bg", "bg"],
+    ["bs", "bs"],
+    ["ca", "ca"],
+    ["cs", "cs"],
+    ["da", "da"],
+    ["de", "de"],
+    ["el", "el"],
+    ["en", "en"],
+    ["es", "es"],
+    ["et", "et"],
+    ["fi", "fi"],
+    ["fr", "fr"],
+    ["he", "he"],
+    ["hr", "hr"],
+    ["hu", "hu"],
+    ["id", "id"],
+    ["it", "it"],
+    ["ja", "ja"],
+    ["ko", "ko"],
+    ["lt", "lt"],
+    ["lv", "lv"],
+    ["nb", "nb"],
+    ["nl", "nl"],
+    ["pl", "pl"],
+    ["pt-br", "pt-BR"],
+    ["pt-pt", "pt-PT"],
+    ["ro", "ro"],
+    ["ru", "ru"],
+    ["sk", "sk"],
+    ["sl", "sl"],
+    ["sr", "sr"],
+    ["sv", "sv"],
+    ["th", "th"],
+    ["tr", "tr"],
+    ["uk", "uk"],
+    ["vi", "vi"],
+    ["zh-cn", "zh-CN"],
+    ["zh-hk", "zh-HK"],
+    ["zh-tw", "zh-TW"],
+]);
+async function formatNumber(number, options) {
+    const { api = 4, type = "decimal", places = 2 } = options || {};
+    if (api === 4) {
+        const [intl] = await loadModules(["esri/intl"]);
+        const numberFormatIntlOptions = intl.convertNumberFormatToIntlOptions({
+            places,
+            type,
+            digitSeparator: true,
+        });
+        return intl.formatNumber(number, numberFormatIntlOptions);
+    }
+    const [dojoNumber] = await loadModules(["dojo/number"]);
+    return dojoNumber.format(number, {
+        type,
+        places,
+    });
+}
+
+/** @license
+ * Copyright 2022 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+function getComponentClosestLanguage(element) {
+    const closestElement = (element.closest("[lang]")) ?? element.shadowRoot?.ownerDocument?.documentElement;
+    // language set by the calling application or browser. defaults to english.
+    const lang = (closestElement?.lang || navigator?.language || "en").toLowerCase();
+    if (languageMap.has(lang)) {
+        return languageMap.get(lang);
+    }
+    else {
+        // "ru-RU" maps to "ru" use case
+        return languageMap.has(lang.slice(0, 2)) ? languageMap.get(lang.slice(0, 2)) : "en";
+    }
+}
+function fetchLocaleStringsForComponent(componentName, locale) {
+    return new Promise((resolve, reject) => {
+        fetch(index.getAssetPath(`assets/t9n/${componentName}/resources_${locale}.json`)).then(result => {
+            if (result.ok) {
+                resolve(result.json());
+            }
+            else {
+                reject();
+            }
+        }, () => reject());
+    });
+}
+async function getLocaleComponentStrings(element) {
+    const componentName = element.tagName.toLowerCase();
+    const componentLanguage = getComponentClosestLanguage(element);
+    let strings;
+    try {
+        strings = await fetchLocaleStringsForComponent(componentName, componentLanguage);
+    }
+    catch (e) {
+        console.warn(`no locale for ${componentName} (${componentLanguage}) loading default locale en.`);
+        strings = await fetchLocaleStringsForComponent(componentName, "en");
+    }
+    return [strings, componentLanguage];
+}
+
+exports.formatNumber = formatNumber;
+exports.getComponentClosestLanguage = getComponentClosestLanguage;
+exports.getLocaleComponentStrings = getLocaleComponentStrings;
+exports.loadModules = loadModules;

package/dist/cjs/map-layer-picker.cjs.entry.js

@@ -8,10 +8,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-af14245a.js');
-const locale = require('./locale-1c60be9c.js');
+const locale = require('./locale-70d78da8.js');
 const mapViewUtils = require('./mapViewUtils-18c46b84.js');
 const publicNotificationStore = require('./publicNotificationStore-beb782de.js');
-require('./esri-loader-08dc41bd.js');
+require('./esri-loader-a56cbcbe.js');
 require('./_commonjsHelpers-baf43783.js');
 require('./interfaces-09c4c40e.js');
 require('./index-ffd12cb0.js');

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

@@ -8,15 +8,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-af14245a.js');
-const locale = require('./locale-1c60be9c.js');
+const locale = require('./locale-70d78da8.js');
 const mapViewUtils = require('./mapViewUtils-18c46b84.js');
 const interfaces = require('./interfaces-09c4c40e.js');
 const publicNotificationStore = require('./publicNotificationStore-beb782de.js');
-const downloadUtils = require('./downloadUtils-9ce90176.js');
-require('./esri-loader-08dc41bd.js');
+const downloadUtils = require('./downloadUtils-47d639a9.js');
+require('./esri-loader-a56cbcbe.js');
 require('./_commonjsHelpers-baf43783.js');
 require('./index-ffd12cb0.js');
-require('./typeof-2a7e2dec.js');
+require('./typeof-920a4426.js');
 require('./index-5d8d6ae2.js');
 require('./solution-resource-d0a2f7fe.js');
 require('./restHelpersGet-e4639890.js');

package/dist/cjs/popupUtils-a06bdfad.js

@@ -0,0 +1,121 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+'use strict';
+
+const downloadUtils = require('./downloadUtils-47d639a9.js');
+const locale = require('./locale-70d78da8.js');
+
+/** @license
+ * Copyright 2022 Esri
+*
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+*    http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+*/
+class PopupUtils {
+    /**
+     * esri/arcade: https://developers.arcgis.com/javascript/latest/api-reference/esri-arcade.html
+     */
+    arcade;
+    /**
+     * esri/intl: https://developers.arcgis.com/javascript/latest/api-reference/esri-intl.html
+     */
+    intl;
+    /**
+     * Get the popup title that honors arcade expressions
+     * @param graphic selected graphic
+     * @param map __esri.Map
+     * @returns Promise resolving with the popup title
+     *
+     * @protected
+     */
+    async getPopupTitle(graphic, map) {
+        if (!this.arcade) {
+            await this._initModules();
+        }
+        let attributes = {};
+        for (const [key, value] of Object.entries(graphic.attributes)) {
+            attributes = {
+                ...attributes,
+                [`{${key.toUpperCase()}}`]: value
+            };
+        }
+        const layer = graphic.layer;
+        const popupTitle = this._removeTags(layer?.popupTemplate?.title);
+        //resolve arcade expression from the popup title
+        if (popupTitle.includes("{expression/expr") && layer?.popupTemplate?.expressionInfos != null) {
+            for (let i = 0; i < layer.popupTemplate?.expressionInfos.length; i++) {
+                const info = layer.popupTemplate.expressionInfos[i];
+                //create arcade profile for popup
+                const profile = this.arcade.createArcadeProfile('popup');
+                try {
+                    const arcadeExecutor = await this.arcade.createArcadeExecutor(info.expression, profile);
+                    const arcadeTitle = await arcadeExecutor.executeAsync({ $feature: graphic, $layer: layer, $map: map });
+                    if (arcadeTitle != null || arcadeTitle !== "") {
+                        attributes[`{expression/${info.name}}`.toUpperCase()] = arcadeTitle;
+                    }
+                }
+                catch (e) {
+                    //log error in console to understand if the arcade expressions are failing
+                    console.error(e);
+                    continue;
+                }
+            }
+        }
+        //Format field values
+        if (layer.popupTemplate?.fieldInfos) {
+            layer.fields.forEach((field) => {
+                const attributeValue = graphic.attributes[field.name];
+                //get the field info from popupTemplate
+                const fieldInfo = layer.popupTemplate.fieldInfos.find((fInfo) => fInfo.fieldName.toLowerCase() === field.name.toLowerCase());
+                //format the attribute value
+                const formattedAttributeValue = downloadUtils._prepareAttributeValue(attributeValue, field.type, field.domain, fieldInfo?.format, this.intl);
+                attributes[`{${field.name.toUpperCase()}}`] = formattedAttributeValue ?? attributeValue;
+            });
+        }
+        return popupTitle?.replace(/{.*?}/g, (placeholder) => {
+            return attributes[placeholder.toUpperCase()] != null ? attributes[placeholder.toUpperCase()] : "";
+        });
+    }
+    /**
+     * Remove any tags from the title
+     *
+     * @returns title string without tags
+     *
+     * @protected
+     */
+    _removeTags(str) {
+        if (str == null || str === "") {
+            return "";
+        }
+        return str.toString().replace(/(<([^>]+)>)/gi, "");
+    }
+    /**
+     * Load esri javascript api modules
+     *
+     * @returns Promise resolving when function is done
+     *
+     * @protected
+     */
+    async _initModules() {
+        const [arcade, intl] = await locale.loadModules([
+            "esri/arcade",
+            "esri/intl"
+        ]);
+        this.arcade = arcade;
+        this.intl = intl;
+    }
+}
+
+exports.PopupUtils = PopupUtils;

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

@@ -9,14 +9,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-af14245a.js');
 const interfaces = require('./interfaces-09c4c40e.js');
-const locale = require('./locale-1c60be9c.js');
+const locale = require('./locale-70d78da8.js');
 const mapViewUtils = require('./mapViewUtils-18c46b84.js');
 const publicNotificationStore = require('./publicNotificationStore-beb782de.js');
-const downloadUtils = require('./downloadUtils-9ce90176.js');
-require('./esri-loader-08dc41bd.js');
+const downloadUtils = require('./downloadUtils-47d639a9.js');
+require('./esri-loader-a56cbcbe.js');
 require('./_commonjsHelpers-baf43783.js');
 require('./index-ffd12cb0.js');
-require('./typeof-2a7e2dec.js');
+require('./typeof-920a4426.js');
 require('./index-5d8d6ae2.js');
 require('./solution-resource-d0a2f7fe.js');
 require('./restHelpersGet-e4639890.js');
@@ -47,6 +47,7 @@ const PublicNotification = class {
         this.locale = undefined;
         this.mapView = undefined;
         this.noResultText = undefined;
+        this.initialNotice = "";
         this.searchConfiguration = undefined;
         this.selectionLayerIds = [];
         this.showRefineSelection = false;
@@ -269,7 +270,7 @@ const PublicNotification = class {
      */
     render() {
         const headerSlot = this._isMobile ? "footer" : "header";
-        return (index.h(index.Host, { key: 'c583d7c42767a6656103b2ba3166e927894d6e44' }, index.h("calcite-shell", { key: '8e8b9d641d5b607cbd22259e3583a43db8ec9c0c' }, index.h("calcite-action-bar", { key: '6c1af2fc58d82e387f37d8f801d0629f63a13a02', 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: '61ed8da1de1c6780188fb7bd4f69c82036ddf705' }, index.h("calcite-shell", { key: '9eb929b7d27d103a207be34681623ca2e0097ef1' }, index.h("calcite-action-bar", { key: '3c7ad5516fdca78819ebdbdc7c41642c816239ec', 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.
@@ -468,7 +469,9 @@ const PublicNotification = class {
      */
     _getListPage() {
         const hasSets = this._hasSelections();
-        return (index.h("calcite-panel", null, this._getLabel(this._translations.myLists), this._getNotice(hasSets ? this._translations.listHasSetsTip : this._translations.selectLayerAndAdd, "padding-sides-1 padding-bottom-1", "word-wrap-anywhere"), hasSets ? this._getSelectionSetList() : (this._getOnboardingImage()), index.h("div", { class: "display-flex padding-1" }, index.h("calcite-button", { onClick: () => { this._setPageType(interfaces.EPageType.SELECT); }, width: "full" }, index.h("span", { class: "font-weight-500" }, this._translations.add)))));
+        const noticeMessage = hasSets ? this._translations.listHasSetsTip :
+            this.initialNotice !== "" ? this.initialNotice : this._translations.selectLayerAndAdd;
+        return (index.h("calcite-panel", null, this._getLabel(this._translations.myLists), this._getNotice(noticeMessage, "padding-sides-1 padding-bottom-1", "word-wrap-anywhere"), hasSets ? this._getSelectionSetList() : (this._getOnboardingImage()), index.h("div", { class: "display-flex padding-1" }, index.h("calcite-button", { onClick: () => { this._setPageType(interfaces.EPageType.SELECT); }, width: "full" }, index.h("span", { class: "font-weight-500" }, this._translations.add)))));
     }
     /**
      * Display an image to help illustrate the basic workflow of the widget

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

@@ -11,13 +11,13 @@ const index = require('./index-af14245a.js');
 const templates = require('./templates-1e84847a.js');
 const solutionStore = require('./solution-store-3cf25b71.js');
 require('./solution-resource-d0a2f7fe.js');
-const locale = require('./locale-1c60be9c.js');
+const locale = require('./locale-70d78da8.js');
 const update = require('./update-243ea407.js');
 require('./interfaces-09c4c40e.js');
 require('./restHelpersGet-e4639890.js');
 require('./index-ffd12cb0.js');
 require('./_commonjsHelpers-baf43783.js');
-require('./esri-loader-08dc41bd.js');
+require('./esri-loader-a56cbcbe.js');
 
 /* Copyright (c) 2017-2020 Environmental Systems Research Institute, Inc.
  * Apache-2.0 */

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

@@ -9,7 +9,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-af14245a.js');
 const solutionStore = require('./solution-store-3cf25b71.js');
-const locale = require('./locale-1c60be9c.js');
+const locale = require('./locale-70d78da8.js');
 const common = require('./common-10d11a29.js');
 const interfaces = require('./interfaces-09c4c40e.js');
 require('./index-ffd12cb0.js');
@@ -17,7 +17,7 @@ require('./solution-resource-d0a2f7fe.js');
 require('./_commonjsHelpers-baf43783.js');
 require('./restHelpersGet-e4639890.js');
 require('./update-243ea407.js');
-require('./esri-loader-08dc41bd.js');
+require('./esri-loader-a56cbcbe.js');
 
 const solutionContentsCss = ".icon-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
 const SolutionContentsStyle0 = solutionContentsCss;

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

@@ -8,8 +8,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-af14245a.js');
-const locale = require('./locale-1c60be9c.js');
-require('./esri-loader-08dc41bd.js');
+const locale = require('./locale-70d78da8.js');
+require('./esri-loader-a56cbcbe.js');
 require('./_commonjsHelpers-baf43783.js');
 
 const solutionItemAccordionCss = ":host{display:block}.padding-start-1{padding-inline-start:1rem}.font-size-override{--calcite-font-size--2:var(--calcite-font-size--1)}.border-override{--calcite-accordion-border-color:var(--calcite-color-border-1) !important}.display-flex{display:flex}.align-center{align-items:center}";
@@ -18,7 +18,11 @@ const SolutionItemAccordionStyle0 = solutionItemAccordionCss;
 const SolutionItemAccordion = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
+        this.solutionItemHover = index.createEvent(this, "solutionItemHover", 7);
+        this.solutionItemSelect = index.createEvent(this, "solutionItemSelect", 7);
+        this.solutionTypeHover = index.createEvent(this, "solutionTypeHover", 7);
         this.locale = undefined;
+        this.listSelectionMode = "none";
         this.templateInfos = [];
         this._sortedTemplateInfos = [];
         this._translations = undefined;
@@ -92,6 +96,9 @@ const SolutionItemAccordion = class {
     //  Events (public)
     //
     //--------------------------------------------------------------------------
+    solutionItemHover;
+    solutionItemSelect;
+    solutionTypeHover;
     //--------------------------------------------------------------------------
     //
     //  Functions (lifecycle)
@@ -108,13 +115,31 @@ const SolutionItemAccordion = class {
      * Renders the component.
      */
     render() {
-        return (index.h(index.Host, { key: '39f5d67abadaf4dd32cebdf5ceb9fdf8fc97f22d' }, this._getAccordion()));
+        return (index.h(index.Host, { key: '291cc1ca78a6fbb4adbe83d42b2c48542f51f4d8' }, this._getAccordion()));
     }
     //--------------------------------------------------------------------------
     //
     //  Functions (protected)
     //
     //--------------------------------------------------------------------------
+    /**
+     * Deselect all items in the accordion except the one with the provided id.
+     * Only applies when selectionMode is "single" or "single-persist".
+     *
+     * @param id the id of the item to keep selected
+     *
+     * @protected
+     */
+    _deselectOthers(id) {
+        if (this.listSelectionMode === "single" || this.listSelectionMode === "single-persist") {
+            const items = this.el.shadowRoot.querySelectorAll("calcite-list-item");
+            items.forEach(item => {
+                if (item.id !== id) {
+                    item.selected = false;
+                }
+            });
+        }
+    }
     /**
      * Get the Accordion component
      *
@@ -150,7 +175,7 @@ const SolutionItemAccordion = class {
             const tType = this._getTypeForDisplay(t.type, t.typeKeywords);
             return tType === _type;
         });
-        return (index.h("calcite-accordion-item", { description: `${_type} (${templateInfos.length})` }, index.h("solution-item-icon", { class: "padding-start-1 display-flex align-center", slot: "actions-start", type: templateInfo.type, typeKeywords: templateInfo.typeKeywords }), this._getList(templateInfos)));
+        return (index.h("calcite-accordion-item", { description: `${_type} (${templateInfos.length})`, onMouseEnter: () => this.solutionTypeHover.emit({ itemType: _type, entering: true }), onMouseLeave: () => this.solutionTypeHover.emit({ itemType: _type, entering: false }) }, index.h("solution-item-icon", { class: "padding-start-1 display-flex align-center", slot: "actions-start", type: templateInfo.type, typeKeywords: templateInfo.typeKeywords }), this._getList(templateInfos)));
     }
     /**
      * Get the list of template infos for the current type
@@ -163,7 +188,7 @@ const SolutionItemAccordion = class {
      */
     _getList(templateInfos) {
         const sortedTemplateInfos = this._sortTemplatesByTitle(templateInfos);
-        return (index.h("calcite-list", { label: "" }, sortedTemplateInfos.map(t => this._getListItem(t))));
+        return (index.h("calcite-list", { label: "", selectionAppearance: "border", selectionMode: this.listSelectionMode }, sortedTemplateInfos.map(t => this._getListItem(t))));
     }
     /**
      * Get list item for the current type
@@ -175,7 +200,9 @@ const SolutionItemAccordion = class {
      * @protected
      */
     _getListItem(templateInfo) {
-        return (index.h("calcite-list-item", { class: "font-size-override", description: templateInfo.snippet, label: templateInfo.title, value: templateInfo.id }));
+        return (index.h("calcite-list-item", { class: "font-size-override", description: templateInfo.snippet, id: templateInfo.id, label: templateInfo.title, onCalciteListItemSelect: () => { this._deselectOthers(templateInfo.id); this.solutionItemSelect.emit({ itemId: templateInfo.id, selected: true }); }, onMouseEnter: () => this.solutionItemHover.emit({ itemId: templateInfo.id, entering: true }), onMouseLeave: () => this.solutionItemHover.emit({ itemId: templateInfo.id, entering: false }), value: templateInfo.id }, templateInfo.url
+            ? index.h("calcite-action", { icon: "launch", onClick: () => window.open(templateInfo.url, "_blank"), slot: "actions-end", text: this._translations?.openDetails?.replace("{{solutionTitle}}", templateInfo.title) })
+            : null));
     }
     /**
      * Sort the templates based on the title