@esri/solutions-components 0.10.39 → 0.10.41

package/dist/components/instant-apps-filter-list2.js

@@ -88,6 +88,7 @@ const InstantAppsFilterList = /*@__PURE__*/ proxyCustomElement(class InstantApps
         this.__attachShadow();
         this.filterListReset = createEvent(this, "filterListReset", 7);
         this.filterUpdate = createEvent(this, "filterUpdate", 7);
+        this.isLayerExpUpdated = false;
         this.layerExpressions = undefined;
         this.autoUpdateUrl = false;
         this.closeBtn = false;
@@ -108,7 +109,6 @@ const InstantAppsFilterList = /*@__PURE__*/ proxyCustomElement(class InstantApps
         this.messages = undefined;
         this.baseClass = baseClassLight;
         this.disabled = true;
-        this.hasLayerExpression = false;
         this.initDefExpressions = undefined;
         this.initMapImageExpressions = undefined;
         this.initPointCloudFilters = undefined;
@@ -117,11 +117,9 @@ const InstantAppsFilterList = /*@__PURE__*/ proxyCustomElement(class InstantApps
         this.handleWhenView();
     }
     watchLayerExpressions() {
-        if (!this.hasLayerExpression) {
-            this.filterLayerExpressions = structuredClone(this.layerExpressions);
-            this.handleLayerExpressionsUpdate();
-            this.hasLayerExpression = true;
-        }
+        this.resetAllFilters();
+        this.filterLayerExpressions = structuredClone(this.layerExpressions);
+        this.handleLayerExpressionsUpdate();
     }
     getFilterInitState() {
         return Promise.resolve({
@@ -131,7 +129,6 @@ const InstantAppsFilterList = /*@__PURE__*/ proxyCustomElement(class InstantApps
         });
     }
     forceReset() {
-        this.filterLayerExpressions = structuredClone(this.layerExpressions);
         this.handleResetFilter();
         return this.initExpressions();
     }
@@ -146,28 +143,28 @@ const InstantAppsFilterList = /*@__PURE__*/ proxyCustomElement(class InstantApps
         }
         return this.initExpressions();
     }
+    connectedCallback() {
+        var _a;
+        if (this.layerExpressions == null && this.view == null)
+            return;
+        this.isLayerExpUpdated = true;
+        this.filterLayerExpressions = structuredClone(this.layerExpressions);
+        this.disabled = ((_a = this.filterLayerExpressions) === null || _a === void 0 ? void 0 : _a.length) ? undefined : true;
+        this.handleLayerExpressionsUpdate();
+    }
     async componentWillLoad() {
         var _a;
         this.baseClass = getMode(this.el) === 'dark' ? baseClassDark : baseClassLight;
         await this.initializeModules();
         getMessages(this);
-        this.hasLayerExpression = this.layerExpressions != null;
+        if (this.isLayerExpUpdated)
+            return;
+        this.isLayerExpUpdated = true;
         this.filterLayerExpressions = this.layerExpressions != null ? structuredClone(this.layerExpressions) : [];
         this.disabled = ((_a = this.filterLayerExpressions) === null || _a === void 0 ? void 0 : _a.length) ? undefined : true;
-        this.reactiveUtils.whenOnce(() => this.view).then(() => this.handleLayerExpressionsUpdate());
-    }
-    componentShouldUpdate(newValue, _oldValue, name) {
-        if (name === 'view' && newValue != null) {
-            this.handleWhenView();
-        }
-        else if (name === 'layerExpressions') {
-            if (this.hasLayerExpression) {
-                this.resetAllFilters();
-            }
-            this.filterLayerExpressions = structuredClone(this.layerExpressions);
-            this.handleLayerExpressionsUpdate();
-            this.hasLayerExpression = true;
-        }
+        if (this.view == null)
+            return;
+        this.handleLayerExpressionsUpdate();
     }
     componentWillRender() {
         var _a;
@@ -175,21 +172,21 @@ const InstantAppsFilterList = /*@__PURE__*/ proxyCustomElement(class InstantApps
     }
     disconnectedCallback() {
         if (this.resetFiltersOnDisconnect) {
+            this.isLayerExpUpdated = false;
             this.filterLayerExpressions = structuredClone(this.layerExpressions);
             this.resetAllFilters();
         }
     }
     async initializeModules() {
-        const [intl, geometryJsonUtils, reactiveUtils] = await loadModules(['esri/intl', 'esri/geometry/support/jsonUtils', 'esri/core/reactiveUtils']);
+        const [intl, geometryJsonUtils] = await loadModules(['esri/intl', 'esri/geometry/support/jsonUtils']);
         this.geometryJsonUtils = geometryJsonUtils;
-        this.reactiveUtils = reactiveUtils;
         this.locale = intl.getLocale();
         this.intl = intl;
     }
     render() {
         const filterConfig = this.loading ? this.renderLoading() : this.initFilterConfig();
-        const footer = this.renderFooter(this.closeBtn, this.resetBtn);
-        return (h(Host, { key: '80c4918bd3bdf65d541ed6cf4cf4843ab0f0df01' }, h("calcite-panel", { key: 'f1da101b071420df42da5eb8f5478d0719b40cec', class: this.baseClass, ref: el => (this.panelEl = el) }, h("slot", { key: '8ebdbf20767027459470fa85fe4238e69bc47ab8', slot: "header-content", name: "filter-header-content" }), h("slot", { key: '177f8db80aa842eeb200344cd7b398cd51ca23f3', slot: "header-actions-end", name: "filter-header-actions-end" }), h("div", { key: "filter-container", class: CSS.filterContainer }, filterConfig, footer))));
+        const footer = this.renderFooter();
+        return (h(Host, { key: '055d2a02c5118e59462af8759c6bf2f39304fd75' }, h("calcite-panel", { key: '0335c9b28101257551902737ef373543aebee1f6', class: this.baseClass, ref: el => (this.panelEl = el) }, h("slot", { key: '4b471e66583b3f2fd733688d65ce8d3b2acbeb66', slot: "header-content", name: "filter-header-content" }), h("slot", { key: 'f5832075687a6812b902643fd057587b438b38cf', slot: "header-actions-end", name: "filter-header-actions-end" }), h("div", { key: "filter-container", class: CSS.filterContainer }, filterConfig, footer))));
     }
     renderLoading() {
         return h("calcite-loader", { label: "Loading filters..." });
@@ -258,10 +255,11 @@ const InstantAppsFilterList = /*@__PURE__*/ proxyCustomElement(class InstantApps
         const check = min != null && max != null;
         return check ? (h("label", { class: CSS.filterUIItemContainer }, h("span", null, expression === null || expression === void 0 ? void 0 : expression.name), h("div", { class: CSS.dateInputContainer }, h("calcite-input-date-picker", { id: expression === null || expression === void 0 ? void 0 : expression.id.toString(), onCalciteInputDatePickerChange: this.handleDatePickerRangeChange.bind(this, expression, layerExpression), min: min, max: max, "overlay-positioning": "fixed", lang: (_c = this.locale) !== null && _c !== void 0 ? _c : 'en', layout: "vertical", value: value, range: true }), h("calcite-action", { onClick: this.handleResetDatePicker.bind(this, expression, layerExpression), icon: "reset", text: (_d = this.messages) === null || _d === void 0 ? void 0 : _d.resetDatePicker, scale: "s" })))) : null;
     }
-    renderFooter(closeBtn, resetBtn) {
+    renderFooter() {
         var _a, _b, _c;
         const closeText = this.closeBtnText != null ? this.closeBtnText : (_a = this.messages) === null || _a === void 0 ? void 0 : _a.close;
-        return (h("div", { class: CSS.footer, slot: "footer" }, resetBtn ? (h("calcite-button", { appearance: "outline", width: "half", disabled: this.disabled, onClick: this.handleResetFilter.bind(this) }, (_b = this.messages) === null || _b === void 0 ? void 0 : _b.resetFilter)) : undefined, closeBtn ? (h("calcite-button", { appearance: "solid", width: "half", kind: "brand", onClick: (_c = this.closeBtnOnClick) === null || _c === void 0 ? void 0 : _c.bind(this) }, closeText)) : undefined));
+        const btnWidth = this.closeBtn && this.resetBtn ? 'half' : 'full';
+        return (h("div", { class: CSS.footer, slot: "footer" }, this.resetBtn ? (h("calcite-button", { appearance: "outline", width: btnWidth, disabled: this.disabled, onClick: this.handleResetFilter.bind(this) }, (_b = this.messages) === null || _b === void 0 ? void 0 : _b.resetFilter)) : undefined, this.closeBtn ? (h("calcite-button", { appearance: "solid", width: btnWidth, kind: "brand", onClick: (_c = this.closeBtnOnClick) === null || _c === void 0 ? void 0 : _c.bind(this) }, closeText)) : undefined));
     }
     renderZoomTo(layerExpression) {
         var _a;
@@ -292,23 +290,21 @@ const InstantAppsFilterList = /*@__PURE__*/ proxyCustomElement(class InstantApps
     }
     async initExpressions() {
         this.loading = true;
-        if (this.filterLayerExpressions == null)
+        if (this.filterLayerExpressions == null || this.view == null)
             return;
-        const tmpLE = await this.processExpressions();
+        await this.processExpressions();
         this.loading = false;
-        this.filterLayerExpressions = [...tmpLE];
     }
     async processExpressions() {
         var _a;
         if (!this.filterLayerExpressions)
-            return [];
+            return;
         for (const layerExpression of this.filterLayerExpressions) {
             for (const expression of layerExpression.expressions || []) {
                 expression.active = (_a = expression.active) !== null && _a !== void 0 ? _a : expression.definitionExpression != null;
                 await this.setInitExpression(layerExpression, expression);
             }
         }
-        return this.filterLayerExpressions;
     }
     handleResetFilter() {
         var _a;
@@ -378,6 +374,8 @@ const InstantAppsFilterList = /*@__PURE__*/ proxyCustomElement(class InstantApps
     }
     resetAllFilters() {
         var _a, _b, _c, _d, _e;
+        if (this.initDefExpressions == null)
+            return;
         const allLayersAndTables = (_c = (_b = (_a = this.view) === null || _a === void 0 ? void 0 : _a.map) === null || _b === void 0 ? void 0 : _b.allLayers) === null || _c === void 0 ? void 0 : _c.concat((_e = (_d = this.view) === null || _d === void 0 ? void 0 : _d.map) === null || _e === void 0 ? void 0 : _e.allTables);
         allLayersAndTables === null || allLayersAndTables === void 0 ? void 0 : allLayersAndTables.forEach(layer => {
             var _a, _b;
@@ -479,18 +477,19 @@ const InstantAppsFilterList = /*@__PURE__*/ proxyCustomElement(class InstantApps
         }
         return false;
     }
-    updateCodedValueExpression(expression, layerField) {
+    async updateCodedValueExpression(layerExpression, expression, layerField) {
         var _a, _b;
         if (!(layerField === null || layerField === void 0 ? void 0 : layerField.domain) || ((_a = layerField === null || layerField === void 0 ? void 0 : layerField.domain) === null || _a === void 0 ? void 0 : _a.type) !== 'coded-value') {
             return false;
         }
+        const layer = this.findFilterLayer(layerExpression);
+        await this.getFeatureAttributes(layer, expression);
         const domain = layerField.domain;
         const codedValuesMap = domain.codedValues.reduce((acc, { code, name }) => {
             acc[code] = name;
             return acc;
         }, {});
         expression.codedValues = codedValuesMap;
-        expression.fields = Object.keys(codedValuesMap);
         if ((_b = expression.selectedFields) === null || _b === void 0 ? void 0 : _b.length) {
             const selectedFieldsExpression = expression.selectedFields.map((field) => (typeof field === 'number' ? field : `'${handleSingleQuote(field)}'`)).join(',');
             expression.definitionExpression = `${expression.field} IN (${selectedFieldsExpression})`;
@@ -559,7 +558,7 @@ const InstantAppsFilterList = /*@__PURE__*/ proxyCustomElement(class InstantApps
         if (features === null || features === void 0 ? void 0 : features.length) {
             expression.fields = [...new Set(features)];
             if (expression.type === 'string') {
-                expression.fields = expression.fields.sort();
+                expression.fields = expression.fields.sort((a, b) => a.localeCompare(b));
             }
             else if (expression.type === 'number') {
                 expression.fields = expression.fields.sort((a, b) => a - b);
@@ -588,8 +587,15 @@ const InstantAppsFilterList = /*@__PURE__*/ proxyCustomElement(class InstantApps
                     expression.fields.push(...features);
                 }
             });
-            expression.fields = [...new Set(expression.fields)].sort();
-            this.filterLayerExpressions = [...this.filterLayerExpressions];
+            if (expression.type === 'string') {
+                expression.fields = [...new Set(expression.fields)].sort((a, b) => a.localeCompare(b));
+            }
+            else if (expression.type === 'number') {
+                expression.fields = [...new Set(expression.fields)].sort((a, b) => a - b);
+            }
+            else {
+                expression.fields = [...new Set(expression.fields)].sort();
+            }
         });
     }
     async queryForFeatures(layer, query, field) {
@@ -672,13 +678,14 @@ const InstantAppsFilterList = /*@__PURE__*/ proxyCustomElement(class InstantApps
             case 'number':
                 return await this.updateNumberExpression(layerExpression, expression);
             case 'date':
-                return this.updateDateExpressionBasedOnDisplayOption(layerExpression, expression);
+                return await this.updateDateExpressionBasedOnDisplayOption(layerExpression, expression);
             case 'coded-value':
-                return this.updateCodedValueExpression(expression, layerField);
+                return await this.updateCodedValueExpression(layerExpression, expression, layerField);
             case 'range':
-                return this.updateRangeExpressionBasedOnDisplayOption(layerExpression, expression, layerField);
+                return await this.updateRangeExpressionBasedOnDisplayOption(layerExpression, expression, layerField);
             case 'checkbox':
             case null:
+            case undefined:
                 return (_a = expression.active) !== null && _a !== void 0 ? _a : false;
             default:
                 return false;
@@ -878,31 +885,9 @@ const InstantAppsFilterList = /*@__PURE__*/ proxyCustomElement(class InstantApps
         this.handleLayerExpressionsUpdate();
     }
     async handleLayerExpressionsUpdate() {
-        if (this.view == null)
-            return;
-        const map = this.view.map;
-        this.initDefExpressions = {};
-        this.initPointCloudFilters = {};
-        this.initMapImageExpressions = {};
-        map.allLayers.concat(map.allTables).forEach(layer => {
-            if (!supportedTypes.includes(layer.type))
-                return;
-            const fl = layer;
-            if (fl.type === 'point-cloud') {
-                this.initPointCloudFilters[fl.id] = fl.filters;
-            }
-            else if (fl.type === 'map-image') {
-                this.initMapImageExpressions[fl.id] = fl.allSublayers.reduce((acc, sublayer) => {
-                    acc[sublayer.id] = sublayer.definitionExpression;
-                    return acc;
-                }, {});
-            }
-            else {
-                this.initDefExpressions[fl.id] = fl.definitionExpression;
-            }
-        });
-        this.initExpressions();
+        this.updateInitExpressions();
         this.handleURLParams();
+        this.initExpressions();
     }
     async handleZoomTo(layerExpression) {
         const zoomId = (layerExpression === null || layerExpression === void 0 ? void 0 : layerExpression.sublayerId) ? `#zoom-to-${layerExpression.id}-${layerExpression.sublayerId}` : `#zoom-to-${layerExpression.id}`;
@@ -1073,6 +1058,31 @@ const InstantAppsFilterList = /*@__PURE__*/ proxyCustomElement(class InstantApps
         query.geometry = geometry;
         query.spatialRelationship = 'intersects';
     }
+    updateInitExpressions() {
+        if (this.view == null)
+            return;
+        const map = this.view.map;
+        this.initDefExpressions = {};
+        this.initPointCloudFilters = {};
+        this.initMapImageExpressions = {};
+        map.allLayers.concat(map.allTables).forEach(layer => {
+            if (!supportedTypes.includes(layer.type))
+                return;
+            const fl = layer;
+            if (fl.type === 'point-cloud') {
+                this.initPointCloudFilters[fl.id] = fl.filters;
+            }
+            else if (fl.type === 'map-image') {
+                this.initMapImageExpressions[fl.id] = fl.allSublayers.reduce((acc, sublayer) => {
+                    acc[sublayer.id] = sublayer.definitionExpression;
+                    return acc;
+                }, {});
+            }
+            else {
+                this.initDefExpressions[fl.id] = fl.definitionExpression;
+            }
+        });
+    }
     get el() { return this; }
     static get watchers() { return {
         "view": ["watchViewHandler"],
@@ -1100,7 +1110,6 @@ const InstantAppsFilterList = /*@__PURE__*/ proxyCustomElement(class InstantApps
         "messages": [32],
         "baseClass": [32],
         "disabled": [32],
-        "hasLayerExpression": [32],
         "initDefExpressions": [32],
         "initMapImageExpressions": [32],
         "initPointCloudFilters": [32],

package/dist/components/instant-apps-landing-page.js

@@ -28,7 +28,7 @@ var AlignmentPositions;
     AlignmentPositions["BottomRight"] = "bottom-right";
 })(AlignmentPositions || (AlignmentPositions = {}));
 
-const instantAppsLandingPageCss = ":host{--instant-apps-landing-page-background-color:var(--calcite-color-brand);--instant-apps-landing-page-text-color:var(--calcite-color-text-inverse);--instant-apps-landing-page-entry-button-color:var(--calcite-color-brand);--instant-apps-landing-page-title-text-font-size:var(--calcite-font-size-6);--instant-apps-landing-page-subtitle-text-font-size:var(--calcite-font-size-3);--instant-apps-landing-page-description-text-font-size:var(--calcite-font-size-0);--instant-apps-landing-page-icon-image-scale--s:100px;--instant-apps-landing-page-icon-image-scale--m:250px;--instant-apps-landing-page-icon-image-scale--l:500px;--instant-apps-landing-page-entry-button-margin:0}:host .instant-apps-landing-page{box-sizing:border-box;position:absolute;top:0;left:0;z-index:9000;display:flex;flex-direction:column;width:100%;height:100%;padding:2.5%;transition:top 0.5s ease-in-out;background-color:var(--instant-apps-landing-page-background-color);color:var(--instant-apps-landing-page-text-color)}:host .instant-apps-landing-page__title-text{color:var(--instant-apps-landing-page-text-color);font-size:var(--instant-apps-landing-page-title-text-font-size);margin:0}:host .instant-apps-landing-page__subtitle-text{font-weight:var(--calcite-font-weight-medium);font-size:var(--instant-apps-landing-page-subtitle-text-font-size);text-align:center}:host .instant-apps-landing-page__description-text{font-size:var(--instant-apps-landing-page-description-text-font-size);width:50%;min-width:250px}:host .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__subtitle-text{text-shadow:0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1)}:host .instant-apps-landing-page__icon-image{margin-bottom:5px;max-width:50%}:host .instant-apps-landing-page__icon-image-scale--s{width:100px}:host .instant-apps-landing-page__icon-image-scale--m{width:250px}:host .instant-apps-landing-page__icon-image-scale--l{width:500px}:host .instant-apps-landing-page__button-container{display:flex}:host .instant-apps-landing-page__button-container .instant-apps-landing-page__entry-button{margin:var(--instant-apps-landing-page-entry-button-margin)}:host .instant-apps-landing-page__entry-button{--calcite-color-brand:var(--instant-apps-landing-page-entry-button-color);--calcite-color-brand-hover:var(--instant-apps-landing-page-entry-button-color);--calcite-color-brand-press:var(--instant-apps-landing-page-entry-button-color)}:host .instant-apps-landing-page__remove-transition{transition:none}:host .instant-apps-landing-page__remove-padding{padding:0}:host .instant-apps-landing-page--closed-no-transition{display:none}:host .instant-apps-landing-page--closed{top:-100%}:host .instant-apps-landing-page__alignment--top-center{justify-content:flex-start;align-items:center}:host .instant-apps-landing-page__alignment--top-center .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:center;justify-content:center}:host .instant-apps-landing-page__alignment--top-center .instant-apps-landing-page__description-text{text-align:center}:host .instant-apps-landing-page__alignment--center{justify-content:center;align-items:center}:host .instant-apps-landing-page__alignment--center .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:center}:host .instant-apps-landing-page__alignment--center .instant-apps-landing-page__description-text{text-align:center}:host .instant-apps-landing-page__alignment--bottom-center{justify-content:flex-end;align-items:center}:host .instant-apps-landing-page__alignment--bottom-center .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:center}:host .instant-apps-landing-page__alignment--bottom-center .instant-apps-landing-page__description-text{text-align:center}:host .instant-apps-landing-page__alignment--top-left{justify-content:flex-start;align-items:flex-start}:host .instant-apps-landing-page__alignment--top-left .instant-apps-landing-page__description-text{text-align:left}:host .instant-apps-landing-page__alignment--center-left{justify-content:center;align-items:flex-start}:host .instant-apps-landing-page__alignment--center-left .instant-apps-landing-page__description-text{text-align:left}:host .instant-apps-landing-page__alignment--bottom-left{justify-content:flex-end;align-items:flex-start}:host .instant-apps-landing-page__alignment--bottom-left .instant-apps-landing-page__description-text{text-align:left}:host .instant-apps-landing-page__alignment--top-right{justify-content:flex-start;align-items:flex-end}:host .instant-apps-landing-page__alignment--top-right .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:flex-end}:host .instant-apps-landing-page__alignment--top-right .instant-apps-landing-page__description-text{text-align:right}:host .instant-apps-landing-page__alignment--center-right{justify-content:center;align-items:flex-end}:host .instant-apps-landing-page__alignment--center-right .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:flex-end}:host .instant-apps-landing-page__alignment--center-right .instant-apps-landing-page__description-text{text-align:right}:host .instant-apps-landing-page__alignment--bottom-right{justify-content:flex-end;align-items:flex-end}:host .instant-apps-landing-page__alignment--bottom-right .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:flex-end}:host .instant-apps-landing-page__alignment--bottom-right .instant-apps-landing-page__description-text{text-align:right}:host instant-apps-sign-in{width:50%}@media screen and (max-width: 500px){:host instant-apps-sign-in{width:100%}}@media only screen and (max-width: 768px){:host .instant-apps-landing-page__icon-image{max-width:70%;margin-bottom:20px}:host .instant-apps-landing-page__description-text{width:80%}:host .instant-apps-landing-page__title-text{font-size:var(--calcite-font-size-3)}:host .instant-apps-landing-page__subtitle-text{font-size:var(--calcite-font-size-0)}:host .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:center;margin-top:auto}:host .instant-apps-landing-page__button-container{display:flex;flex-direction:column;width:100%;margin-top:auto}:host .instant-apps-landing-page__button-container .instant-apps-landing-page__entry-button{width:100%;margin-right:unset;margin-bottom:10px}:host .instant-apps-landing-page instant-apps-sign-in{margin-bottom:auto}}@media only screen and (max-width: 896px) and (orientation: landscape){:host .instant-apps-landing-page__icon-image{max-width:25%}}";
+const instantAppsLandingPageCss = ":host{--instant-apps-landing-page-background-color:var(--calcite-color-brand);--instant-apps-landing-page-text-color:var(--calcite-color-text-inverse);--instant-apps-landing-page-entry-button-color:var(--calcite-color-brand);--instant-apps-landing-page-title-text-font-size:var(--calcite-font-size-6);--instant-apps-landing-page-subtitle-text-font-size:var(--calcite-font-size-3);--instant-apps-landing-page-description-text-font-size:var(--calcite-font-size-0);--instant-apps-landing-page-icon-image-scale--s:100px;--instant-apps-landing-page-icon-image-scale--m:250px;--instant-apps-landing-page-icon-image-scale--l:500px;--instant-apps-landing-page-entry-button-margin:0}:host .instant-apps-landing-page{box-sizing:border-box;position:absolute;top:0;left:0;z-index:9000;display:flex;flex-direction:column;width:100%;height:100%;padding:2.5%;transition:top 0.5s ease-in-out;background-color:var(--instant-apps-landing-page-background-color);color:var(--instant-apps-landing-page-text-color)}:host .instant-apps-landing-page__title-text{color:var(--instant-apps-landing-page-text-color);font-size:var(--instant-apps-landing-page-title-text-font-size);margin:0}:host .instant-apps-landing-page__subtitle-text{font-weight:var(--calcite-font-weight-medium);font-size:var(--instant-apps-landing-page-subtitle-text-font-size)}:host .instant-apps-landing-page__description-text{font-size:var(--instant-apps-landing-page-description-text-font-size);width:50%;min-width:250px}:host .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__subtitle-text{text-shadow:0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1)}:host .instant-apps-landing-page__icon-image{margin-bottom:5px;max-width:50%}:host .instant-apps-landing-page__icon-image-scale--s{width:100px}:host .instant-apps-landing-page__icon-image-scale--m{width:250px}:host .instant-apps-landing-page__icon-image-scale--l{width:500px}:host .instant-apps-landing-page__button-container{display:flex}:host .instant-apps-landing-page__button-container .instant-apps-landing-page__entry-button{margin:var(--instant-apps-landing-page-entry-button-margin)}:host .instant-apps-landing-page__entry-button{--calcite-color-brand:var(--instant-apps-landing-page-entry-button-color);--calcite-color-brand-hover:var(--instant-apps-landing-page-entry-button-color);--calcite-color-brand-press:var(--instant-apps-landing-page-entry-button-color)}:host .instant-apps-landing-page__remove-transition{transition:none}:host .instant-apps-landing-page__remove-padding{padding:0}:host .instant-apps-landing-page--closed-no-transition{display:none}:host .instant-apps-landing-page--closed{top:-100%}:host .instant-apps-landing-page__alignment--top-center{justify-content:flex-start;align-items:center}:host .instant-apps-landing-page__alignment--top-center .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:center;justify-content:center}:host .instant-apps-landing-page__alignment--center{justify-content:center;align-items:center}:host .instant-apps-landing-page__alignment--center .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:center}:host .instant-apps-landing-page__alignment--bottom-center{justify-content:flex-end;align-items:center}:host .instant-apps-landing-page__alignment--bottom-center .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:center}:host .instant-apps-landing-page__alignment--top-left{justify-content:flex-start;align-items:flex-start}:host .instant-apps-landing-page__alignment--center-left{justify-content:center;align-items:flex-start}:host .instant-apps-landing-page__alignment--bottom-left{justify-content:flex-end;align-items:flex-start}:host .instant-apps-landing-page__alignment--top-right{justify-content:flex-start;align-items:flex-end}:host .instant-apps-landing-page__alignment--top-right .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:flex-end}:host .instant-apps-landing-page__alignment--center-right{justify-content:center;align-items:flex-end}:host .instant-apps-landing-page__alignment--center-right .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:flex-end}:host .instant-apps-landing-page__alignment--bottom-right{justify-content:flex-end;align-items:flex-end}:host .instant-apps-landing-page__alignment--bottom-right .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:flex-end}:host .instant-apps-landing-page__alignment--top-left .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--top-left .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--top-left .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:left}:host .instant-apps-landing-page__alignment--center-left .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--center-left .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--center-left .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:left}:host .instant-apps-landing-page__alignment--bottom-left .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--bottom-left .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--bottom-left .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:left}:host .instant-apps-landing-page__alignment--top-center .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--top-center .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--top-center .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:center}:host .instant-apps-landing-page__alignment--center .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--center .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--center .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:center}:host .instant-apps-landing-page__alignment--bottom-center .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--bottom-center .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--bottom-center .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:center}:host .instant-apps-landing-page__alignment--top-right .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--top-right .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--top-right .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:right}:host .instant-apps-landing-page__alignment--center-right .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--center-right .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--center-right .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:right}:host .instant-apps-landing-page__alignment--bottom-right .instant-apps-landing-page__content-container .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__alignment--bottom-right .instant-apps-landing-page__content-container .instant-apps-landing-page__subtitle-text,:host .instant-apps-landing-page__alignment--bottom-right .instant-apps-landing-page__content-container .instant-apps-landing-page__description-text{text-align:right}:host instant-apps-sign-in{width:50%}@media screen and (max-width: 500px){:host instant-apps-sign-in{width:100%}}@media only screen and (max-width: 768px){:host .instant-apps-landing-page__icon-image{max-width:70%;margin-bottom:20px}:host .instant-apps-landing-page__description-text{width:80%}:host .instant-apps-landing-page__title-text{font-size:var(--calcite-font-size-3)}:host .instant-apps-landing-page__subtitle-text{font-size:var(--calcite-font-size-0)}:host .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:center;margin-top:auto}:host .instant-apps-landing-page__button-container{display:flex;flex-direction:column;width:100%;margin-top:auto}:host .instant-apps-landing-page__button-container .instant-apps-landing-page__entry-button{width:100%;margin-right:unset;margin-bottom:10px}:host .instant-apps-landing-page instant-apps-sign-in{margin-bottom:auto}}@media only screen and (max-width: 896px) and (orientation: landscape){:host .instant-apps-landing-page__icon-image{max-width:25%}}";
 const InstantAppsLandingPageStyle0 = instantAppsLandingPageCss;
 
 const CSS = {

package/dist/components/instant-apps-sign-in2.js

@@ -15,7 +15,7 @@ import { d as defineCustomElement$3 } from './icon.js';
 import { d as defineCustomElement$2 } from './loader.js';
 import { d as defineCustomElement$1 } from './navigation-user.js';
 
-const instantAppsSignInCss = ":host{--instant-apps-sign-in-indicator-color:#007ac2;display:block;box-shadow:none !important}:host .instant-apps-sign-in__container{height:inherit;display:flex;align-items:center}:host .instant-apps-sign-in__container calcite-dropdown,:host .instant-apps-sign-in__container calcite-navigation-user{height:100%}:host .instant-apps-sign-in__container calcite-navigation-user{--calcite-color-foreground-2:rgba(0, 0, 0, 0.04);--calcite-color-foreground-3:rgba(0, 0, 0, 0.04)}:host .instant-apps-sign-in__container .instant-apps-sign-in__indicator::after{content:\"\";position:absolute;block-size:0.5rem;inline-size:0.5rem;border-radius:9999px;inset-block-end:-0.275rem;inset-inline-end:-0.275rem;background-color:var(--instant-apps-sign-in-indicator-color);bottom:calc(50% - 15px);right:calc(50% - 15px)}:host .instant-apps-sign-in__container .instant-apps-sign-in__sign-in-btn{margin:10px}:host .instant-apps-sign-in__container calcite-dropdown[scale=m] calcite-dropdown-group{min-width:140px}:host .instant-apps-sign-in__container calcite-dropdown[scale=s] calcite-dropdown-group{min-width:100px}:host .instant-apps-sign-in__container button{height:32px;width:32px;padding:0;box-sizing:border-box;display:flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-decoration-line:none;transition:color var(--calcite-animation-timing) ease-in-out, background-color var(--calcite-animation-timing) ease-in-out, box-shadow var(--calcite-animation-timing) ease-in-out, outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;border:none;border-radius:50%;background:#000}:host .instant-apps-sign-in__container button:hover calcite-avatar{opacity:0.7;transition:0.3s}:host .instant-apps-sign-in__landing-page{display:flex;flex-direction:column;justify-content:center;padding:40px;width:50%;min-height:30%;background:rgba(255, 255, 255, 0.8);color:#151515;text-align:center}:host .instant-apps-sign-in__landing-page h1{font-size:22px;margin:10px 0}:host .instant-apps-sign-in__landing-page h2{font-size:16px;margin:0 0 10px}:host .instant-apps-sign-in__landing-page p{font-size:16px;margin:0}:host .instant-apps-sign-in__entry-button-container{display:flex;justify-content:center;gap:8px}:host .instant-apps-sign-in__entry-button{--calcite-color-brand:var(--instant-apps-landing-page-entry-button-color);--calcite-color-brand-hover:var(--instant-apps-landing-page-entry-button-color);--calcite-color-brand-press:var(--instant-apps-landing-page-entry-button-color);min-width:165px}@media screen and (max-width: 767px){:host{flex-direction:column;align-items:center}:host calcite-button{width:100%}:host .instant-apps-sign-in__entry-button-container{display:flex;flex-direction:column}}";
+const instantAppsSignInCss = ":host{--instant-apps-sign-in-indicator-color:#007ac2;display:block;box-shadow:none !important}:host .instant-apps-sign-in__container{height:inherit;display:flex;align-items:center}:host .instant-apps-sign-in__container calcite-dropdown,:host .instant-apps-sign-in__container calcite-navigation-user{height:100%}:host .instant-apps-sign-in__container calcite-navigation-user{--calcite-color-foreground-2:rgba(0, 0, 0, 0.04);--calcite-color-foreground-3:rgba(0, 0, 0, 0.04)}:host .instant-apps-sign-in__container .instant-apps-sign-in__indicator::after{content:\"\";position:absolute;block-size:0.5rem;inline-size:0.5rem;border-radius:9999px;inset-block-end:-0.275rem;inset-inline-end:-0.275rem;background-color:var(--instant-apps-sign-in-indicator-color);bottom:calc(50% - 15px);right:calc(50% - 15px)}:host .instant-apps-sign-in__container .instant-apps-sign-in__sign-in-btn{margin:10px}:host .instant-apps-sign-in__container calcite-dropdown[scale=m] calcite-dropdown-group{min-width:140px}:host .instant-apps-sign-in__container calcite-dropdown[scale=s] calcite-dropdown-group{min-width:100px}:host .instant-apps-sign-in__container button{height:32px;width:32px;padding:0;box-sizing:border-box;display:flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-decoration-line:none;transition:color var(--calcite-animation-timing) ease-in-out, background-color var(--calcite-animation-timing) ease-in-out, box-shadow var(--calcite-animation-timing) ease-in-out, outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;border:none;border-radius:50%;background:#000}:host .instant-apps-sign-in__container button:hover calcite-avatar{opacity:0.7;transition:0.3s}:host .instant-apps-sign-in__landing-page{display:flex;flex-direction:column;justify-content:center;padding:40px;width:50%;min-height:30%;background:rgba(255, 255, 255, 0.8);color:#151515;text-align:center}:host .instant-apps-sign-in__landing-page h1{font-size:22px;margin:10px 0}:host .instant-apps-sign-in__landing-page h2{font-size:16px;margin:0 0 10px}:host .instant-apps-sign-in__landing-page p{font-size:16px;margin:0}:host .instant-apps-sign-in__entry-button-container{display:flex;justify-content:center;gap:8px}:host .instant-apps-sign-in__entry-button{--calcite-color-brand:var(--instant-apps-landing-page-entry-button-color);--calcite-color-brand-hover:var(--instant-apps-landing-page-entry-button-color);--calcite-color-brand-press:var(--instant-apps-landing-page-entry-button-color);min-width:165px}:host .instant-apps-sign-in__entry-button[appearance=solid]{border:1px solid #fff}:host .instant-apps-sign-in__entry-button[appearance=solid]:hover,:host .instant-apps-sign-in__entry-button[appearance=solid]:focus{filter:brightness(0.9)}@media screen and (max-width: 767px){:host{flex-direction:column;align-items:center}:host calcite-button{width:100%}:host .instant-apps-sign-in__entry-button-container{display:flex;flex-direction:column}}";
 const InstantAppsSignInStyle0 = instantAppsSignInCss;
 
 const CSS = {
@@ -81,7 +81,7 @@ const InstantAppsSignIn = /*@__PURE__*/ proxyCustomElement(class InstantAppsSign
     }
     renderLandingPageSignIn() {
         var _a, _b;
-        return (h("div", { class: CSS.buttonContainer }, h("calcite-button", { class: CSS.entryButton, scale: "l", appearance: "outline-fill", onClick: this.landingPageSignIn.bind(this) }, (_a = this.messages) === null || _a === void 0 ? void 0 : _a.signIn), h("calcite-button", { class: CSS.entryButton, scale: "l", appearance: "outline-fill", onClick: this.guestOnClick.bind(this) }, (_b = this.messages) === null || _b === void 0 ? void 0 : _b.continueAsGuest)));
+        return (h("div", { class: CSS.buttonContainer }, h("calcite-button", { class: CSS.entryButton, scale: "l", onClick: this.landingPageSignIn.bind(this) }, (_a = this.messages) === null || _a === void 0 ? void 0 : _a.signIn), h("calcite-button", { class: CSS.entryButton, scale: "l", appearance: "outline-fill", onClick: this.guestOnClick.bind(this) }, (_b = this.messages) === null || _b === void 0 ? void 0 : _b.continueAsGuest)));
     }
     async initSignIn() {
         if (this.portal == null || this.oauthappid == null)

package/dist/components/instant-apps-time-filter.js

@@ -35,31 +35,31 @@ let e$a;function has(a){return "function"==typeof e$a[a]?e$a[a]=e$a[a](globalThi
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.31/esri/copyright.txt for details.
 */
-function o$8(n){return "Int8Array"===n?.constructor?.name}function u$6(n){return "Uint8Array"===n?.constructor?.name}function e$9(n){return "Uint8ClampedArray"===n?.constructor?.name}function c$7(n){return "Int16Array"===n?.constructor?.name}function i$6(n){return "Uint16Array"===n?.constructor?.name}function a$5(n){return "Int32Array"===n?.constructor?.name}function f$5(n){return "Uint32Array"===n?.constructor?.name}function s$6(n){return "Float32Array"===n?.constructor?.name}function m$5(n){return "Float64Array"===n?.constructor?.name}
+function o$8(n){return "Int8Array"===n?.constructor?.name}function u$6(n){return "Uint8Array"===n?.constructor?.name}function e$9(n){return "Uint8ClampedArray"===n?.constructor?.name}function c$6(n){return "Int16Array"===n?.constructor?.name}function i$6(n){return "Uint16Array"===n?.constructor?.name}function a$6(n){return "Int32Array"===n?.constructor?.name}function f$5(n){return "Uint32Array"===n?.constructor?.name}function s$6(n){return "Float32Array"===n?.constructor?.name}function m$5(n){return "Float64Array"===n?.constructor?.name}
 
 /*
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.31/esri/copyright.txt for details.
 */
-function a$4(t){if(!t||"object"!=typeof t||"function"==typeof t)return t;const n=O$2(t);if(null!=n)return n;if(y$4(t))return t.clone();if(m$4(t))return t.map(a$4);if(b$2(t))return t.clone();const e={};for(const r of Object.getOwnPropertyNames(t))e[r]=a$4(t[r]);return e}function y$4(t){return "function"==typeof t.clone}function m$4(t){return "function"==typeof t.map&&"function"==typeof t.forEach}function b$2(t){return "function"==typeof t.notifyChange&&"function"==typeof t.watch}function O$2(t){if(o$8(t)||u$6(t)||e$9(t)||c$7(t)||i$6(t)||a$5(t)||f$5(t)||s$6(t)||m$5(t))return t.slice();if(t instanceof Date)return new Date(t.getTime());if(t instanceof ArrayBuffer){return t.slice(0,t.byteLength)}if(t instanceof Map){const n=new Map;for(const[e,r]of t)n.set(e,a$4(r));return n}if(t instanceof Set){const n=new Set;for(const e of t)n.add(a$4(e));return n}return null}
+function a$5(t){if(!t||"object"!=typeof t||"function"==typeof t)return t;const n=O$2(t);if(null!=n)return n;if(y$4(t))return t.clone();if(m$4(t))return t.map(a$5);if(b$2(t))return t.clone();const e={};for(const r of Object.getOwnPropertyNames(t))e[r]=a$5(t[r]);return e}function y$4(t){return "function"==typeof t.clone}function m$4(t){return "function"==typeof t.map&&"function"==typeof t.forEach}function b$2(t){return "function"==typeof t.notifyChange&&"function"==typeof t.watch}function O$2(t){if(o$8(t)||u$6(t)||e$9(t)||c$6(t)||i$6(t)||a$6(t)||f$5(t)||s$6(t)||m$5(t))return t.slice();if(t instanceof Date)return new Date(t.getTime());if(t instanceof ArrayBuffer){return t.slice(0,t.byteLength)}if(t instanceof Map){const n=new Map;for(const[e,r]of t)n.set(e,a$5(r));return n}if(t instanceof Set){const n=new Set;for(const e of t)n.add(a$5(e));return n}return null}
 
 /*
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.31/esri/copyright.txt for details.
 */
-function n$7(r,n,t=!1){return f$4(r,n,t)}function t$4(r,n){if(null!=n)return n[r]||u$5(r.split("."),!1,n)}function u$5(r,n,t){let e=t;for(const i of r){if(null==e)return;if(!(i in e)){if(!n)return;e[i]={};}e=e[i];}return e}function f$4(n,t,e){return t?Object.keys(t).reduce(((n,i)=>{let u=n[i],l=t[i];return u===l?n:void 0===u?(n[i]=a$4(l),n):(Array.isArray(l)||Array.isArray(n)?(u=u?Array.isArray(u)?n[i]=u.slice():n[i]=[u]:n[i]=[],l&&(Array.isArray(l)||(l=[l]),e?l.forEach((r=>{u.includes(r)||u.push(r);})):n[i]=l.slice())):l&&"object"==typeof l?n[i]=f$4(u,l,e):n.hasOwnProperty(i)&&!t.hasOwnProperty(i)||(n[i]=l),n)}),n||{}):n}
+function n$7(r,n,t=!1){return f$4(r,n,t)}function t$4(r,n){if(null!=n)return n[r]||u$5(r.split("."),!1,n)}function u$5(r,n,t){let e=t;for(const i of r){if(null==e)return;if(!(i in e)){if(!n)return;e[i]={};}e=e[i];}return e}function f$4(n,t,e){return t?Object.keys(t).reduce(((n,i)=>{let u=n[i],l=t[i];return u===l?n:void 0===u?(n[i]=a$5(l),n):(Array.isArray(l)||Array.isArray(n)?(u=u?Array.isArray(u)?n[i]=u.slice():n[i]=[u]:n[i]=[],l&&(Array.isArray(l)||(l=[l]),e?l.forEach((r=>{u.includes(r)||u.push(r);})):n[i]=l.slice())):l&&"object"==typeof l?n[i]=f$4(u,l,e):n.hasOwnProperty(i)&&!t.hasOwnProperty(i)||(n[i]=l),n)}),n||{}):n}
 
 /*
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.31/esri/copyright.txt for details.
 */
-const c$6="20241016";
+const a$4="20241101";
 
 /*
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.31/esri/copyright.txt for details.
 */
-const s$5={apiKey:void 0,applicationName:"",applicationUrl:globalThis.location?.href,assetsPath:"",fontsUrl:"https://static.arcgis.com/fonts",geometryServiceUrl:"https://utility.arcgisonline.com/arcgis/rest/services/Geometry/GeometryServer",geoRSSServiceUrl:"https://utility.arcgis.com/sharing/rss",kmlServiceUrl:"https://utility.arcgis.com/sharing/kml",userPrivilegesApplied:!0,portalUrl:"https://www.arcgis.com",respectPrefersReducedMotion:!0,routeServiceUrl:"https://route-api.arcgis.com/arcgis/rest/services/World/Route/NAServer/Route_World",workers:{loaderConfig:{has:{},paths:{},map:{},packages:[]}},request:{crossOriginNoCorsDomains:null,httpsDomains:["arcgis.com","arcgisonline.com","esrikr.com","premiumservices.blackbridge.com","esripremium.accuweather.com","gbm.digitalglobe.com","firstlook.digitalglobe.com","msi.digitalglobe.com"],interceptors:[],internalInterceptors:[],maxUrlLength:2e3,priority:"high",proxyRules:[],proxyUrl:null,timeout:6e4,trustedServers:[],useIdentity:!0},log:{interceptors:[],level:null}};if(globalThis.esriConfig&&(n$7(s$5,globalThis.esriConfig,!0),delete s$5.has),!s$5.assetsPath){{const e="4.31.0";s$5.assetsPath=`https://cdn.jsdelivr.net/npm/@arcgis/core@${e}-next.${c$6}/assets`;}s$5.defaultAssetsPath=s$5.assetsPath;}
+const s$5={apiKey:void 0,applicationName:"",applicationUrl:globalThis.location?.href,assetsPath:"",fontsUrl:"https://static.arcgis.com/fonts",geometryServiceUrl:"https://utility.arcgisonline.com/arcgis/rest/services/Geometry/GeometryServer",geoRSSServiceUrl:"https://utility.arcgis.com/sharing/rss",kmlServiceUrl:"https://utility.arcgis.com/sharing/kml",userPrivilegesApplied:!0,portalUrl:"https://www.arcgis.com",respectPrefersReducedMotion:!0,routeServiceUrl:"https://route-api.arcgis.com/arcgis/rest/services/World/Route/NAServer/Route_World",workers:{loaderConfig:{has:{},paths:{},map:{},packages:[]}},request:{crossOriginNoCorsDomains:null,httpsDomains:["arcgis.com","arcgisonline.com","esrikr.com","premiumservices.blackbridge.com","esripremium.accuweather.com","gbm.digitalglobe.com","firstlook.digitalglobe.com","msi.digitalglobe.com"],interceptors:[],internalInterceptors:[],maxUrlLength:2e3,priority:"high",proxyRules:[],proxyUrl:null,timeout:62e3,trustedServers:[],useIdentity:!0},log:{interceptors:[],level:null}};if(globalThis.esriConfig&&(n$7(s$5,globalThis.esriConfig,!0),delete s$5.has),!s$5.assetsPath){{const e="4.31.0";s$5.assetsPath=`https://cdn.jsdelivr.net/npm/@arcgis/core@${e}-next.${a$4}/assets`;}s$5.defaultAssetsPath=s$5.assetsPath;}
 
 /*
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
@@ -83,7 +83,7 @@ function s$4(s,e){return s.replaceAll(/\$\{([^\s:}]*)(?::([^\s:}]+))?\}/g,((s,r)
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.31/esri/copyright.txt for details.
 */
-class s$3 extends e$8{constructor(e,t,r){super(e,t,r);}toJSON(){if(null!=this.details)try{return {name:this.name,message:this.message,details:JSON.parse(JSON.stringify(this.details,((t,r)=>{if(r&&"object"==typeof r&&"function"==typeof r.toJSON)return r;try{return a$4(r)}catch(s){return "[object]"}})))}}catch(r){throw n$6.getLogger("esri.core.Error").error(r),r}return {name:this.name,message:this.message,details:this.details}}static fromJSON(e){return new s$3(e.name,e.message,e.details)}}s$3.prototype.type="error";
+class s$3 extends e$8{constructor(e,t,r){super(e,t,r);}toJSON(){if(null!=this.details)try{return {name:this.name,message:this.message,details:JSON.parse(JSON.stringify(this.details,((t,r)=>{if(r&&"object"==typeof r&&"function"==typeof r.toJSON)return r;try{return a$5(r)}catch(s){return "[object]"}})))}}catch(r){throw n$6.getLogger("esri.core.Error").error(r),r}return {name:this.name,message:this.message,details:this.details}}static fromJSON(e){return new s$3(e.name,e.message,e.details)}}s$3.prototype.type="error";
 
 /*
 All material copyright ESRI, All Rights Reserved, unless otherwise specified.

package/dist/components/json-editor2.js

@@ -19,11 +19,25 @@ const JsonEditor = /*@__PURE__*/ proxyCustomElement(class JsonEditor extends HTM
         this.hasChanges = false;
         this.hasErrors = false;
         this.instanceid = "";
+        this.locale = undefined;
         this.value = "";
     }
     get el() { return this; }
     //--------------------------------------------------------------------------
     //
+    //  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
     //
     //--------------------------------------------------------------------------
@@ -90,7 +104,7 @@ const JsonEditor = /*@__PURE__*/ proxyCustomElement(class JsonEditor extends HTM
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '0c7531c8c816eb9be80d357b19b568ccdb22c407' }, h("div", { key: '866f82b68c2a750edfc80d801e4ea95a3f655100', id: `${this.instanceid}-editor-container`, class: "editor-container padding-right" }, h("div", { key: '5b9f15641f6a26daeb3847d8ef75c76b8be44fc5', class: "editor-controls" }, h("div", { key: 'd1e91eaa242ccd23d5dc1386b6a58d2fafeb4083', class: "editor-buttons" }, h("calcite-icon", { key: 'd9364f7dfdbc22a414b4711c8a22e145b533998e', id: `${this.instanceid}-errorFlag`, icon: "exclamation-mark-triangle", title: this._translations.errorFlag, scale: "s", class: "edit-error-flag" }), h("calcite-button", { key: '29750fc7cedf1f9caf556df3ff84dc45d6b922b9', id: `${this.instanceid}-undo`, color: "blue", appearance: "solid", title: this._translations.undo, onClick: () => this._undo(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: 'c95008b3fccb8bc33f01eb1bd204c84141850981', icon: "undo", scale: "s" })), h("calcite-button", { key: '49ac9ee70c58954f6dee34524f4c7ab6fa0d7a49', id: `${this.instanceid}-redo`, color: "blue", appearance: "solid", title: this._translations.redo, onClick: () => this._redo(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '2170c36d0fd236c989222991353324d50afa8ac0', icon: "redo", scale: "s" })), h("calcite-button", { key: 'c6e1a0f84fac6fb02d2590cc7b32aefffbc06d25', id: `${this.instanceid}-diff`, color: "blue", appearance: "solid", title: this._translations.diff, onClick: () => this._toggleEditor(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '88443cfd2a8888447acc75588ecff7938ade5273', icon: "compare", scale: "s" })), h("calcite-button", { key: '42dcd8f63600d4ddb77eaedd529321999cf537b3', id: `${this.instanceid}-search`, appearance: "outline", color: "blue", title: this._translations.search, onClick: () => this._search(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '31e8ced3f14f1475c62133fbd7730e34b2bc4028', icon: "search", scale: "s" })), h("calcite-button", { key: '769b268d7476f3fe1a8623e9432cfae56602db0c', id: `${this.instanceid}-reset`, color: "blue", appearance: "solid", disabled: true, title: this._translations.cancelEdits, onClick: () => this._reset(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '4a8ead1dbf8fefe8b4106a0f6f9c42fb5b875cd2', icon: "reset", scale: "s" })))), h("div", { key: '98f29030a0fa0ecbce0d165840a30edd655ba249', class: "edit-parent" }, h("div", { key: '1441e32a184bc24f2a0a25fcb855c41b40bd0cec', id: `${this.instanceid}-container`, class: "json-edit-container" }), h("div", { key: 'f0cf0a3bd11d3f8102c4cc8695ac1743bac36bbb', id: `${this.instanceid}-diff-container`, class: "json-edit-container display-none" })))));
+        return (h(Host, { key: 'ba7c8a397da913d86f5d294cdfbb5ec1b84d89de' }, h("div", { key: 'bc5c6d1ee443b2096cc44d0b66850d4ebe8462da', id: `${this.instanceid}-editor-container`, class: "editor-container padding-right" }, h("div", { key: 'dbaf682cba354ce7eef21b03a71832fd39911332', class: "editor-controls" }, h("div", { key: 'e454e1dd36aa620abf2ffb7877bebb9adc70ff15', class: "editor-buttons" }, h("calcite-icon", { key: '1de67e151c6e65b004a431d89dc785ca286a8e11', id: `${this.instanceid}-errorFlag`, icon: "exclamation-mark-triangle", title: this._translations.errorFlag, scale: "s", class: "edit-error-flag" }), h("calcite-button", { key: '33de20955d29287a3ec981e7650562a036343e3a', id: `${this.instanceid}-undo`, color: "blue", appearance: "solid", title: this._translations.undo, onClick: () => this._undo(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '9bed02f1e8a367ad2ed764747f044a4ce27de52b', icon: "undo", scale: "s" })), h("calcite-button", { key: '07562443286c4eeec28577a7cff0401e8cea0ba8', id: `${this.instanceid}-redo`, color: "blue", appearance: "solid", title: this._translations.redo, onClick: () => this._redo(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '5f24902a66eae644d0d358a4826a98d45e905493', icon: "redo", scale: "s" })), h("calcite-button", { key: '02f4f3f8ab93e5f1146176ec3699e2a6d25ecbeb', id: `${this.instanceid}-diff`, color: "blue", appearance: "solid", title: this._translations.diff, onClick: () => this._toggleEditor(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '0bcd20d28e9ec34f1736a2888d78bfcd9cb82a4d', icon: "compare", scale: "s" })), h("calcite-button", { key: 'cf3a7672ebd3ebef00123096ec304456b8f102fc', id: `${this.instanceid}-search`, appearance: "outline", color: "blue", title: this._translations.search, onClick: () => this._search(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '36aac5e89ebf593d8d1981d7b8f6267fbbadfd24', icon: "search", scale: "s" })), h("calcite-button", { key: 'cc981ff7580acfa3a3395c4ce7a96b3022bbbb4b', id: `${this.instanceid}-reset`, color: "blue", appearance: "solid", disabled: true, title: this._translations.cancelEdits, onClick: () => this._reset(), scale: "s", class: "edit-button" }, h("calcite-icon", { key: '3c4fc1da749f4b4f64d814fcd58dc035634f6b1b', icon: "reset", scale: "s" })))), h("div", { key: '6c33ec4851d804dac7fd9762e3c8c7e416a27cf4', class: "edit-parent" }, h("div", { key: 'a6e9721127bbd43f9974af65e0899489370e1868', id: `${this.instanceid}-container`, class: "json-edit-container" }), h("div", { key: 'c1d1ea305c0e451c24beddb8ac3f8e85a3fca088', id: `${this.instanceid}-diff-container`, class: "json-edit-container display-none" })))));
     }
     //--------------------------------------------------------------------------
     //
@@ -404,16 +418,22 @@ const JsonEditor = /*@__PURE__*/ proxyCustomElement(class JsonEditor extends HTM
         }
     }
     static get assetsDirs() { return ["assets"]; }
+    static get watchers() { return {
+        "locale": ["localeWatchHandler"]
+    }; }
     static get style() { return JsonEditorStyle0; }
 }, [0, "json-editor", {
         "hasChanges": [1540, "has-changes"],
         "hasErrors": [1540, "has-errors"],
         "instanceid": [1544],
+        "locale": [1],
         "value": [1544],
         "getEditorContents": [64],
         "prepareForDeletion": [64],
         "replaceCurrentSelection": [64],
         "reset": [64]
+    }, undefined, {
+        "locale": ["localeWatchHandler"]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {

package/dist/components/layer-list2.js

@@ -30,6 +30,7 @@ const LayerList = /*@__PURE__*/ proxyCustomElement(class LayerList extends HTMLE
         this.layersListLoaded = createEvent(this, "layersListLoaded", 7);
         this.mapView = undefined;
         this.layers = undefined;
+        this.locale = undefined;
         this.showFeatureCount = true;
         this.showNextIcon = false;
         this.applyLayerViewFilter = false;
@@ -53,6 +54,14 @@ const LayerList = /*@__PURE__*/ proxyCustomElement(class LayerList extends HTMLE
     //  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)
@@ -101,9 +110,9 @@ const LayerList = /*@__PURE__*/ proxyCustomElement(class LayerList extends HTMLE
      * Renders the component.
      */
     render() {
-        return (h(Fragment, { key: 'f8e0c21d4ff87d663a1e0f00f1d9ef1123091db9' }, this._isLoading && h("calcite-loader", { key: '42058be6b41126e58d33895bc237b174e55a16ed', label: "", scale: "m" }), !this._isLoading && this.mapView && this._noLayersToDisplay &&
-            h("calcite-notice", { key: '89d9073a156f07379699cc5b67bf9ba54654cc68', class: "error-msg", icon: "layers-reference", kind: "danger", open: true }, h("div", { key: '730b8dcca79bd45a7a6eecb5030626d1dcd01238', slot: "title" }, this._translations.error), h("div", { key: '656e8276ffab75734909348f49f11492de1d5a8b', slot: "message" }, this._translations.noLayerToDisplayErrorMsg)), !this._isLoading && this.mapView &&
-            h("calcite-list", { key: '1d2206d3163b6c5ed8511e32ab296f0025889824', "selection-appearance": "border", "selection-mode": "none" }, this.renderLayerList())));
+        return (h(Fragment, { key: 'a151c8fd65c50aacb23dcd0c858e52c0c7cd7e5e' }, this._isLoading && h("calcite-loader", { key: '544a134bccc29048ca80b996844cc944bcd97a24', label: "", scale: "m" }), !this._isLoading && this.mapView && this._noLayersToDisplay &&
+            h("calcite-notice", { key: '7557f91c8c3349c120c043ea59458b4c834dce2e', class: "error-msg", icon: "layers-reference", kind: "danger", open: true }, h("div", { key: 'ea8b20f8c7da5053641cfad56e3395ae3c6286f5', slot: "title" }, this._translations.error), h("div", { key: '38aaed7b456aba0b1dd70183be03e9133834dfb4', slot: "message" }, this._translations.noLayerToDisplayErrorMsg)), !this._isLoading && this.mapView &&
+            h("calcite-list", { key: '817de422b8387cafb7f9a17515cf9b3c13998522', "selection-appearance": "border", "selection-mode": "none" }, this.renderLayerList())));
     }
     //--------------------------------------------------------------------------
     //
@@ -229,10 +238,14 @@ const LayerList = /*@__PURE__*/ proxyCustomElement(class LayerList extends HTMLE
         const messages = await getLocaleComponentStrings(this.el);
         this._translations = messages[0];
     }
+    static get watchers() { return {
+        "locale": ["localeWatchHandler"]
+    }; }
     static get style() { return LayerListStyle0; }
 }, [0, "layer-list", {
         "mapView": [16],
         "layers": [16],
+        "locale": [1],
         "showFeatureCount": [4, "show-feature-count"],
         "showNextIcon": [4, "show-next-icon"],
         "applyLayerViewFilter": [4, "apply-layer-view-filter"],
@@ -241,6 +254,8 @@ const LayerList = /*@__PURE__*/ proxyCustomElement(class LayerList extends HTMLE
         "_isLoading": [32],
         "_translations": [32],
         "refresh": [64]
+    }, undefined, {
+        "locale": ["localeWatchHandler"]
     }]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {