@esri/solutions-components 0.10.23 → 0.10.25

package/dist/components/instant-apps-language-translator2.js

@@ -4,7 +4,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
-import { g as getMessages, a as generateUIData, s as store, E as EIcons, b as getLocales, l as languageTranslatorState, c as getUIDataKeys } from './utils4.js';
+import { i as initExternalCKEditorStyles, g as getMessages, a as generateUIData, s as store, E as EIcons, b as getLocales, l as languageTranslatorState, c as getUIDataKeys, u as updateLastSave } from './utils4.js';
 import { l as loadModules } from './loadModules2.js';
 import { c as getComponentClosestLanguage } from './locale3.js';
 import { d as defineCustomElement$g } from './action.js';
@@ -824,7 +824,7 @@ const LANGUAGE_DATA = {
     },
 };
 
-const instantAppsLanguageTranslatorCss = ".sc-instant-apps-language-translator-h{display:block}.sc-instant-apps-language-translator-h calcite-modal.sc-instant-apps-language-translator{--calcite-modal-content-padding:0}.sc-instant-apps-language-translator-h .instant-apps-language-translator__header.sc-instant-apps-language-translator{display:flex;justify-content:space-between;width:100%}.sc-instant-apps-language-translator-h .instant-apps-language-translator__header-text.sc-instant-apps-language-translator{font-size:18px}.sc-instant-apps-language-translator-h .instant-apps-language-translator__saving-indicator.sc-instant-apps-language-translator{display:flex;align-items:center;font-size:14.5px;color:var(--calcite-color-brand)}.sc-instant-apps-language-translator-h .instant-apps-language-translator__writing-icon.sc-instant-apps-language-translator{display:flex;justify-content:center;align-items:center;margin-right:5px}.sc-instant-apps-language-translator-h .instant-apps-language-translator__close-button.sc-instant-apps-language-translator{width:175px}.sc-instant-apps-language-translator-h .instant-apps-language-translator__header-tip.sc-instant-apps-language-translator{padding:20px;max-width:45vw}.sc-instant-apps-language-translator-h .instant-apps-language-translator__top-bar.sc-instant-apps-language-translator{display:flex;width:100%;position:sticky;top:0;background:var(--calcite-color-foreground-1);z-index:1}.sc-instant-apps-language-translator-h .instant-apps-language-translator__top-bar.sc-instant-apps-language-translator calcite-label.sc-instant-apps-language-translator{--calcite-label-margin-bottom:0;font-weight:var(--calcite-font-weight-medium)}.sc-instant-apps-language-translator-h .instant-apps-language-translator__top-bar-section.sc-instant-apps-language-translator{box-sizing:border-box;display:flex;align-items:center;width:50%;padding:0.5%}.sc-instant-apps-language-translator-h .instant-apps-language-translator__user-lang-text.sc-instant-apps-language-translator{font-weight:var(--calcite-font-weight-medium)}.sc-instant-apps-language-translator-h .instant-apps-language-translator__top-bar-section.sc-instant-apps-language-translator:first-child{display:flex;justify-content:space-between}.sc-instant-apps-language-translator-h .instant-apps-language-translator__top-bar-section.sc-instant-apps-language-translator:nth-child(2) calcite-select.sc-instant-apps-language-translator{width:255px}.sc-instant-apps-language-translator-h .instant-apps-language-translator__collapse-search-container.sc-instant-apps-language-translator{display:flex;justify-content:space-between}.sc-instant-apps-language-translator-h .instant-apps-language-translator__collapse-search-container.sc-instant-apps-language-translator calcite-input.sc-instant-apps-language-translator{width:300px;margin-left:30px}.ck.ck-reset.ck-editor.ck-rounded-corners.sc-instant-apps-language-translator{margin-top:10px !important;margin-left:55px !important}.ck-editor__editable.sc-instant-apps-language-translator{height:70px !important;font-size:0.875rem !important;line-height:1.375 !important}.ck.ck-editor__editable_inline.sc-instant-apps-language-translator>.sc-instant-apps-language-translator:first-child,.ck.ck-editor__editable_inline.sc-instant-apps-language-translator>.sc-instant-apps-language-translator:last-child{--ck-spacing-large:0.5rem !important}";
+const instantAppsLanguageTranslatorCss = ".sc-instant-apps-language-translator-h{display:block}.sc-instant-apps-language-translator-h calcite-modal.sc-instant-apps-language-translator{--calcite-modal-content-padding:0}.sc-instant-apps-language-translator-h .instant-apps-language-translator__header.sc-instant-apps-language-translator{display:flex;justify-content:space-between;width:100%}.sc-instant-apps-language-translator-h .instant-apps-language-translator__header-text.sc-instant-apps-language-translator{font-size:18px}.sc-instant-apps-language-translator-h .instant-apps-language-translator__saving-indicator.sc-instant-apps-language-translator{display:flex;align-items:center;font-size:14.5px;color:var(--calcite-color-brand)}.sc-instant-apps-language-translator-h .instant-apps-language-translator__writing-icon.sc-instant-apps-language-translator{display:flex;justify-content:center;align-items:center;margin-right:5px}.sc-instant-apps-language-translator-h .instant-apps-language-translator__close-button.sc-instant-apps-language-translator{width:175px}.sc-instant-apps-language-translator-h .instant-apps-language-translator__header-tip.sc-instant-apps-language-translator{padding:20px;max-width:45vw}.sc-instant-apps-language-translator-h .instant-apps-language-translator__top-bar.sc-instant-apps-language-translator{display:flex;width:100%;position:sticky;top:0;background:var(--calcite-color-foreground-1);z-index:1}.sc-instant-apps-language-translator-h .instant-apps-language-translator__top-bar.sc-instant-apps-language-translator calcite-label.sc-instant-apps-language-translator{--calcite-label-margin-bottom:0;font-weight:var(--calcite-font-weight-medium)}.sc-instant-apps-language-translator-h .instant-apps-language-translator__top-bar-section.sc-instant-apps-language-translator{box-sizing:border-box;display:flex;align-items:center;width:50%;padding:0.5%}.sc-instant-apps-language-translator-h .instant-apps-language-translator__user-lang-text.sc-instant-apps-language-translator{font-weight:var(--calcite-font-weight-medium)}.sc-instant-apps-language-translator-h .instant-apps-language-translator__top-bar-section.sc-instant-apps-language-translator:first-child{display:flex;justify-content:space-between}.sc-instant-apps-language-translator-h .instant-apps-language-translator__top-bar-section.sc-instant-apps-language-translator:nth-child(2) calcite-select.sc-instant-apps-language-translator{width:255px}.sc-instant-apps-language-translator-h .instant-apps-language-translator__collapse-search-container.sc-instant-apps-language-translator{display:flex;justify-content:space-between}.sc-instant-apps-language-translator-h .instant-apps-language-translator__collapse-search-container.sc-instant-apps-language-translator calcite-input.sc-instant-apps-language-translator{width:300px;margin-left:30px}.sc-instant-apps-language-translator-h .instant-apps-language-translator__primary-content.sc-instant-apps-language-translator{display:flex;align-items:center}.sc-instant-apps-language-translator-h .instant-apps-language-translator__primary-content.sc-instant-apps-language-translator .instant-apps-language-translator__close-button.sc-instant-apps-language-translator,.sc-instant-apps-language-translator-h .instant-apps-language-translator__primary-content.sc-instant-apps-language-translator .instant-apps-language-translator__saving-indicator.sc-instant-apps-language-translator,.sc-instant-apps-language-translator-h .instant-apps-language-translator__primary-content.sc-instant-apps-language-translator .instant-apps-language-translator__last-auto-save.sc-instant-apps-language-translator{margin-right:20px}.ck.ck-reset.ck-editor.ck-rounded-corners.sc-instant-apps-language-translator{margin-top:10px !important;margin-left:55px !important}.ck-editor__editable.sc-instant-apps-language-translator{height:70px !important;font-size:0.875rem !important;line-height:1.375 !important}.ck.ck-editor__editable_inline.sc-instant-apps-language-translator>.sc-instant-apps-language-translator:first-child,.ck.ck-editor__editable_inline.sc-instant-apps-language-translator>.sc-instant-apps-language-translator:last-child{--ck-spacing-large:0.5rem !important}html[dir=rtl] .sc-instant-apps-language-translator-h .instant-apps-language-translator__primary-content.sc-instant-apps-language-translator .instant-apps-language-translator__close-button.sc-instant-apps-language-translator,html[dir=rtl] .sc-instant-apps-language-translator-h .instant-apps-language-translator__primary-content.sc-instant-apps-language-translator .instant-apps-language-translator__saving-indicator.sc-instant-apps-language-translator,html[dir=rtl] .sc-instant-apps-language-translator-h .instant-apps-language-translator__primary-content.sc-instant-apps-language-translator .instant-apps-language-translator__last-auto-save.sc-instant-apps-language-translator{margin-right:unset;margin-left:20px}";
 const InstantAppsLanguageTranslatorStyle0 = instantAppsLanguageTranslatorCss;
 
 const BASE = 'instant-apps-language-translator';
@@ -841,6 +841,8 @@ const CSS = {
     userLangText: `${BASE}__user-lang-text`,
     lastItem: `${BASE}--last-item`,
     writingIcon: `${BASE}__writing-icon`,
+    primaryContent: `${BASE}__primary-content`,
+    lastAutoSave: `${BASE}__last-auto-save`,
 };
 const InstantAppsLanguageTranslator = /*@__PURE__*/ proxyCustomElement(class InstantAppsLanguageTranslator extends HTMLElement {
     constructor() {
@@ -868,6 +870,9 @@ const InstantAppsLanguageTranslator = /*@__PURE__*/ proxyCustomElement(class Ins
         this.initUIData();
         this.initSelectLanguage();
     }
+    componentWillLoad() {
+        initExternalCKEditorStyles();
+    }
     async componentDidLoad() {
         this.initialize();
     }
@@ -917,23 +922,23 @@ const InstantAppsLanguageTranslator = /*@__PURE__*/ proxyCustomElement(class Ins
             const portalItemResource = (await getPortalItemResource(this.portalItem));
             store.set('portalItemResource', portalItemResource);
             const t9nData = await fetchResourceData(this.request, portalItemResource);
+            store.set('lastSave', t9nData.lastSave);
             store.set('portalItemResourceT9n', t9nData !== null && t9nData !== void 0 ? t9nData : {});
         }
         catch (_a) { }
     }
     render() {
-        return (h(Host, { key: '2c017345058f822812f4f26d7360e40fa8a4cab1' }, this.renderModal(), this.renderPopoverTip()));
+        return (h(Host, { key: '1f68786d3e9bced7a2242033cf51fc4937bc910a' }, this.renderModal(), this.renderPopoverTip()));
     }
     renderModal() {
-        return (h("calcite-modal", { open: this.open, scale: "l", fullscreen: true, onCalciteModalClose: this.close.bind(this) }, this.renderHeader(), this.renderContent(), this.renderPrimaryButton()));
+        return (h("calcite-modal", { open: this.open, scale: "l", fullscreen: true, onCalciteModalClose: this.close.bind(this) }, this.renderHeader(), this.renderContent(), this.renderPrimaryContent()));
     }
     renderPopoverTip() {
         var _a;
         return (h("calcite-popover", { label: "", referenceElement: "headerTip", placement: "trailing", "auto-close": true, closable: true }, h("div", { class: CSS.headerTip }, (_a = this.messages) === null || _a === void 0 ? void 0 : _a.headerTip)));
     }
     renderHeader() {
-        const saving = store.get('saving');
-        return (h("header", { class: CSS.header, slot: "header" }, this.renderHeaderText(), saving ? this.renderSavingIndicator() : null));
+        return (h("header", { class: CSS.header, slot: "header" }, this.renderHeaderText()));
     }
     renderHeaderText() {
         const { messages } = this;
@@ -941,9 +946,8 @@ const InstantAppsLanguageTranslator = /*@__PURE__*/ proxyCustomElement(class Ins
     }
     renderSavingIndicator() {
         var _a;
-        const saving = store.get('saving');
         const t9n = (_a = this.messages) === null || _a === void 0 ? void 0 : _a.saving;
-        return (h("div", { class: CSS.savingIndicator }, saving ? h("calcite-loader", { label: t9n, inline: true }) : null, h("span", null, t9n)));
+        return (h("div", { class: CSS.savingIndicator }, h("calcite-loader", { label: t9n, inline: true }), h("span", null, t9n)));
     }
     renderContent() {
         const localeItems = getLocales(this.locales);
@@ -1012,11 +1016,25 @@ const InstantAppsLanguageTranslator = /*@__PURE__*/ proxyCustomElement(class Ins
         const translatedLanguageLabels = (_b = (_a = this.appSettings) === null || _a === void 0 ? void 0 : _a.translatedLanguageLabels) === null || _b === void 0 ? void 0 : _b[languageTranslatorState.currentLanguage];
         const isLast = `${keyIndex === uiDataKeysLen - 1 ? CSS.lastItem : ''}`;
         const setting = this.appSettings.content.filter(contentItem => contentItem.id === key)[0];
-        return (h("instant-apps-language-translator-item", { key: `${key}-${keyIndex}`, class: isLast, fieldName: key, translatedLanguageLabels: translatedLanguageLabels, setting: setting, userLocaleInputOnChangeCallback: this.userLocaleInputOnChangeCallback, translatedLocaleInputOnChangeCallback: this.translatedLocaleInputOnChangeCallback }));
+        return (h("instant-apps-language-translator-item", { key: `${key}-${keyIndex}`, class: isLast, fieldName: key, translatedLanguageLabels: translatedLanguageLabels, setting: setting, userLocaleInputOnChangeCallback: async (fieldName, value) => {
+                try {
+                    await this.userLocaleInputOnChangeCallback(fieldName, value);
+                    const resource = store.get('portalItemResource');
+                    updateLastSave(resource);
+                }
+                catch (_a) { }
+            }, translatedLocaleInputOnChangeCallback: async (fieldName, value, locale, resource) => {
+                try {
+                    await this.translatedLocaleInputOnChangeCallback(fieldName, value, locale, resource);
+                    updateLastSave(resource);
+                }
+                catch (_a) { }
+            } }));
     }
-    renderPrimaryButton() {
-        var _a;
-        return (h("calcite-button", { onClick: () => (this.open = false), slot: "primary", class: CSS.closeButton }, (_a = this.messages) === null || _a === void 0 ? void 0 : _a.close));
+    renderPrimaryContent() {
+        var _a, _b;
+        return (h("div", { class: CSS.primaryContent, slot: "primary" }, store.get('saving') ? this.renderSavingIndicator() : null, store.get('lastSave') ? (h("span", { key: "last-save", class: CSS.lastAutoSave }, (_a = this.messages) === null || _a === void 0 ? void 0 :
+            _a.lastAutoSave, " ", this.intl.formatDate(store.get('lastSave')))) : null, h("calcite-button", { onClick: () => (this.open = false), class: CSS.closeButton }, (_b = this.messages) === null || _b === void 0 ? void 0 : _b.close)));
     }
     handleExpandCollapseAll() {
         this.isCollapse = !this.isCollapse;
@@ -1073,7 +1091,9 @@ const InstantAppsLanguageTranslator = /*@__PURE__*/ proxyCustomElement(class Ins
         store.set('saving', true);
         try {
             const resource = await this.getPortalItemResource();
-            const dataStr = JSON.stringify(data);
+            const lastSave = Date.now();
+            store.set('lastSave', lastSave);
+            const dataStr = JSON.stringify(Object.assign(Object.assign({}, data), { lastSave }));
             const blobParts = [dataStr];
             const options = { type: 'application/json' };
             const blob = new Blob(blobParts, options);

package/dist/components/instant-apps-measurement-tool2.js

@@ -39,9 +39,9 @@ const InstantAppsMeasurementTool = /*@__PURE__*/ proxyCustomElement(class Instan
         this._init();
     }
     render() {
-        return (h(Host, { key: 'f49b77294093fbd2a6b31cb1081367b9151f575b' }, h("div", { key: '9a6ac16c6184c4416e9f2a287e0faaf9ff0a533b', class: CSS.base }, h("div", { key: '5ba7577ad0b9978113e854fcea10086f2758d07c', ref: el => {
+        return (h(Host, { key: '4357b8a39789ea390bedfcd96f4d21c1a0211484' }, h("div", { key: 'b42cca8e290ba490b8a1afca1818c9d95dfcc32b', class: CSS.base }, h("div", { key: '59be3dd42e293dcd8f7fa3e132fa65cfef12ffa7', ref: el => {
                 this._measureElement = el;
-            } }), h("div", { key: 'adcacc2ea84e2c3d292407df71336a4d2cace92a', class: CSS.hide, ref: el => {
+            } }), h("div", { key: '2ee6045804e3b7eeb3db1a5bdb5dc5d0cf15a5c8', class: CSS.hide, ref: el => {
                 this._coordinateElement = el;
             } }))));
     }

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

@@ -42,7 +42,7 @@ const InstantAppsMeasurement$1 = /*@__PURE__*/ proxyCustomElement(class InstantA
     componentDidLoad() { }
     render() {
         var _a;
-        return (h(Host, { key: '0af812b1330d8e6dc26319b6c19ccc94b3704759' }, h("calcite-panel", { key: '61a7c3c7e880ddb4aeeeac24ac0c37eeedb96a0c', heading: (_a = this === null || this === void 0 ? void 0 : this.messages) === null || _a === void 0 ? void 0 : _a.label, closable: this.closable }, h("div", { key: '835e5e4f7a90618eb37a65bdca38e7ec684f54d1' }, this.renderActionPad()), this.renderMeasureToolPanel())));
+        return (h(Host, { key: '843dd716e3f9b125044afd9a2919a60b937ae8b0' }, h("calcite-panel", { key: '45dd9e43decdcdc0526139938751d727bd73b3e0', heading: (_a = this === null || this === void 0 ? void 0 : this.messages) === null || _a === void 0 ? void 0 : _a.label, closable: this.closable }, h("div", { key: 'beb440bfbb87cd00189630e442aabe97a1e83d9e' }, this.renderActionPad()), this.renderMeasureToolPanel())));
     }
     renderMeasureToolPanel() {
         const { view, coordinateFormat, areaUnit, linearUnit, activeToolType } = this;

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

@@ -51,7 +51,7 @@ const InstantAppsPopover$1 = /*@__PURE__*/ proxyCustomElement(class InstantAppsP
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("calcite-popover", { key: '0a947f50aa4cdd6bc976114ae22306fb0209c2b4', ref: (el) => (this.popoverEl = el), heading: this.popoverTitle, "auto-close": true, placement: this.placement, messageOverrides: { close: (_a = this.messages) === null || _a === void 0 ? void 0 : _a.close }, "trigger-disabled": true, "ref-id": this.refId, closable: true, referenceElement: this.referenceElement, label: this.popoverTitle }, h("div", { key: '7cab29cdb387d8134443710ef99a25bcf82c763c', class: `${CSS.content}${this.disableAction ? ` ${CSS.actionDisabled}` : ''}` }, !this.disableAction ? (h("calcite-action", { key: "popover-action", class: CSS.action, onClick: this.popoverAction, icon: document.dir === 'rtl' ? 'chevron-right' : 'chevron-left', compact: true, "text-enabled": true, text: (((_b = this.messageOverrides) === null || _b === void 0 ? void 0 : _b.popoverAction) ? this.messageOverrides.popoverAction : this.messages.back) })) : null, h("section", { key: '88a40da705c769e1683d3fbcb399b5eeee60ddab' }, h("span", { key: 'c69d391e94a9be35f88af0a9ea7cd75bb3a4fe97', id: "subtitle" }, this.subtitle), h("p", { key: 'f14f885d04d2788c6b7f129e5b1294b0136162a0' }, this.content), this.imgSrc ? h("img", { key: `iac-popover-img-${this.refId}`, class: CSS.img, src: this.imgSrc, alt: this.imgAlt ? this.imgAlt : '' }) : null), this.pagination ? (h("div", { key: `iac-popover-footer-${this.index}`, class: CSS.footer }, h("span", null, this.index + 1, " ", (_c = this.messages) === null || _c === void 0 ? void 0 :
+        return (h("calcite-popover", { key: '325d942b43189ebeb5c3be2a4bac2c66f283a5cc', ref: (el) => (this.popoverEl = el), heading: this.popoverTitle, "auto-close": true, placement: this.placement, messageOverrides: { close: (_a = this.messages) === null || _a === void 0 ? void 0 : _a.close }, "trigger-disabled": true, "ref-id": this.refId, closable: true, referenceElement: this.referenceElement, label: this.popoverTitle }, h("div", { key: '46d0e04ac90ecf4765d29c48968c53873d475776', class: `${CSS.content}${this.disableAction ? ` ${CSS.actionDisabled}` : ''}` }, !this.disableAction ? (h("calcite-action", { key: "popover-action", class: CSS.action, onClick: this.popoverAction, icon: document.dir === 'rtl' ? 'chevron-right' : 'chevron-left', compact: true, "text-enabled": true, text: (((_b = this.messageOverrides) === null || _b === void 0 ? void 0 : _b.popoverAction) ? this.messageOverrides.popoverAction : this.messages.back) })) : null, h("section", { key: 'f48382c9f915edc1d4fd90e107c9c86efc2b2114' }, h("span", { key: '5e14762c0520cab8d1207a7aae255f185dc0319c', id: "subtitle" }, this.subtitle), h("p", { key: '6fd83761aa4acbcdead3bef826dba252f1cdf71d' }, this.content), this.imgSrc ? h("img", { key: `iac-popover-img-${this.refId}`, class: CSS.img, src: this.imgSrc, alt: this.imgAlt ? this.imgAlt : '' }) : null), this.pagination ? (h("div", { key: `iac-popover-footer-${this.index}`, class: CSS.footer }, h("span", null, this.index + 1, " ", (_c = this.messages) === null || _c === void 0 ? void 0 :
             _c.of, " ", (_e = (_d = this.parent) === null || _d === void 0 ? void 0 : _d.instantAppsPopovers) === null || _e === void 0 ? void 0 :
             _e.size), this.renderPagination())) : null)));
     }

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

@@ -247,7 +247,7 @@ const InstantAppsScoreboard$1 = /*@__PURE__*/ proxyCustomElement(class InstantAp
         const progress = isLoading || isCalculating || ((_a = this.view) === null || _a === void 0 ? void 0 : _a.updating) ? this.renderProgress() : null;
         const positionClass = this.getPositionClass;
         const styleClass = this.getStyleClass;
-        return h(Host, { key: '0a4e0bd527aa63498f71650b418da1167c0570c0', class: `${positionClass} ${styleClass}` }, isDisabled ? null : [progress, ((_b = this.items) === null || _b === void 0 ? void 0 : _b.length) > 0 ? this.renderBase() : null]);
+        return h(Host, { key: '44beef3ec01847c89e09afa6469f05dd5caf9e9d', class: `${positionClass} ${styleClass}` }, isDisabled ? null : [progress, ((_b = this.items) === null || _b === void 0 ? void 0 : _b.length) > 0 ? this.renderBase() : null]);
     }
     renderBase() {
         return (h("div", { key: "instant-apps-scoreboard-base", class: BASE }, this.renderContent()));

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

@@ -56,7 +56,7 @@ const InstantAppsSignIn = /*@__PURE__*/ proxyCustomElement(class InstantAppsSign
     }
     render() {
         const signIn = this.ready ? this.renderContent() : null;
-        return h(Host, { key: 'af813637b99889bb82ab99c21d2b2dce986f546a' }, signIn);
+        return h(Host, { key: 'af7ff807a996fd2dbbc647988fc24e5a122c4efe' }, signIn);
     }
     renderContent() {
         return this.type === 'landingPage' ? this.renderLandingPageSignIn() : this.renderSignInContainer();

package/dist/components/instant-apps-social-share2.js

@@ -213,10 +213,10 @@ const InstantAppsSocialShare = /*@__PURE__*/ proxyCustomElement(class InstantApp
         const content = this.copied && this.mode === 'popover' ? (this.renderSuccess()) : (h("div", { class: CSS.dialogContent }, this.renderOptions(), this.displayTipText ? this.renderTip() : null, this.embed ? this.renderEmbed() : null));
         const layoutClass = this.shareIconsLayout === 'vertical' ? ` ${CSS.layout.vertical}` : ` ${CSS.layout.horizontal}`;
         const mode = ` calcite-mode-${!!this.el.closest(CALCITE_MODE_DARK) ? 'dark' : 'light'}`;
-        const dialogContent = (h("div", { key: '1d10b5a2fb75584357c9c0f4fbd75e4904ad20ef', ref: el => (this.dialogContentRef = el), class: `${CSS.dialog}${layoutClass}${mode}` }, content));
+        const dialogContent = (h("div", { key: 'b23e14b1ba2ca6f64137f676aae9f19fde42260d', ref: el => (this.dialogContentRef = el), class: `${CSS.dialog}${layoutClass}${mode}` }, content));
         const defaultOffset = 6;
         const offsetDistance = this.removePopoverOffset ? 0 : defaultOffset;
-        return (h(Host, { key: '75f577c38604ff752062434134a04d6d85263c16' }, this.mode === 'popover'
+        return (h(Host, { key: '5143e472b8381d068e6cc6f155b5c65d3aaf4c53' }, this.mode === 'popover'
             ? [
                 h("calcite-popover", { ref: (el) => (this.popoverRef = el), label: (_b = (_a = this.messages) === null || _a === void 0 ? void 0 : _a.share) === null || _b === void 0 ? void 0 : _b.label, referenceElement: "shareButton", placement: "bottom-start", scale: this.scale, "overlay-positioning": this.popoverPositioning, "offset-distance": offsetDistance, "pointer-disabled": this.removePopoverOffset }, dialogContent),
                 this.renderButton(),

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

@@ -99,7 +99,7 @@ const InstantAppsSplash$1 = /*@__PURE__*/ proxyCustomElement(class InstantAppsSp
         getMessages(this);
     }
     render() {
-        return (h("calcite-modal", { key: '6d98522026f0aba032808d486474ac04501e9a81', onCalciteModalClose: this.close.bind(this), open: this.open, closeButtonDisabled: this.closeButtonDisabled, outsideCloseDisabled: this.outsideCloseDisabled }, this.renderHeader(), this.renderContent(), this.localStorageKey ? this.renderDontShowThisAgainCheckbox() : null, this.renderPrimaryButton(), this.secondaryButton ? this.renderSecondaryButton() : null));
+        return (h("calcite-modal", { key: 'd7ae1e9533ce3ac221547530c509e1682e253ab2', onCalciteModalClose: this.close.bind(this), open: this.open, closeButtonDisabled: this.closeButtonDisabled, outsideCloseDisabled: this.outsideCloseDisabled }, this.renderHeader(), this.renderContent(), this.localStorageKey ? this.renderDontShowThisAgainCheckbox() : null, this.renderPrimaryButton(), this.secondaryButton ? this.renderSecondaryButton() : null));
     }
     renderHeader() {
         const { titleText } = this;

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

@@ -257,7 +257,7 @@ class InstantAppsTimeFilterViewModel {
         catch (_a) { }
     }
     async init(timeSliderRef) {
-        var _a, _b;
+        var _a, _b, _c;
         if (timeSliderRef)
             timeSliderRef.innerHTML = '';
         if (((_b = (_a = state === null || state === void 0 ? void 0 : state.timeSlider) === null || _a === void 0 ? void 0 : _a.viewModel) === null || _b === void 0 ? void 0 : _b.state) === 'playing')
@@ -267,13 +267,21 @@ class InstantAppsTimeFilterViewModel {
             return;
         try {
             await view.when();
-            const timeLayerViews = await this.getTimeLayerViews(view, timeInfoConfigItems);
-            state.timeInfoItems = this.generateTimeInfoItems(timeLayerViews, timeInfoConfigItems);
-            this.initTimeSlider(timeSliderRef);
-            this.setupFilterModeWatcher();
+            if (timeInfoConfigItems.length === 1 && ((_c = timeInfoConfigItems[0]) === null || _c === void 0 ? void 0 : _c.type) === 'map') {
+                this.initTimeSlider(timeSliderRef, timeInfoConfigItems[0]);
+            }
+            else {
+                const timeLayerViews = await this.getTimeLayerViews(view, timeInfoConfigItems);
+                state.timeInfoItems = this.generateTimeInfoItems(timeLayerViews, timeInfoConfigItems);
+                this.initTimeSlider(timeSliderRef);
+            }
             return Promise.resolve();
         }
-        catch (_c) { }
+        catch (_d) {
+        }
+        finally {
+            this.setupFilterModeWatcher();
+        }
     }
     destroy() {
         var _a, _b;
@@ -310,17 +318,26 @@ class InstantAppsTimeFilterViewModel {
             previousTimeExtent: null,
         };
     }
-    initTimeSlider(timeSliderRef) {
+    initTimeSlider(timeSliderRef, defaultItem) {
         var _a, _b;
-        const initialTimeInfoItem = (_a = state === null || state === void 0 ? void 0 : state.timeInfoItems) === null || _a === void 0 ? void 0 : _a[0];
-        if (!initialTimeInfoItem)
-            return;
         const { TimeSlider } = this;
-        state.selectedTimeInfoItem = initialTimeInfoItem;
-        const config = this.getTimeSliderConfig(timeSliderRef);
-        state.timeSlider = new TimeSlider(config);
-        if (state.autoPlay)
-            state.timeSlider.play();
+        const initializeSlider = config => {
+            state.timeSlider = new TimeSlider(config);
+            if (state.autoPlay)
+                state.timeSlider.play();
+        };
+        if (defaultItem) {
+            const config = this.getTimeSliderConfig(timeSliderRef, defaultItem);
+            initializeSlider(config);
+        }
+        else {
+            const initialTimeInfoItem = (_a = state === null || state === void 0 ? void 0 : state.timeInfoItems) === null || _a === void 0 ? void 0 : _a[0];
+            if (!initialTimeInfoItem)
+                return;
+            state.selectedTimeInfoItem = initialTimeInfoItem;
+            const config = this.getTimeSliderConfig(timeSliderRef);
+            initializeSlider(config);
+        }
         if (((_b = state.view) === null || _b === void 0 ? void 0 : _b.type) === '2d')
             this.initialize2DView();
     }
@@ -331,20 +348,33 @@ class InstantAppsTimeFilterViewModel {
             this.applyTimeExtent(fLayerView, ((_b = (_a = fLayerView === null || fLayerView === void 0 ? void 0 : fLayerView.featureEffect) === null || _a === void 0 ? void 0 : _a.filter) === null || _b === void 0 ? void 0 : _b.timeExtent) || ((_c = fLayerView.filter) === null || _c === void 0 ? void 0 : _c.timeExtent), newValue);
         }));
     }
-    getTimeSliderConfig(timeSliderRef) {
-        var _a;
-        const [{ timeExtent, rangeStart, rangeEnd, unit, timeIntervalValue }] = state.timeInfoItems;
+    getTimeSliderConfig(timeSliderRef, defaultItem) {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
         const { TimeExtent, TimeInterval } = this;
-        const config = Object.assign({ container: timeSliderRef, fullTimeExtent: timeExtent, timeExtent: new TimeExtent({
-                start: rangeStart,
-                end: rangeEnd,
-            }), mode: 'time-window', stops: {
-                interval: new TimeInterval({
-                    unit,
-                    value: timeIntervalValue,
-                }),
-            }, view: ((_a = state.view) === null || _a === void 0 ? void 0 : _a.type) === '3d' ? state.view : null }, state.timeSliderConfig);
-        return config;
+        const baseConfig = Object.assign({ container: timeSliderRef, mode: 'time-window', view: ((_a = state.view) === null || _a === void 0 ? void 0 : _a.type) === '3d' ? state.view : null }, state.timeSliderConfig);
+        if (defaultItem) {
+            const timeSlider = (_d = (_c = (_b = state.view) === null || _b === void 0 ? void 0 : _b.map) === null || _c === void 0 ? void 0 : _c.widgets) === null || _d === void 0 ? void 0 : _d.timeSlider;
+            return Object.assign(Object.assign({}, baseConfig), { fullTimeExtent: timeSlider === null || timeSlider === void 0 ? void 0 : timeSlider.fullTimeExtent, timeExtent: timeSlider === null || timeSlider === void 0 ? void 0 : timeSlider.currentTimeExtent, stops: ((_e = timeSlider === null || timeSlider === void 0 ? void 0 : timeSlider.stopInterval) === null || _e === void 0 ? void 0 : _e.unit) && ((_f = timeSlider === null || timeSlider === void 0 ? void 0 : timeSlider.stopInterval) === null || _f === void 0 ? void 0 : _f.value)
+                    ? {
+                        interval: new TimeInterval({
+                            unit: (_g = timeSlider === null || timeSlider === void 0 ? void 0 : timeSlider.stopInterval) === null || _g === void 0 ? void 0 : _g.unit,
+                            value: (_h = timeSlider === null || timeSlider === void 0 ? void 0 : timeSlider.stopInterval) === null || _h === void 0 ? void 0 : _h.value,
+                        }),
+                    }
+                    : null });
+        }
+        else {
+            const [{ timeExtent, rangeStart, rangeEnd, unit, timeIntervalValue }] = state.timeInfoItems;
+            return Object.assign(Object.assign({}, baseConfig), { fullTimeExtent: timeExtent, timeExtent: new TimeExtent({
+                    start: rangeStart,
+                    end: rangeEnd,
+                }), stops: {
+                    interval: new TimeInterval({
+                        unit,
+                        value: timeIntervalValue,
+                    }),
+                } });
+        }
     }
     initialize2DView() {
         state.timeInfoItems.forEach(timeInfoItem => this.applyTimeExtent(timeInfoItem.layerView, new this.TimeExtent({ start: timeInfoItem.rangeStart, end: timeInfoItem.rangeEnd })));
@@ -504,7 +534,7 @@ const InstantAppsTimeFilter$1 = /*@__PURE__*/ proxyCustomElement(class InstantAp
         viewModel.destroy();
     }
     render() {
-        return h$2(Host, { key: '38a0569dba42d51846760bf75df36ee1c88d71b1' }, this._renderBase());
+        return h$2(Host, { key: '9366ce36d85d1b97ff9dad8a93f5cfb93d12551b' }, this._renderBase());
     }
     _renderBase() {
         return (h$2("div", { class: `${CSS.base}${this.view.type !== '2d' ? CSS.threeD : ''}` }, this._renderLoader(), this.view.type === '2d' && this._renderTopEl(), h$2("div", { key: "time-slider", ref: (ref) => (this.timeSliderRef = ref) })));

package/dist/components/layer-table2.js

@@ -742,7 +742,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     _getFieldlist() {
         return this._columnsInfo ? (h("calcite-dropdown-group", { "selection-mode": "multiple" }, Object.keys(this._columnsInfo).map(k => {
             const selected = this._columnsInfo[k];
-            return (h("calcite-dropdown-item", { id: k, onClick: (e) => {
+            return (h("calcite-dropdown-item", { id: `layer-table-${k.toLowerCase().replaceAll(" ", "")}`, onClick: (e) => {
                     const target = e.target;
                     this._columnsInfo[target.id] = target.selected;
                     if (!target.selected) {
@@ -1082,7 +1082,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
     _getDropdown(id) {
         const dropdownItems = this._getDropdownItems();
         return dropdownItems.length > 0 ? (h("calcite-dropdown", { closeOnSelectDisabled: true, disabled: this._layer === undefined, id: "solutions-more", onCalciteDropdownBeforeClose: () => this._forceShowHide(), ref: (el) => this._moreDropdown = el }, h("calcite-action", { appearance: "solid", id: id, label: "", onClick: () => this._closeShowHide(), slot: "trigger", text: "" }, h("calcite-button", { appearance: "transparent", iconEnd: "chevron-down", kind: "neutral" }, this._translations.more)), h("calcite-dropdown-group", { "selection-mode": "none" }, dropdownItems.map(item => {
-            return (h("calcite-dropdown-group", { class: item.disabled ? "disabled" : "", selectionMode: item.disabled ? "none" : "single" }, h("calcite-dropdown-item", { disabled: item.loading, iconStart: item.isSublist && this._showHideOpen ? "chevron-down" : item.loading ? "" : item.icon, id: "solutions-subset-list", onClick: item.func }, item.loading ? (h("div", { class: "display-flex" }, h("calcite-loader", { inline: true, label: item.label, scale: "m" }), item.label)) : item.label)));
+            return (h("calcite-dropdown-group", { class: item.disabled ? "disabled" : "", selectionMode: item.disabled ? "none" : "single" }, h("calcite-dropdown-item", { disabled: item.loading, iconStart: item.isSublist && this._showHideOpen ? "chevron-down" : item.loading ? "" : item.icon, id: `layer-table-${item.icon}`, onClick: item.func }, item.loading ? (h("div", { class: "display-flex" }, h("calcite-loader", { inline: true, label: item.label, scale: "m" }), item.label)) : item.label)));
         })), this._showHideOpen ? this._getFieldlist() : undefined)) : undefined;
     }
     /**
@@ -1105,7 +1105,7 @@ const LayerTable = /*@__PURE__*/ proxyCustomElement(class LayerTable extends HTM
      */
     _getAction(active, icon, indicator, label, func, disabled, loading, slot) {
         const _disabled = this._layer === undefined ? true : disabled;
-        return (h("div", { class: "display-flex", id: this._getId(icon), slot: slot }, h("calcite-action", { active: active, appearance: "solid", disabled: _disabled, icon: icon, id: icon, indicator: indicator, label: label, loading: loading, onClick: func, text: label, textEnabled: true }), this._getToolTip("bottom", icon, label)));
+        return (h("div", { class: "display-flex", id: this._getId(icon), slot: slot }, h("calcite-action", { active: active, appearance: "solid", disabled: _disabled, icon: icon, id: `layer-table-${icon}`, indicator: indicator, label: label, loading: loading, onClick: func, text: label, textEnabled: true }), this._getToolTip("bottom", icon, label)));
     }
     /**
      * Get an action and tooltip for share

package/dist/components/solution-item-accordion.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SolutionItemAccordion extends Components.SolutionItemAccordion, HTMLElement {}
+export const SolutionItemAccordion: {
+    prototype: SolutionItemAccordion;
+    new (): SolutionItemAccordion;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;