@esri/solutions-components 0.7.3 → 0.7.5

package/dist/components/locale3.js

@@ -0,0 +1,77 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { l as loadModules } from './loadModules2.js';
+import { l as languageMap } from './languageUtil.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 (languageMap.has(lang)) {
+    return languageMap.get(lang);
+  }
+  else {
+    // "ru-RU" maps to "ru" use case
+    if (languageMap.has(lang.slice(0, 2))) {
+      return 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;
+  // User profile - locale set in user profile
+  const userProfileLocale = portal === null || portal === void 0 ? void 0 : portal.get('user.culture');
+  // Browser - window.navigator.language
+  const browserLocale = (_a = window === null || window === void 0 ? void 0 : window.navigator) === null || _a === void 0 ? void 0 : _a.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) {
+  const messages = await getLocaleComponentStrings(component.el);
+  component.messages = messages[0];
+  const [intl] = await loadModules(['esri/intl']);
+  intl.onLocaleChange(async (locale) => {
+    const messages = await getLocaleComponentStrings(component.el, locale);
+    component.messages = messages[0];
+  });
+}
+
+export { getDefaultLanguage as a, getLocaleComponentStrings as b, getComponentClosestLanguage as c, getMessages as g };

package/dist/components/map-card2.js

@@ -144,7 +144,7 @@ const MapCard = /*@__PURE__*/ proxyCustomElement(class MapCard extends HTMLEleme
             this.mapView = new this.MapView({
                 container: this._mapDiv,
                 map: webMap,
-                resizeAlign: "top-left"
+                resizeAlign: "center"
             });
             this._loadedId = id;
             this._searchConfiguration = this._webMapInfo.searchConfiguration;

package/dist/components/map-fullscreen2.js

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { l as loadModules } from './loadModules.js';
 
 const mapFullscreenCss = ":host{display:block}";
@@ -13,6 +13,7 @@ const MapFullscreen = /*@__PURE__*/ proxyCustomElement(class MapFullscreen exten
         super();
         this.__registerHost();
         this.__attachShadow();
+        this.fullscreenStateChange = createEvent(this, "fullscreenStateChange", 7);
         this.mapView = undefined;
         this.fullscreenWidget = undefined;
     }
@@ -27,22 +28,12 @@ const MapFullscreen = /*@__PURE__*/ proxyCustomElement(class MapFullscreen exten
      * @returns Promise when complete
      */
     async mapViewWatchHandler() {
-        await this.mapView.when(() => {
-            this._initFullscreenWidget();
+        await this.mapView.when(async () => {
+            await this._initFullscreenWidget();
         });
     }
     //--------------------------------------------------------------------------
     //
-    //  Methods (public)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
-    //  Events (public)
-    //
-    //--------------------------------------------------------------------------
-    //--------------------------------------------------------------------------
-    //
     //  Functions (lifecycle)
     //
     //--------------------------------------------------------------------------
@@ -63,13 +54,13 @@ const MapFullscreen = /*@__PURE__*/ proxyCustomElement(class MapFullscreen exten
      * It's never called during the first render().
      */
     async componentDidUpdate() {
-        this._initFullscreenWidget();
+        await this._initFullscreenWidget();
     }
     /**
      * StencilJS: Called once just after the component is fully loaded and the first render() occurs.
      */
     async componentDidLoad() {
-        this._initFullscreenWidget();
+        await this._initFullscreenWidget();
     }
     //--------------------------------------------------------------------------
     //
@@ -84,21 +75,29 @@ const MapFullscreen = /*@__PURE__*/ proxyCustomElement(class MapFullscreen exten
      * @protected
      */
     async _initModules() {
-        const [Fullscreen] = await loadModules([
-            "esri/widgets/Fullscreen"
+        const [Fullscreen, reactiveUtils] = await loadModules([
+            "esri/widgets/Fullscreen",
+            "esri/core/reactiveUtils"
         ]);
         this.Fullscreen = Fullscreen;
+        this.reactiveUtils = reactiveUtils;
     }
     /**
      * Initialize the search widget
      *
      * @protected
      */
-    _initFullscreenWidget() {
+    async _initFullscreenWidget() {
         if (this.mapView && this._fullscreenElement && !this.fullscreenWidget) {
             this.fullscreenWidget = new this.Fullscreen({
                 view: this.mapView
             });
+            await this.fullscreenWidget.when(() => {
+                if (this._fullscreenStateChangeHandle) {
+                    this._fullscreenStateChangeHandle.remove();
+                }
+                this._fullscreenStateChangeHandle = this.reactiveUtils.watch(() => this.fullscreenWidget.viewModel.state, (state) => this.fullscreenStateChange.emit(state));
+            });
         }
         else if (this.fullscreenWidget) {
             this.fullscreenWidget.view = this.mapView;

package/dist/components/map-tools2.js

@@ -89,10 +89,14 @@ const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLEle
     async _showFullscreenWatchHandler(v) {
         const fs = this._fullscreenElement.fullscreenWidget;
         if (v) {
-            fs.viewModel.enter();
+            if (fs.viewModel.state === "ready") {
+                fs.viewModel.enter();
+            }
         }
         else {
-            fs.viewModel.exit();
+            if (fs.viewModel.state === "active") {
+                fs.viewModel.exit();
+            }
         }
     }
     /**
@@ -169,7 +173,22 @@ const MapTools = /*@__PURE__*/ proxyCustomElement(class MapTools extends HTMLEle
             this._getActionGroup("basemap", false, this._translations.basemap, () => this._toggleBasemapPicker()) :
             undefined, this.enableFloorFilter && this._hasFloorInfo ?
             this._getActionGroup("urban-model", false, this._translations.floorFilter, () => this._toggleFloorFilter()) :
-            undefined)), h("basemap-gallery", { basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { class: fullscreenClass, mapView: this.mapView, ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
+            undefined)), h("basemap-gallery", { basemapConfig: this.basemapConfig, class: basemapClass, mapView: this.mapView, ref: (el) => { this._basemapElement = el; } }), h("map-search", { class: searchClass, mapView: this.mapView, ref: (el) => { this._searchElement = el; }, resultGraphicEnabled: true, searchConfiguration: this.searchConfiguration }), h("map-legend", { class: legendClass, mapView: this.mapView, ref: (el) => { this._legendElement = el; } }), h("map-fullscreen", { class: fullscreenClass, mapView: this.mapView, onFullscreenStateChange: (evt) => this._fullscreenStateChange(evt.detail), ref: (el) => { this._fullscreenElement = el; } }), h("floor-filter", { class: floorFilterClass, enabled: this.enableFloorFilter, mapView: this.mapView, ref: (el) => { this._floorFilterElement = el; } })));
+    }
+    /**
+     * Respond to fullscreen state change and ensure our state var is in sync
+     *
+     * @param state The fullscreen view model's state.
+     *
+     * @protected
+     */
+    _fullscreenStateChange(state) {
+        if (state === "ready" && this._showFullscreen) {
+            this._showFullscreen = false;
+        }
+        else if (state === "active" && !this._showFullscreen) {
+            this._showFullscreen = true;
+        }
     }
     //--------------------------------------------------------------------------
     //

package/dist/components/mode.js

@@ -0,0 +1,17 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+const lightMode = 'calcite-mode-light';
+const darkMode = 'calcite-mode-dark';
+function getMode(el) {
+  const closestEl = el === null || el === void 0 ? void 0 : el.closest(`.${darkMode}, .${lightMode}`);
+  if (closestEl == null) {
+    const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+    return prefersDark ? 'dark' : 'light';
+  }
+  return (closestEl === null || closestEl === void 0 ? void 0 : closestEl.classList.contains(darkMode)) ? 'dark' : 'light';
+}
+
+export { getMode as g };

package/dist/components/publicNotificationStore.js

@@ -3,7 +3,7 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { c as createStore } from './index3.js';
+import { c as createStore } from './index4.js';
 
 /** @license
  * Copyright 2022 Esri

package/dist/components/restHelpersGet.js

@@ -4,6 +4,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import './solution-resource.js';
+import './index3.js';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.

package/dist/components/solution-configuration.js

@@ -7,6 +7,7 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
 import { s as state } from './solution-store.js';
 import './solution-resource.js';
 import { r as request, N as NODEJS_DEFAULT_REFERER_HEADER, c as cleanUrl, e as encodeQueryString, A as ArcGISAuthError, a as getProp } from './restHelpersGet.js';
+import './index3.js';
 import { g as getLocaleComponentStrings } from './locale.js';
 import { d as defineCustomElement$C } from './action.js';
 import { d as defineCustomElement$B } from './action-group.js';

package/dist/components/solution-resource-item2.js

@@ -6,6 +6,7 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { f as EUpdateType } from './interfaces.js';
 import { E as EFileType } from './solution-resource.js';
+import './index3.js';
 import { s as state } from './solution-store.js';
 import { g as getLocaleComponentStrings } from './locale.js';
 import { d as defineCustomElement$a } from './action.js';