@esri/solutions-components 0.7.3 → 0.7.4

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

@@ -0,0 +1,206 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { S as Sanitizer } from './index3.js';
+import { b as getLocaleComponentStrings } from './locale3.js';
+import { d as defineCustomElement$8 } from './button.js';
+import { d as defineCustomElement$7 } from './checkbox.js';
+import { d as defineCustomElement$6 } from './icon.js';
+import { d as defineCustomElement$5 } from './label2.js';
+import { d as defineCustomElement$4 } from './loader.js';
+import { d as defineCustomElement$3 } from './modal.js';
+import { d as defineCustomElement$2 } from './scrim.js';
+
+/**
+ * Creates new instance of @esri/arcgis-html-sanitizer
+ * with appropriate whitelist values
+ */
+function createSanitizerInstance(sanitizerConstructor) {
+    if (sanitizerConstructor == null || typeof sanitizerConstructor !== "function") {
+        return null;
+    }
+    return new sanitizerConstructor({
+        whiteList: {
+            h1: ["style"],
+            h2: ["style"],
+            h3: ["style"],
+            h4: ["style"],
+            h5: ["style"],
+            h6: ["style"],
+            img: ["style", "src", "width", "height"],
+            pre: ["style"],
+            p: ["id", "class", "style"],
+            div: ["id", "class", "style", "role"],
+            span: ["id", "class", "style", "role"],
+            figure: ["class", "style"]
+        }
+    }, true);
+}
+
+function setLocalStorageItem(key) {
+  window === null || window === void 0 ? void 0 : window.localStorage.setItem(key, 'false');
+}
+function getLocalStorageItem(key) {
+  var _a;
+  const item = (_a = window === null || window === void 0 ? void 0 : window.localStorage) === null || _a === void 0 ? void 0 : _a.getItem(key);
+  return item ? true : false;
+}
+function removeItemFromLocalStorage(key) {
+  var _a;
+  (_a = window === null || window === void 0 ? void 0 : window.localStorage) === null || _a === void 0 ? void 0 : _a.removeItem(key);
+}
+
+const instantAppsSplashCss = ":host{display:block}:host .instant-apps-splash__back-content{display:flex;align-items:center}:host .instant-apps-splash__back-content calcite-label{--calcite-label-margin-bottom:0}";
+
+const CSS = {
+    back: 'instant-apps-splash__back-content',
+};
+const InstantAppsSplash$1 = /*@__PURE__*/ proxyCustomElement(class InstantAppsSplash extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.splashClose = createEvent(this, "splashClose", 7);
+        this._sanitizer = createSanitizerInstance(Sanitizer);
+        this.localStorageKey = undefined;
+        this.titleText = '';
+        this.content = '';
+        this.primaryButtonText = '';
+        this.open = true;
+        this.closeButtonDisabled = false;
+        this.messages = undefined;
+    }
+    sanitizeContent() {
+        this.content = this._sanitizer.sanitize(this.content);
+    }
+    componentWillLoad() {
+        let open;
+        const { localStorageKey } = this;
+        if (localStorageKey) {
+            open = this.open && !getLocalStorageItem(this.localStorageKey);
+        }
+        else {
+            open = this.open;
+        }
+        this.el.open = open;
+        if (this.content && this._sanitizer)
+            this.sanitizeContent();
+    }
+    componentDidLoad() {
+        this.setMessages();
+    }
+    render() {
+        return (h("calcite-modal", { onCalciteModalClose: this.close.bind(this), open: this.open, closeButtonDisabled: this.closeButtonDisabled }, this.renderHeader(), this.renderContent(), this.localStorageKey ? this.renderDontShowThisAgainCheckbox() : null, this.renderPrimaryButton()));
+    }
+    renderHeader() {
+        const { titleText } = this;
+        return h("header", { slot: "header" }, titleText);
+    }
+    renderContent() {
+        const { content } = this;
+        return h("div", { slot: "content", innerHTML: content });
+    }
+    renderDontShowThisAgainCheckbox() {
+        const { localStorageKey, messages } = this;
+        const checked = getLocalStorageItem(localStorageKey) ? true : null;
+        return (h("div", { class: CSS.back, slot: "back" }, h("calcite-label", { layout: "inline" }, h("calcite-checkbox", { onCalciteCheckboxChange: this.handleDontShowThisAgain.bind(this), checked: checked }), messages === null || messages === void 0 ? void 0 :
+            messages.dontShowThisAgain)));
+    }
+    renderPrimaryButton() {
+        const { primaryButtonText } = this;
+        return (h("calcite-button", { onClick: this.close.bind(this), slot: "primary" }, primaryButtonText));
+    }
+    close() {
+        this.open = false;
+        this.splashClose.emit();
+    }
+    async setMessages() {
+        const messages = await getLocaleComponentStrings(this.el);
+        this.messages = messages[0];
+    }
+    handleDontShowThisAgain(event) {
+        const { localStorageKey } = this;
+        if (!localStorageKey)
+            return;
+        const checkboxNode = event.target;
+        const { checked } = checkboxNode;
+        if (checked) {
+            setLocalStorageItem(localStorageKey);
+        }
+        else {
+            removeItemFromLocalStorage(localStorageKey);
+        }
+    }
+    get el() { return this; }
+    static get watchers() { return {
+        "content": ["sanitizeContent"]
+    }; }
+    static get style() { return instantAppsSplashCss; }
+}, [1, "instant-apps-splash", {
+        "localStorageKey": [1, "local-storage-key"],
+        "titleText": [1, "title-text"],
+        "content": [1],
+        "primaryButtonText": [1, "primary-button-text"],
+        "open": [1028],
+        "closeButtonDisabled": [4, "close-button-disabled"],
+        "messages": [32]
+    }, undefined, {
+        "content": ["sanitizeContent"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["instant-apps-splash", "calcite-button", "calcite-checkbox", "calcite-icon", "calcite-label", "calcite-loader", "calcite-modal", "calcite-scrim"];
+    components.forEach(tagName => { switch (tagName) {
+        case "instant-apps-splash":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, InstantAppsSplash$1);
+            }
+            break;
+        case "calcite-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "calcite-checkbox":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "calcite-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "calcite-label":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "calcite-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "calcite-modal":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "calcite-scrim":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const InstantAppsSplash = InstantAppsSplash$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { InstantAppsSplash, defineCustomElement };

package/dist/components/languageUtil.js

@@ -0,0 +1,66 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import './esri-loader.js';
+
+/*
+ *   Copyright (c) 2023 Esri
+ *   All rights reserved under the copyright laws of the United States and applicable international laws, treaties, and conventions.
+ *   This material is licensed for use under the Esri Master License Agreement (MLA), and is bound by the terms of that agreement.
+ *   You may redistribute and use this code without modification, provided you adhere to the terms of the MLA and include this copyright notice.
+ *   See use restrictions at http://www.esri.com/legal/pdfs/mla_e204_e300/english
+ */
+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'],
+]);
+// rtl
+function getElementDir(el) {
+  return getElementProp(el, 'dir', 'ltr');
+}
+function getElementProp(el, prop, value) {
+  const closestWithProp = el.closest(`[${prop}]`);
+  return closestWithProp ? closestWithProp.getAttribute(prop) : value;
+}
+
+export { getElementDir as g, languageMap as l };

package/dist/components/layer-table2.js

@@ -9,31 +9,32 @@ import { g as getLocaleComponentStrings } from './locale.js';
 import { b as goToSelection, g as getLayerOrTable } from './mapViewUtils.js';
 import { b as queryAllIds, c as queryFeaturesByGlobalID } from './queryUtils.js';
 import { d as downloadCSV } from './downloadUtils.js';
-import { d as defineCustomElement$n } from './action.js';
-import { d as defineCustomElement$m } from './action-bar.js';
-import { d as defineCustomElement$l } from './action-group.js';
-import { d as defineCustomElement$k } from './action-menu.js';
-import { d as defineCustomElement$j } from './button.js';
-import { d as defineCustomElement$i } from './chip.js';
-import { d as defineCustomElement$h } from './combobox.js';
-import { d as defineCustomElement$g } from './combobox-item.js';
-import { d as defineCustomElement$f } from './dropdown.js';
-import { d as defineCustomElement$e } from './dropdown-group.js';
-import { d as defineCustomElement$d } from './dropdown-item.js';
-import { d as defineCustomElement$c } from './icon.js';
-import { d as defineCustomElement$b } from './loader.js';
-import { d as defineCustomElement$a } from './modal.js';
-import { d as defineCustomElement$9 } from './notice.js';
-import { d as defineCustomElement$8 } from './option.js';
-import { d as defineCustomElement$7 } from './panel.js';
-import { d as defineCustomElement$6 } from './popover.js';
-import { d as defineCustomElement$5 } from './scrim.js';
-import { d as defineCustomElement$4 } from './select.js';
-import { d as defineCustomElement$3 } from './shell.js';
-import { d as defineCustomElement$2 } from './tooltip.js';
+import { d as defineCustomElement$o } from './action.js';
+import { d as defineCustomElement$n } from './action-bar.js';
+import { d as defineCustomElement$m } from './action-group.js';
+import { d as defineCustomElement$l } from './action-menu.js';
+import { d as defineCustomElement$k } from './button.js';
+import { d as defineCustomElement$j } from './chip.js';
+import { d as defineCustomElement$i } from './combobox.js';
+import { d as defineCustomElement$h } from './combobox-item.js';
+import { d as defineCustomElement$g } from './dropdown.js';
+import { d as defineCustomElement$f } from './dropdown-group.js';
+import { d as defineCustomElement$e } from './dropdown-item.js';
+import { d as defineCustomElement$d } from './icon.js';
+import { d as defineCustomElement$c } from './loader.js';
+import { d as defineCustomElement$b } from './modal.js';
+import { d as defineCustomElement$a } from './notice.js';
+import { d as defineCustomElement$9 } from './option.js';
+import { d as defineCustomElement$8 } from './panel.js';
+import { d as defineCustomElement$7 } from './popover.js';
+import { d as defineCustomElement$6 } from './scrim.js';
+import { d as defineCustomElement$5 } from './select.js';
+import { d as defineCustomElement$4 } from './shell.js';
+import { d as defineCustomElement$3 } from './tooltip.js';
+import { d as defineCustomElement$2 } from './instant-apps-social-share2.js';
 import { d as defineCustomElement$1 } from './map-layer-picker2.js';
 
-const layerTableCss = ":host{display:block}.height-full{height:100%}.height-full-adjusted{height:calc(100% - 20px)}.width-full{width:100%}.display-flex{display:flex}.table-border{border:1px solid var(--calcite-ui-border-2)}.border-end{border-inline-end:1px solid var(--calcite-ui-border-2)}.border-bottom{border-bottom:1px solid var(--calcite-ui-border-2)}.padding-5{padding:5px}.padding-end-1{padding-inline-end:1rem}.height-51{height:51px}.bottom-left{position:absolute;left:0;bottom:0;padding-left:5px}html[dir=\"rtl\"] .bottom-left{position:absolute;right:0;bottom:0;padding-right:5px}.height-19{height:19px}.background{background-color:var(--calcite-ui-background)}.text-color{color:var(--calcite-ui-text-1)}.align-center{align-items:center}.danger-color{color:var(--calcite-ui-danger)}.esri-feature-table vaadin-grid{border:none !important}vaadin-grid-cell-content{padding:var(--lumo-space-xs) var(--lumo-space-m) !important;font-size:14px !important}.share-action{position:absolute;right:1}.disabled{cursor:default !important;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled);pointer-events:none}";
+const layerTableCss = ":host{display:block}.height-full{height:100%}.height-full-adjusted{height:calc(100% - 20px)}.width-full{width:100%}.display-flex{display:flex}.table-border{border:1px solid var(--calcite-ui-border-2)}.border-end{border-inline-end:1px solid var(--calcite-ui-border-2)}.border-bottom{border-bottom:1px solid var(--calcite-ui-border-2)}.padding-5{padding:5px}.padding-end-1{padding-inline-end:1rem}.height-51{height:51px}.height-50-px{height:50px}.bottom-left{position:absolute;left:0;bottom:0;padding-left:5px}html[dir=\"rtl\"] .bottom-left{position:absolute;right:0;bottom:0;padding-right:5px}.height-19{height:19px}.background{background-color:var(--calcite-ui-background)}.text-color{color:var(--calcite-ui-text-1)}.align-center{align-items:center}.danger-color{color:var(--calcite-ui-danger)}.esri-feature-table vaadin-grid{border:none !important}vaadin-grid-cell-content{padding:var(--lumo-space-xs) var(--lumo-space-m) !important;font-size:14px !important}.share-action{position:absolute;right:0;margin-top:9px;margin-inline-end:4px}html[dir=\"rtl\"] .share-action{left:0}.disabled{cursor:default !important;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--calcite-ui-opacity-disabled);pointer-events:none}";
 
 const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTMLElement {
     constructor() {
@@ -41,7 +42,6 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
         this.__registerHost();
         this.featureSelectionChange = createEvent(this, "featureSelectionChange", 7);
         this.openFilterOptions = createEvent(this, "openFilterOptions", 7);
-        this.openShare = createEvent(this, "openShare", 7);
         /**
          * number[]: A list of all IDs for the current layer
          */
@@ -149,6 +149,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
             this._mapClickHandle.remove();
         }
         if (this.mapView) {
+            this._updateShareUrl();
             this._mapClickHandle = this.reactiveUtils.on(() => this.mapView, "click", (event) => {
                 void this._mapClicked(event);
             });
@@ -160,12 +161,14 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     async _layerWatchHandler() {
         this._fetchingData = true;
         await this._resetTable();
+        this._updateShareUrl();
         this._fetchingData = false;
     }
     /**
      * watch for selection changes
      */
     async _selectedIndexesWatchHandler() {
+        this._updateShareUrl();
         this._validateEnabledActions();
     }
     /**
@@ -625,7 +628,29 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      * @returns VNode The node representing the DOM element that will contain the action
      */
     _getShare(icon) {
-        return (h("div", { class: "share-action height-51 border-bottom", id: this._getId(icon) }, h("calcite-action", { appearance: "solid", class: "height-51", icon: icon, id: icon, onClick: () => this.openShare.emit(true), text: "", textEnabled: false }), this._getToolTip("bottom", icon, this._translations.share)));
+        return (h("div", { class: "share-action", id: this._getId(icon) }, h("instant-apps-social-share", { autoUpdateShareUrl: false, popoverButtonIconScale: "s", ref: el => this._shareNode = el, scale: "m", shareButtonColor: "neutral", socialMedia: true, view: this.mapView }), this._getToolTip("bottom", icon, this._translations.share)));
+    }
+    /**
+     * Called each time the values that are used for custom url params change
+     */
+    _updateShareUrl() {
+        var _a, _b, _c, _d;
+        const url = (_a = this._shareNode) === null || _a === void 0 ? void 0 : _a.shareUrl;
+        if (!url) {
+            return;
+        }
+        const urlObj = new URL(url);
+        //set the additional search params
+        if ((_b = this.mapInfo) === null || _b === void 0 ? void 0 : _b.id) {
+            urlObj.searchParams.set("webmap", this.mapInfo.id);
+        }
+        if ((_c = this._layer) === null || _c === void 0 ? void 0 : _c.id) {
+            urlObj.searchParams.set("layer", this._layer.id);
+        }
+        if (((_d = this._selectedIndexes) === null || _d === void 0 ? void 0 : _d.length) > 0) {
+            urlObj.searchParams.set("oid", this._selectedIndexes.join(","));
+        }
+        this._shareNode.shareUrl = urlObj.href;
     }
     /**
      * Get a tooltip
@@ -1134,7 +1159,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["layer-table", "calcite-action", "calcite-action-bar", "calcite-action-group", "calcite-action-menu", "calcite-button", "calcite-chip", "calcite-combobox", "calcite-combobox-item", "calcite-dropdown", "calcite-dropdown-group", "calcite-dropdown-item", "calcite-icon", "calcite-loader", "calcite-modal", "calcite-notice", "calcite-option", "calcite-panel", "calcite-popover", "calcite-scrim", "calcite-select", "calcite-shell", "calcite-tooltip", "map-layer-picker"];
+    const components = ["layer-table", "calcite-action", "calcite-action-bar", "calcite-action-group", "calcite-action-menu", "calcite-button", "calcite-chip", "calcite-combobox", "calcite-combobox-item", "calcite-dropdown", "calcite-dropdown-group", "calcite-dropdown-item", "calcite-icon", "calcite-loader", "calcite-modal", "calcite-notice", "calcite-option", "calcite-panel", "calcite-popover", "calcite-scrim", "calcite-select", "calcite-shell", "calcite-tooltip", "instant-apps-social-share", "map-layer-picker"];
     components.forEach(tagName => { switch (tagName) {
         case "layer-table":
             if (!customElements.get(tagName)) {
@@ -1143,110 +1168,115 @@ function defineCustomElement() {
             break;
         case "calcite-action":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "calcite-action-bar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "calcite-action-group":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "calcite-action-menu":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "calcite-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "calcite-chip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$j();
             }
             break;
         case "calcite-combobox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$i();
             }
             break;
         case "calcite-combobox-item":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$h();
             }
             break;
         case "calcite-dropdown":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$g();
             }
             break;
         case "calcite-dropdown-group":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$f();
             }
             break;
         case "calcite-dropdown-item":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$e();
             }
             break;
         case "calcite-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$d();
             }
             break;
         case "calcite-loader":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$c();
             }
             break;
         case "calcite-modal":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$b();
             }
             break;
         case "calcite-notice":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$a();
             }
             break;
         case "calcite-option":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$9();
             }
             break;
         case "calcite-panel":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$8();
             }
             break;
         case "calcite-popover":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$7();
             }
             break;
         case "calcite-scrim":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$6();
             }
             break;
         case "calcite-select":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$5();
             }
             break;
         case "calcite-shell":
             if (!customElements.get(tagName)) {
-                defineCustomElement$3();
+                defineCustomElement$4();
             }
             break;
         case "calcite-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "instant-apps-social-share":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

package/dist/components/loadModules2.js

@@ -0,0 +1,21 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { e as esriLoader } from './esri-loader.js';
+
+/*
+ *   Copyright (c) 2023 Esri
+ *   All rights reserved under the copyright laws of the United States and applicable international laws, treaties, and conventions.
+ *   This material is licensed for use under the Esri Master License Agreement (MLA), and is bound by the terms of that agreement.
+ *   You may redistribute and use this code without modification, provided you adhere to the terms of the MLA and include this copyright notice.
+ *   See use restrictions at http://www.esri.com/legal/pdfs/mla_e204_e300/english
+ */
+const loadModules = async (moduleNames, options) => {
+  esriLoader.setDefaultOptions({ url: 'https://js.arcgis.com/4.28/' });
+  const mods = await esriLoader.loadModules(moduleNames, options);
+  return mods.map(mod => (mod.__esModule && mod.default ? mod.default : mod));
+};
+
+export { loadModules as l };

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/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