@esri/solutions-components 0.8.12 → 0.8.13

package/dist/cjs/locale-3fd260e3.js

@@ -0,0 +1,91 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+'use strict';
+
+const loadModules = require('./loadModules-b28900c2.js');
+const languageUtil = require('./languageUtil-da436671.js');
+
+// https://medium.com/stencil-tricks/implementing-internationalisation-i18n-with-stencil-5e6559554117
+function getComponentClosestLanguage(element) {
+  var _a, _b, _c;
+  const closestElement = (_a = element.closest('[lang]')) !== null && _a !== void 0 ? _a : (_c = (_b = element.shadowRoot) === null || _b === void 0 ? void 0 : _b.ownerDocument) === null || _c === void 0 ? void 0 : _c.documentElement;
+  // language set by the calling application or browser. defaults to english.
+  const lang = ((closestElement === null || closestElement === void 0 ? void 0 : closestElement.lang) || (navigator === null || navigator === void 0 ? void 0 : navigator.language) || 'en').toLowerCase();
+  if (languageUtil.languageMap.has(lang)) {
+    return languageUtil.languageMap.get(lang);
+  }
+  else {
+    // "ru-RU" maps to "ru" use case
+    if (languageUtil.languageMap.has(lang.slice(0, 2))) {
+      return languageUtil.languageMap.get(lang.slice(0, 2));
+    }
+    else {
+      return 'en';
+    }
+  }
+}
+function fetchLocaleStringsForComponent(componentName, locale) {
+  return new Promise((resolve, reject) => {
+    const t9nDir = './assets/t9n';
+    const fileName = `resources_${locale}.json`;
+    const localeFilePath = `${t9nDir}/${componentName}/${fileName}`;
+    const { href } = new URL(localeFilePath, window.location.href);
+    fetch(href).then(result => {
+      if (result.ok)
+        resolve(result.json());
+      else
+        reject();
+    }, () => reject());
+  });
+}
+function getDefaultLanguage(intl, portal) {
+  var _a, _b;
+  // User profile - locale set in user profile
+  const userProfileLocale = (_a = portal === null || portal === void 0 ? void 0 : portal.user) === null || _a === void 0 ? void 0 : _a.culture;
+  // Browser - window.navigator.language
+  const browserLocale = (_b = window === null || window === void 0 ? void 0 : window.navigator) === null || _b === void 0 ? void 0 : _b.language;
+  // ArcGIS JS API - locale currently set in JS api
+  const jsapiLocale = intl.getLocale();
+  // Fallback locale - "en"
+  const fallbackLocale = 'en';
+  return intl.normalizeMessageBundleLocale(userProfileLocale || browserLocale || jsapiLocale || fallbackLocale);
+}
+async function getLocaleComponentStrings(element, locale) {
+  const componentName = element.tagName.toLowerCase();
+  const componentLanguage = locale !== null && locale !== void 0 ? locale : 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];
+}
+async function getMessages(component, messageOverrides) {
+  const messages = await getLocaleComponentStrings(component.el);
+  updateMessages(component, messages, messageOverrides);
+  const [intl] = await loadModules.loadModules(['esri/intl']);
+  intl.onLocaleChange(handleOnLocaleChange(component, messageOverrides));
+}
+function updateMessages(component, messages, messageOverrides) {
+  component.messages = messages[0];
+  if (messageOverrides) {
+    component.messages = Object.assign(Object.assign({}, component.messages), messageOverrides);
+  }
+}
+function handleOnLocaleChange(component, messageOverrides) {
+  return async (locale) => {
+    const messages = await getLocaleComponentStrings(component.el, locale);
+    updateMessages(component, messages, messageOverrides);
+  };
+}
+
+exports.getComponentClosestLanguage = getComponentClosestLanguage;
+exports.getDefaultLanguage = getDefaultLanguage;
+exports.getLocaleComponentStrings = getLocaleComponentStrings;
+exports.getMessages = getMessages;

package/dist/cjs/locale-48d76c59.js

@@ -0,0 +1,161 @@
+/*!
+ * 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-fce6a9cb.js');
+const index = require('./index-79b35510.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) {
+    var _a, _b, _c;
+    const closestElement = (_a = (element.closest("[lang]"))) !== null && _a !== void 0 ? _a : (_c = (_b = element.shadowRoot) === null || _b === void 0 ? void 0 : _b.ownerDocument) === null || _c === void 0 ? void 0 : _c.documentElement;
+    // language set by the calling application or browser. defaults to english.
+    const lang = ((closestElement === null || closestElement === void 0 ? void 0 : closestElement.lang) || (navigator === null || navigator === void 0 ? void 0 : 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;