@esri/solutions-components 0.10.24 → 0.10.25

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

@@ -41,8 +41,8 @@ const InstantAppsLanguageSwitcher$1 = /*@__PURE__*/ proxyCustomElement(class Ins
         this.view = undefined;
         this.locales = [];
         this.defaultLocale = undefined;
-        this.messages = undefined;
         this.selectedLanguage = null;
+        this.messages = undefined;
         this.t9nData = null;
     }
     async componentWillLoad() {
@@ -94,7 +94,7 @@ const InstantAppsLanguageSwitcher$1 = /*@__PURE__*/ proxyCustomElement(class Ins
         const trigger = this.renderTrigger();
         const dropdown = this.renderDropdownItems();
         const defaultLocale = this.renderDefaultLocale();
-        return (h("calcite-dropdown", { key: 'ced0c98bd69889c1c8c655425a495da4a1bf7ab1', onCalciteDropdownBeforeOpen: () => (this.trigger.iconEnd = 'chevron-up'), onCalciteDropdownBeforeClose: () => (this.trigger.iconEnd = 'chevron-down'), "width-scale": "m" }, trigger, defaultLocale, dropdown));
+        return (h("calcite-dropdown", { key: '292b75e8a6f9d7ab2739e4d85f90d975f5b49c1e', onCalciteDropdownBeforeOpen: () => (this.trigger.iconEnd = 'chevron-up'), onCalciteDropdownBeforeClose: () => (this.trigger.iconEnd = 'chevron-down'), "width-scale": "m" }, trigger, defaultLocale, dropdown));
     }
     renderDefaultLocale() {
         const { userLocale } = this;
@@ -191,8 +191,8 @@ const InstantAppsLanguageSwitcher$1 = /*@__PURE__*/ proxyCustomElement(class Ins
         "view": [16],
         "locales": [16],
         "defaultLocale": [1, "default-locale"],
+        "selectedLanguage": [1, "selected-language"],
         "messages": [32],
-        "selectedLanguage": [32],
         "t9nData": [32],
         "refresh": [64]
     }]);

package/dist/components/instant-apps-language-translator-item2.js

@@ -4,7 +4,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, Host } from '@stencil/core/internal/client';
-import { d as ESettingType, i as isCalciteModeDark, e as ECalciteMode, s as store, f as EInputType, E as EIcons, l as languageTranslatorState, h as getT9nData, c as getUIDataKeys } from './utils4.js';
+import { d as ESettingType, e as isCalciteModeDark, f as ECalciteMode, s as store, h as EInputType, E as EIcons, l as languageTranslatorState, j as getT9nData, c as getUIDataKeys } from './utils4.js';
 import { d as defineCustomElement$7 } from './action.js';
 import { d as defineCustomElement$6 } from './icon.js';
 import { d as defineCustomElement$5 } from './input.js';

package/dist/components/instant-apps-language-translator-search2.js

@@ -28,7 +28,7 @@ const InstantAppsLanguageTranslatorSearch = /*@__PURE__*/ proxyCustomElement(cla
         this.results = [];
     }
     render() {
-        return (h(Host, { key: '71fa373371b7b33faa8f3d91959dc50b1e3b0f34' }, this.renderSearchInput(), this.renderSuggestions()));
+        return (h(Host, { key: '80febf289e2bbfcf09636c84b5a5a83e80f377c0' }, this.renderSearchInput(), this.renderSuggestions()));
     }
     renderSearchInput() {
         return (h("calcite-input", { ref: (node) => (this.searchInput = node), class: CSS.input, onCalciteInputInput: this.handleSearch.bind(this), type: "search", placeholder: this.t9nPlaceholder, icon: "search" }));

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/utils4.js

@@ -39,6 +39,12 @@ var ECalciteMode;
     ECalciteMode["Dark"] = "calcite-mode-dark";
 })(ECalciteMode || (ECalciteMode = {}));
 
+const CKEditorStyles = `
+  .instant-apps-language-translator-item__nested-input .ck.ck-reset.ck-editor.ck-rounded-corners {
+    margin-left: 30px !important;
+  }
+`;
+
 const LanguageTranslatorStore = createStore({
     uiData: null,
     currentLanguage: null,
@@ -117,5 +123,20 @@ function getLocales(localeItems) {
 function isCalciteModeDark() {
     return document.body.classList.contains(ECalciteMode.Dark);
 }
+function initExternalCKEditorStyles() {
+    const style = document.createElement('style');
+    style.innerHTML = CKEditorStyles;
+    document.head.appendChild(style);
+}
+async function updateLastSave(resource) {
+    const data = await resource.fetch();
+    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);
+    resource.update(blob);
+}
 
-export { EIcons as E, generateUIData as a, getLocales as b, getUIDataKeys as c, ESettingType as d, ECalciteMode as e, EInputType as f, getMessages as g, getT9nData as h, isCalciteModeDark as i, languageTranslatorState as l, store as s };
+export { EIcons as E, generateUIData as a, getLocales as b, getUIDataKeys as c, ESettingType as d, isCalciteModeDark as e, ECalciteMode as f, getMessages as g, EInputType as h, initExternalCKEditorStyles as i, getT9nData as j, languageTranslatorState as l, store as s, updateLastSave as u };

package/dist/esm/{ExpandToggle-9289b7ca.js → ExpandToggle-076b4360.js}

@@ -4,7 +4,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { f as forceUpdate, h } from './index-b793d9aa.js';
-import { h as getElementDir } from './dom-451ed293.js';
+import { h as getElementDir } from './dom-42a638f6.js';
 import { S as SLOTS$1 } from './resources-244d70ca.js';
 import { S as SLOTS } from './resources-d7e0fbbf.js';
 

package/dist/esm/{ar-8dded5d5.js → ar-3e3c0d14.js}

@@ -3,25 +3,25 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { d as dayjs } from './calcite-input-time-picker-37845feb.js';
+import { d as dayjs } from './calcite-input-time-picker-2fbabd28.js';
 import './index-b793d9aa.js';
-import './form-fa4c471b.js';
-import './dom-451ed293.js';
+import './form-46367137.js';
+import './dom-42a638f6.js';
 import './guid-42656051.js';
 import './resources-745dec87.js';
 import './interactive-b2a41b8b.js';
 import './browser-a791205e.js';
 import './key-d6dfb50e.js';
-import './label-414f1003.js';
+import './label-f2ec1100.js';
 import './component-d35983a4.js';
 import './loadable-1a9b14b8.js';
-import './locale-337dc231.js';
+import './locale-a53a7bc6.js';
 import './observers-6cac5525.js';
-import './focusTrapComponent-b9709e71.js';
+import './focusTrapComponent-c1def619.js';
 import './config-8d1c3431.js';
-import './time-b0bba3f9.js';
+import './time-f99aceff.js';
 import './math-9afe1f6d.js';
-import './t9n-7d4462c0.js';
+import './t9n-b33c486a.js';
 import './Validation-bd0a53ec.js';
 import './input-7f3fc18b.js';
 

package/dist/esm/{bg-c1cdf619.js → bg-a872736b.js}

@@ -3,25 +3,25 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { d as dayjs } from './calcite-input-time-picker-37845feb.js';
+import { d as dayjs } from './calcite-input-time-picker-2fbabd28.js';
 import './index-b793d9aa.js';
-import './form-fa4c471b.js';
-import './dom-451ed293.js';
+import './form-46367137.js';
+import './dom-42a638f6.js';
 import './guid-42656051.js';
 import './resources-745dec87.js';
 import './interactive-b2a41b8b.js';
 import './browser-a791205e.js';
 import './key-d6dfb50e.js';
-import './label-414f1003.js';
+import './label-f2ec1100.js';
 import './component-d35983a4.js';
 import './loadable-1a9b14b8.js';
-import './locale-337dc231.js';
+import './locale-a53a7bc6.js';
 import './observers-6cac5525.js';
-import './focusTrapComponent-b9709e71.js';
+import './focusTrapComponent-c1def619.js';
 import './config-8d1c3431.js';
-import './time-b0bba3f9.js';
+import './time-f99aceff.js';
 import './math-9afe1f6d.js';
-import './t9n-7d4462c0.js';
+import './t9n-b33c486a.js';
 import './Validation-bd0a53ec.js';
 import './input-7f3fc18b.js';
 

package/dist/esm/{bs-a40506a4.js → bs-fe545c28.js}

@@ -3,25 +3,25 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { d as dayjs } from './calcite-input-time-picker-37845feb.js';
+import { d as dayjs } from './calcite-input-time-picker-2fbabd28.js';
 import './index-b793d9aa.js';
-import './form-fa4c471b.js';
-import './dom-451ed293.js';
+import './form-46367137.js';
+import './dom-42a638f6.js';
 import './guid-42656051.js';
 import './resources-745dec87.js';
 import './interactive-b2a41b8b.js';
 import './browser-a791205e.js';
 import './key-d6dfb50e.js';
-import './label-414f1003.js';
+import './label-f2ec1100.js';
 import './component-d35983a4.js';
 import './loadable-1a9b14b8.js';
-import './locale-337dc231.js';
+import './locale-a53a7bc6.js';
 import './observers-6cac5525.js';
-import './focusTrapComponent-b9709e71.js';
+import './focusTrapComponent-c1def619.js';
 import './config-8d1c3431.js';
-import './time-b0bba3f9.js';
+import './time-f99aceff.js';
 import './math-9afe1f6d.js';
-import './t9n-7d4462c0.js';
+import './t9n-b33c486a.js';
 import './Validation-bd0a53ec.js';
 import './input-7f3fc18b.js';
 

package/dist/esm/buffer-tools_3.entry.js

@@ -5,7 +5,7 @@
  */
 import { r as registerInstance, c as createEvent, g as getElement, h, H as Host } from './index-b793d9aa.js';
 import { l as loadModules, g as getLocaleComponentStrings } from './locale-b1d53fb1.js';
-import { z as setRequestedIcon } from './dom-451ed293.js';
+import { z as setRequestedIcon } from './dom-42a638f6.js';
 import { f as EDrawMode } from './interfaces-659e3836.js';
 import { s as state } from './publicNotificationStore-7b0b97b6.js';
 import './esri-loader-c6842c6b.js';

package/dist/esm/{ca-67879a0c.js → ca-8a2abdaa.js}

@@ -3,25 +3,25 @@
  * Licensed under the Apache License, Version 2.0
  * http://www.apache.org/licenses/LICENSE-2.0
  */
-import { d as dayjs } from './calcite-input-time-picker-37845feb.js';
+import { d as dayjs } from './calcite-input-time-picker-2fbabd28.js';
 import './index-b793d9aa.js';
-import './form-fa4c471b.js';
-import './dom-451ed293.js';
+import './form-46367137.js';
+import './dom-42a638f6.js';
 import './guid-42656051.js';
 import './resources-745dec87.js';
 import './interactive-b2a41b8b.js';
 import './browser-a791205e.js';
 import './key-d6dfb50e.js';
-import './label-414f1003.js';
+import './label-f2ec1100.js';
 import './component-d35983a4.js';
 import './loadable-1a9b14b8.js';
-import './locale-337dc231.js';
+import './locale-a53a7bc6.js';
 import './observers-6cac5525.js';
-import './focusTrapComponent-b9709e71.js';
+import './focusTrapComponent-c1def619.js';
 import './config-8d1c3431.js';
-import './time-b0bba3f9.js';
+import './time-f99aceff.js';
 import './math-9afe1f6d.js';
-import './t9n-7d4462c0.js';
+import './t9n-b33c486a.js';
 import './Validation-bd0a53ec.js';
 import './input-7f3fc18b.js';
 

package/dist/esm/calcite-accordion_2.entry.js

@@ -6,7 +6,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-b793d9aa.js';
 import { c as createObserver } from './observers-6cac5525.js';
 import { c as connectConditionalSlotComponent, d as disconnectConditionalSlotComponent } from './conditionalSlot-0cbc7172.js';
-import { g as getSlotted, h as getElementDir, t as toAriaBoolean, a as closestElementCrossShadowBoundary } from './dom-451ed293.js';
+import { g as getSlotted, h as getElementDir, t as toAriaBoolean, a as closestElementCrossShadowBoundary } from './dom-42a638f6.js';
 import { C as CSS_UTILITY } from './resources-745dec87.js';
 import { g as getIconScale } from './component-d35983a4.js';
 import { s as setUpLoadableComponent, a as setComponentLoaded, c as componentFocusable } from './loadable-1a9b14b8.js';