@esri/solutions-components 0.10.24 → 0.10.26

package/dist/esm/instant-apps-header.entry.js

@@ -84,7 +84,7 @@ const InstantAppsHeader = class {
         const title = this.renderTitle();
         const headerContentClass = this.headerAlignment === 'right' || this.headerAlignment === 'center' ? CSS.headerContent.concat(' ', CSS.alignment[this.headerAlignment]) : CSS.headerContent;
         const fontFamily = getFontFamily(this.fontFamily);
-        return (h(Host, { key: '4b3b100dce96ff66679c1d9354dc220cf898b947' }, this.customHeaderHtml ? ([h("style", null, this.customHeaderCss), h("div", { id: "customHeader", innerHTML: this.customHeaderHtml })]) : (h("header", { class: `${CSS.base}${this.dir === 'rtl' ? ` ${CSS.flipRtl}` : ''}${this.logoImage && !hasEmptyLogo ? ` ${CSS.logoHeight}${this.logoScale}` : ` ${CSS.standardHeight}`}`, style: { backgroundColor: this.backgroundColor, fontFamily } }, h("div", { class: CSS.headerContainer }, h("span", { class: headerContentClass }, logo, title, this.infoButton ? (h("calcite-button", { style: { '--calcite-color-text-1': this.textColor }, id: "infoButton", alignment: "start", appearance: "transparent", kind: "neutral", "icon-start": "information-f", scale: "s", label: this.infoTitleText, title: this.infoTitleText, onClick: this.toggleInfo.bind(this) })) : null), h("div", { class: CSS.actionsEndContainer }, h("slot", { name: "actions-end" })))))));
+        return (h(Host, { key: 'f2d1760c4a1345ef24c913a24f95691d0de6867d' }, this.customHeaderHtml ? ([h("style", null, this.customHeaderCss), h("div", { id: "customHeader", innerHTML: this.customHeaderHtml })]) : (h("header", { class: `${CSS.base}${this.dir === 'rtl' ? ` ${CSS.flipRtl}` : ''}${this.logoImage && !hasEmptyLogo ? ` ${CSS.logoHeight}${this.logoScale}` : ` ${CSS.standardHeight}`}`, style: { backgroundColor: this.backgroundColor, fontFamily } }, h("div", { class: CSS.headerContainer }, h("span", { class: headerContentClass }, logo, title, this.infoButton ? (h("calcite-button", { style: { '--calcite-color-text-1': this.textColor }, id: "infoButton", alignment: "start", appearance: "transparent", kind: "neutral", "icon-start": "information-f", scale: "s", label: this.infoTitleText, title: this.infoTitleText, onClick: this.toggleInfo.bind(this) })) : null), h("div", { class: CSS.actionsEndContainer }, h("slot", { name: "actions-end" })))))));
     }
     renderLogo(hasEmptyLogo) {
         return hasEmptyLogo ? ('') : this.logoImage && this.logoLink ? (h("a", { href: `${this.logoLink}`, target: "_blank" }, h("img", { class: `${CSS.logoScale}${this.logoScale}`, src: `${this.logoImage}`, alt: `${this.logoImageAltText}` }))) : this.logoImage ? (h("img", { class: `${CSS.logoScale}${this.logoScale}`, src: `${this.logoImage}`, alt: this.logoImageAltText })) : ('');

package/dist/esm/instant-apps-interactive-legend-classic.entry.js

@@ -1169,6 +1169,12 @@ const InstantAppsInteractiveLegendClassic = class {
     handleFilterModeChange() {
         handleFilterChange(this.filterMode, this.legendvm.view);
     }
+    async connectedCallback() {
+        if (this.handles)
+            return;
+        const [Handles] = await loadModules(['esri/core/Handles']);
+        this.handles = new Handles();
+    }
     async componentWillLoad() {
         const observer = new MutationObserver(() => {
             forceUpdate(this.el);
@@ -1176,9 +1182,8 @@ const InstantAppsInteractiveLegendClassic = class {
         observer.observe(this.el, {
             attributes: true,
         });
-        const [intl, reactiveUtils, Handles] = await loadModules(['esri/intl', 'esri/core/reactiveUtils', 'esri/core/Handles']);
+        const [intl, reactiveUtils] = await loadModules(['esri/intl', 'esri/core/reactiveUtils']);
         this.reactiveUtils = reactiveUtils;
-        this.handles = new Handles();
         this.intl = intl;
     }
     async componentDidLoad() {
@@ -1457,7 +1462,7 @@ const InstantAppsInteractiveLegendClassic = class {
         const interactive = parentLegendElementInfoData && !(elementInfo === null || elementInfo === void 0 ? void 0 : elementInfo.value) ? false : isInteractive;
         return interactive ? (
         // Regular LegendElementInfo
-        h("button", { onClick: this.applyFilter(elementInfo, layer, infoIndex, parentLegendElementInfo), class: `${CSS.layerRow} ${CSS.interactiveLayerRow}${selected ? ` ${CSS.infoSelected}` : ''}` }, h("div", { class: `${CSS.symbolContainer}${imageryLayerInfoStretched}${sizeRamp}` }, content), h("div", { class: `${CSS.layerInfo}${imageryLayerInfoStretched}` }, this.getTitle(this.messages, elementInfo.label, false) || ''), this.featureCount ? (h("instant-apps-interactive-legend-count", { class: getTheme(this.el), categoryId: parentLegendElementInfoData ? legendElement.title : (_b = elementInfo.label) !== null && _b !== void 0 ? _b : layer === null || layer === void 0 ? void 0 : layer.id, activeLayerInfo: activeLayerInfo, legendvm: this.legendvm, messages: this.messages, selected: selected, legendElement: legendElement, infoIndex: infoIndex })) : null)) : (h("div", { class: CSS.layerRow }, h("div", { class: `${CSS.symbolContainer}${imageryLayerInfoStretched}${sizeRamp}` }, content), h("div", { class: `${CSS.layerInfo}${imageryLayerInfoStretched}` }, this.getTitle(this.messages, elementInfo.label, false) || '')));
+        h("button", { onClick: this.applyFilter(elementInfo, layer, infoIndex, parentLegendElementInfo), class: `${CSS.layerRow} ${CSS.interactiveLayerRow}${selected ? ` ${CSS.infoSelected}` : ''}` }, h("div", { class: `${CSS.symbolContainer}${imageryLayerInfoStretched}${sizeRamp}` }, content), h("div", { class: `${CSS.layerInfo}${imageryLayerInfoStretched}` }, this.getTitle(this.messages, elementInfo.label, false) || ''), this.featureCount ? (h("instant-apps-interactive-legend-count", { class: getTheme(this.el), categoryId: parentLegendElementInfoData ? legendElement.title : ((_b = elementInfo.label) !== null && _b !== void 0 ? _b : layer === null || layer === void 0 ? void 0 : layer.id), activeLayerInfo: activeLayerInfo, legendvm: this.legendvm, messages: this.messages, selected: selected, legendElement: legendElement, infoIndex: infoIndex })) : null)) : (h("div", { class: CSS.layerRow }, h("div", { class: `${CSS.symbolContainer}${imageryLayerInfoStretched}${sizeRamp}` }, content), h("div", { class: `${CSS.layerInfo}${imageryLayerInfoStretched}` }, this.getTitle(this.messages, elementInfo.label, false) || '')));
     }
     renderImage(elementInfo, layer, isStretched) {
         const { label, src, opacity } = elementInfo;

package/dist/esm/instant-apps-interactive-legend-count_2.entry.js

@@ -123,7 +123,7 @@ const InstantAppsInteractiveLegendLayerElementCaption = class {
         const { expanded } = this;
         const expandCollapseText = expanded ? (_a = this.messages) === null || _a === void 0 ? void 0 : _a.collapse : (_b = this.messages) === null || _b === void 0 ? void 0 : _b.expand;
         const isChild = this.isChild ? ' instant-apps-interactive-legend__heading-text--group-item' : '';
-        return (h("header", { key: '90e0c1317dab1e4f6aeb9f0e6652ba0c437e2738', class: `${CSS.interacitveLegendHeader} ${getTheme(this.el)}` }, h("calcite-action", { key: 'a83eb7e778aba7b5293a4e612e0e48369c1532bf', onClick: this.toggleExpanded(), icon: expanded ? 'chevron-down' : 'chevron-up', appearance: "transparent", text: expandCollapseText, label: expandCollapseText, scale: "s" }), h("span", { key: '2ddd88d88356bfd06325bd71f3b379cceaffeac0' }, h("span", { key: '974c40e2cd293c18c9cb05963616289484af2ce1', class: CSS.headerActionContainer }, h("h3", { key: 'e95395514e1406feb2f590c49398c2321b6c643c', class: `${CSS.header} ${CSS.label}${isChild}`, title: (_c = this.activeLayerInfo) === null || _c === void 0 ? void 0 : _c.title }, (_d = this.activeLayerInfo) === null || _d === void 0 ? void 0 : _d.title)), this.featureCount && isInteractive ? (h("instant-apps-interactive-legend-count", { activeLayerInfo: this.activeLayerInfo, "show-total": true, messages: this.messages, legendvm: this.legendvm })) : null)));
+        return (h("header", { key: 'b4080c1d9a4a6b95a1e389156d94661a937c0e6f', class: `${CSS.interacitveLegendHeader} ${getTheme(this.el)}` }, h("calcite-action", { key: '11c804cbb23cdf359589309d40a8f3550f651802', onClick: this.toggleExpanded(), icon: expanded ? 'chevron-down' : 'chevron-up', appearance: "transparent", text: expandCollapseText, label: expandCollapseText, scale: "s" }), h("span", { key: '27f26720b7a189ea36873e4a97063579a6f52e20' }, h("span", { key: '143092f1dab8ebd2a0c8e9efbed4b7cba4267ebf', class: CSS.headerActionContainer }, h("h3", { key: '099fb8082615f356a1d1ecd374800dbc83baf015', class: `${CSS.header} ${CSS.label}${isChild}`, title: (_c = this.activeLayerInfo) === null || _c === void 0 ? void 0 : _c.title }, (_d = this.activeLayerInfo) === null || _d === void 0 ? void 0 : _d.title)), this.featureCount && isInteractive ? (h("instant-apps-interactive-legend-count", { activeLayerInfo: this.activeLayerInfo, "show-total": true, messages: this.messages, legendvm: this.legendvm })) : null)));
     }
     toggleExpanded() {
         return () => {

package/dist/esm/instant-apps-interactive-legend-group-legend-element-caption.entry.js

@@ -36,9 +36,9 @@ const InstantAppsInteractiveLegendGroupLegendElementCaption = class {
         const { expanded } = this;
         const expandCollapseText = expanded ? (_a = this.messages) === null || _a === void 0 ? void 0 : _a.collapse : (_b = this.messages) === null || _b === void 0 ? void 0 : _b.expand;
         const isChild = this.isChild ? ' instant-apps-interactive-legend__heading-text--group-item' : '';
-        return (h("header", { key: '09f5ee7f348855813f75b775b87f2f9de12e3792', class: `${CSS.interacitveLegendHeader} ${getTheme(this.el)}`, style: {
+        return (h("header", { key: 'f7fc15a482577d3dc46bf2c75a7e3349d7565654', class: `${CSS.interacitveLegendHeader} ${getTheme(this.el)}`, style: {
                 borderLeft: '1px solid var(--calcite-color-border-3)',
-            } }, h("span", { key: '2a720ba9d488b06550ed955d84a150501aa03a2f' }, h("span", { key: '17c9b3a7e76ad853844d1c4cdbfd4aa74470a524', class: CSS.headerActionContainer }, h("calcite-action", { key: '7bc8909822ef97fe40721b80ce062abf93d825db', onClick: this.toggleExpanded(), icon: expanded ? 'chevron-down' : 'chevron-up', appearance: "transparent", text: expandCollapseText, label: expandCollapseText, scale: "s" }), h("h3", { key: '0a30cf8669b622aeb47c595f30df3a26202c5111', class: `${CSS.header} ${CSS.label}${isChild}`, title: (_c = this.activeLayerInfo) === null || _c === void 0 ? void 0 : _c.title }, (_d = this.activeLayerInfo) === null || _d === void 0 ? void 0 : _d.title)), this.featureCount && isInteractive ? (h("instant-apps-interactive-legend-count", { activeLayerInfo: this.activeLayerInfo, "show-total": true, messages: this.messages, legendvm: this.legendvm })) : null)));
+            } }, h("span", { key: 'e8652d3efbba23460e516c7a482b9c58711bfd6e' }, h("span", { key: '0b3aa10dd2da8634101fca455b5a611f6d3e4436', class: CSS.headerActionContainer }, h("calcite-action", { key: '3f311642dd154822d105fa5ecd21bd5cfe7dcf0c', onClick: this.toggleExpanded(), icon: expanded ? 'chevron-down' : 'chevron-up', appearance: "transparent", text: expandCollapseText, label: expandCollapseText, scale: "s" }), h("h3", { key: '0d7eb0a5958b4f661772f59faf287836818aaeeb', class: `${CSS.header} ${CSS.label}${isChild}`, title: (_c = this.activeLayerInfo) === null || _c === void 0 ? void 0 : _c.title }, (_d = this.activeLayerInfo) === null || _d === void 0 ? void 0 : _d.title)), this.featureCount && isInteractive ? (h("instant-apps-interactive-legend-count", { activeLayerInfo: this.activeLayerInfo, "show-total": true, messages: this.messages, legendvm: this.legendvm })) : null)));
     }
     toggleExpanded() {
         return () => {

package/dist/esm/instant-apps-interactive-legend-group-legend-element_5.entry.js

@@ -41,9 +41,9 @@ const InstantAppsInteractiveLegendGroupLegendElement = class {
         });
     }
     render() {
-        return (h("div", { key: '5294fd647e506c8fb1c10bc39178dd1701df0a13', style: {
+        return (h("div", { key: 'ab9a4911afa5f1021f3270c4fec409a708e2ec51', style: {
                 borderLeft: '1px solid var(--calcite-color-border-3)',
-            }, class: `${CSS$4.service} ${CSS$4.groupLayer}` }, h("instant-apps-interactive-legend-layer-element-caption", { key: '5fa320a7a12179a85e157ccbabb5ff0d3fb75ea2', ref: node => (this.layerCaption = node), class: getTheme(this.el), legendvm: this.legendvm, "feature-count": this.featureCount, activeLayerInfo: this.activeLayerInfo, messages: this.messages, isChild: this.isChild }), h("div", { key: '68f702a841bf7a89a0534a252465b742c872aa94', class: `${CSS$4.groupContent} ${this.expanded === false ? 'hide' : 'show'}` }, h("slot", { key: '7b632a4264a3aead0f53949b972169827b11a4c0', name: "content" }))));
+            }, class: `${CSS$4.service} ${CSS$4.groupLayer}` }, h("instant-apps-interactive-legend-layer-element-caption", { key: 'bc80abe473c1b47920a78b072033d5b214f7822c', ref: node => (this.layerCaption = node), class: getTheme(this.el), legendvm: this.legendvm, "feature-count": this.featureCount, activeLayerInfo: this.activeLayerInfo, messages: this.messages, isChild: this.isChild }), h("div", { key: 'cf6dc1620eb0a95430129b9d414a9f6b893b61c2', class: `${CSS$4.groupContent} ${this.expanded === false ? 'hide' : 'show'}` }, h("slot", { key: 'f346b52020e3cf4e3a072fdfa17a3762676aba53', name: "content" }))));
     }
     get el() { return getElement(this); }
 };
@@ -81,9 +81,9 @@ const InstantAppsInteractiveLegendLayerElement = class {
     render() {
         var _a, _b;
         const layerClasses = !!this.activeLayerInfo.parent ? ` ${CSS$3.groupLayerChild}` : '';
-        return (h("div", { key: '14f04807f3c36d4ef8dc2337d126b9657fc8edec', style: {
+        return (h("div", { key: '45305a415db8ba0a08ab69de820ff6b8711e1cee', style: {
                 borderLeft: '1px solid var(--calcite-color-border-3)',
-            }, class: `${CSS$3.service}${layerClasses}`, tabIndex: 0 }, h("instant-apps-interactive-legend-layer-element-caption", { key: '3917bafae2f4c5d5050d402ab2a3e9257ecfc678', ref: node => (this.layerCaption = node), legendvm: this.legendvm, "feature-count": this.featureCount, activeLayerInfo: this.activeLayerInfo, messages: this.messages, isChild: !!this.isChild, class: getTheme(this.el) }), h("div", { key: '8eb250a7a3404561a5ab349406fbfce8dac00608', id: `${(_b = (_a = this.activeLayerInfo) === null || _a === void 0 ? void 0 : _a.layer) === null || _b === void 0 ? void 0 : _b.id}-legend-layer`, class: `${CSS$3.layer}${this.expanded === false ? ' hide' : ' show'}` }, h("slot", { key: '94f10f632b9409a25f6f5eaf65c7a2e50ecedc29', name: "content" }))));
+            }, class: `${CSS$3.service}${layerClasses}`, tabIndex: 0 }, h("instant-apps-interactive-legend-layer-element-caption", { key: '7babce8571540883bca9e0ff07c0a152cbb30fbb', ref: node => (this.layerCaption = node), legendvm: this.legendvm, "feature-count": this.featureCount, activeLayerInfo: this.activeLayerInfo, messages: this.messages, isChild: !!this.isChild, class: getTheme(this.el) }), h("div", { key: 'c021d9c441c407d5fac6f246eb9f4b6ce76bcaa5', id: `${(_b = (_a = this.activeLayerInfo) === null || _a === void 0 ? void 0 : _a.layer) === null || _b === void 0 ? void 0 : _b.id}-legend-layer`, class: `${CSS$3.layer}${this.expanded === false ? ' hide' : ' show'}` }, h("slot", { key: '761834066d924654c87a39601c1670625c88d863', name: "content" }))));
     }
     get el() { return getElement(this); }
 };
@@ -132,7 +132,7 @@ const InstantAppsInteractiveLegendLegendElement = class {
             const expandState = relationshipRampExpandStates[this.activeLayerInfo.layer.id];
             expanded = expandState;
         }
-        return (h("div", { key: '4c84ceeed6021b53975ce59397b7942efe0fd861', class: `${tableClass}${tableClasses}${nonInteractiveClass}${nestedUniqueSymbolClass}` }, h("div", { key: '71a9a54047a3880f8a800b5c5ada44bd44ddcd37', id: `${(_g = (_f = this.activeLayerInfo) === null || _f === void 0 ? void 0 : _f.layer) === null || _g === void 0 ? void 0 : _g.id}-legend-element-caption`, class: `${this.isRelationshipRamp || (!this.titleText && !this.zoomTo && singleSymbol) ? 'hide' : 'show'}` }, h("instant-apps-interactive-legend-legend-element-caption", { key: '3f4dedbe202011c88d80269e877de1a137985b04', ref: node => (this.legendLayerCaption = node), legendvm: this.legendvm, activeLayerInfo: this.activeLayerInfo, layer: this.activeLayerInfo.layer, titleText: this.titleText, legendElement: this.legendElement, legendElementIndex: this.legendElementIndex, zoomTo: this.zoomTo, isInteractive: this.isInteractive, messages: this.messages })), h("div", { key: "content", id: `${(_j = (_h = this.activeLayerInfo) === null || _h === void 0 ? void 0 : _h.layer) === null || _j === void 0 ? void 0 : _j.id}-legend-element-content-${this.legendElementIndex}`, class: `${expanded === false ? 'hide' : 'show'}` }, h("slot", { key: '8b402e2c6dbf5e657cb4518c95bb43220de0a68d', name: "content" }))));
+        return (h("div", { key: 'cd76a15dfd77c630708e61535a4d22d66385a4bf', class: `${tableClass}${tableClasses}${nonInteractiveClass}${nestedUniqueSymbolClass}` }, h("div", { key: '24eb28f5fa505d1d4471a750b5273b34af2f3428', id: `${(_g = (_f = this.activeLayerInfo) === null || _f === void 0 ? void 0 : _f.layer) === null || _g === void 0 ? void 0 : _g.id}-legend-element-caption`, class: `${this.isRelationshipRamp || (!this.titleText && !this.zoomTo && singleSymbol) ? 'hide' : 'show'}` }, h("instant-apps-interactive-legend-legend-element-caption", { key: '5ffd04439d1c99251e358afcf077628a780c8e40', ref: node => (this.legendLayerCaption = node), legendvm: this.legendvm, activeLayerInfo: this.activeLayerInfo, layer: this.activeLayerInfo.layer, titleText: this.titleText, legendElement: this.legendElement, legendElementIndex: this.legendElementIndex, zoomTo: this.zoomTo, isInteractive: this.isInteractive, messages: this.messages })), h("div", { key: "content", id: `${(_j = (_h = this.activeLayerInfo) === null || _h === void 0 ? void 0 : _h.layer) === null || _j === void 0 ? void 0 : _j.id}-legend-element-content-${this.legendElementIndex}`, class: `${expanded === false ? 'hide' : 'show'}` }, h("slot", { key: 'c95e14737a003f85f7c494e6d30d9f946bef464a', name: "content" }))));
     }
 };
 InstantAppsInteractiveLegendLegendElement.style = InstantAppsInteractiveLegendLegendElementStyle0;
@@ -263,7 +263,7 @@ const InstantAppsInteractiveLegendRelationship = class {
     }
     render() {
         var _a, _b;
-        return (h("div", { key: '1f7588d95a9f87cd0d1574d2c8823e4fec7ff20a', ref: (node) => {
+        return (h("div", { key: '8b7054296e51e501b5378804dc6055acd113fbfa', ref: (node) => {
                 const styleSheet = node === null || node === void 0 ? void 0 : node.querySelector('relationshipStyles');
                 if (!styleSheet) {
                     const css = document.createElement('style');
@@ -276,7 +276,7 @@ const InstantAppsInteractiveLegendRelationship = class {
           `;
                     node === null || node === void 0 ? void 0 : node.appendChild(css);
                 }
-            } }, h("span", { key: 'a5c554b5bda46d827f60aba19f0e74ce5a81efe5', class: CSS.instructionalText }, (_b = (_a = this.messages) === null || _a === void 0 ? void 0 : _a.relationship) === null || _b === void 0 ? void 0 : _b.instructionalText), this.renderRelationshipRamp()));
+            } }, h("span", { key: '7cd336ef09492b5fc016657a61991f2f255a0b4a', class: CSS.instructionalText }, (_b = (_a = this.messages) === null || _a === void 0 ? void 0 : _a.relationship) === null || _b === void 0 ? void 0 : _b.instructionalText), this.renderRelationshipRamp()));
     }
     renderRelationshipRamp() {
         var _a;

package/dist/esm/instant-apps-keyboard-shortcuts.entry.js

@@ -26,7 +26,7 @@ const InstantAppsKeyboardShortcuts = class {
         var _a, _b, _c, _d, _e, _f, _g;
         const commands = ((_a = this === null || this === void 0 ? void 0 : this.view) === null || _a === void 0 ? void 0 : _a.type) === '2d' || !(this === null || this === void 0 ? void 0 : this.view) ? this._getMapViewCommands() : this._getSceneViewCommands();
         const modifierKey = this._isMacLike() ? 'Option' : 'Alt';
-        return (h(Host, { key: 'f8e209f996c4743ad1bfc91deef5952c8ac34f90' }, h("calcite-block", { key: 'b0a69ae1ba6c989c344daa2d2fa51e6943ff6e49', open: true, class: `${CSS.content}`, heading: (_c = (_b = this === null || this === void 0 ? void 0 : this.messages) === null || _b === void 0 ? void 0 : _b.generalShortcuts) === null || _c === void 0 ? void 0 : _c.label }, h("table", { key: '5820bb1e99ba3ffc926dea0c60ae6cba9fb71461' }, this.renderTableHeader(), h("tr", { key: 'b3664317e370d732f405325f6094f5ed2baad197' }, h("td", { key: '3e3367b5fe5e8e5f3deddbb850acdf8c6eae9841' }, `${modifierKey} + M`), h("td", { key: 'a426d5c5514d99dec89e8d8298b00cfb7addfb06' }, (_e = (_d = this === null || this === void 0 ? void 0 : this.messages) === null || _d === void 0 ? void 0 : _d.generalShortcuts) === null || _e === void 0 ? void 0 : _e.title))), h("calcite-label", { key: 'b33865ff795dac7277db16c128abc4b8667b2faf' }, (_g = (_f = this === null || this === void 0 ? void 0 : this.messages) === null || _f === void 0 ? void 0 : _f.generalShortcuts) === null || _g === void 0 ? void 0 : _g.title), h("table", { key: '72cbeee022de4c2c895eb78a94cf708d3f2f653c' }, this.renderTableHeader(), commands.map(command => {
+        return (h(Host, { key: '9c8b38fe77e393b5c28dcdeb9f536136f1847a80' }, h("calcite-block", { key: '129cc133e93e2817286b651e275c9be4cab404d7', open: true, class: `${CSS.content}`, heading: (_c = (_b = this === null || this === void 0 ? void 0 : this.messages) === null || _b === void 0 ? void 0 : _b.generalShortcuts) === null || _c === void 0 ? void 0 : _c.label }, h("table", { key: '35c2075b9bfd4156dc599f7eb4230f8939b666d7' }, this.renderTableHeader(), h("tr", { key: '4501f1eb90661c5c4dc21448faafc6b05c9c5f44' }, h("td", { key: 'dd5e19bf19397dc2d249280b779021436f792ca2' }, `${modifierKey} + M`), h("td", { key: '7229f20c134afc765ffc5a6fc472ef240ec23d4f' }, (_e = (_d = this === null || this === void 0 ? void 0 : this.messages) === null || _d === void 0 ? void 0 : _d.generalShortcuts) === null || _e === void 0 ? void 0 : _e.title))), h("calcite-label", { key: 'e0ad61c9410eddbe07411a1257208e72993e1552' }, (_g = (_f = this === null || this === void 0 ? void 0 : this.messages) === null || _f === void 0 ? void 0 : _f.generalShortcuts) === null || _g === void 0 ? void 0 : _g.title), h("table", { key: 'da8a5261b67d71d969313c9643e45762dfd7ec1b' }, this.renderTableHeader(), commands.map(command => {
             return (h("tr", null, h("td", null, command.alias), h("td", null, command.title)));
         })))));
     }

package/dist/esm/instant-apps-landing-page.entry.js

@@ -86,7 +86,7 @@ const InstantAppsLandingPage = class {
     }
     render() {
         const content = this.renderLandingPageContent();
-        return h(Host, { key: '0e372fb26b6581751f19368cd778a05c22f04587' }, content);
+        return h(Host, { key: 'f12e6b4ea673c94e8979d82809984b23e6bd6781' }, content);
     }
     renderLandingPageContent() {
         const closed = !this.open ? (this.disableTransition ? ` ${CSS.closedNoTransition}` : ` ${CSS.closed}`) : '';

package/dist/esm/instant-apps-language-switcher.entry.js

@@ -4,7 +4,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-b793d9aa.js';
-import { g as getMessages } from './utils-6493bff2.js';
+import { g as getMessages } from './utils-6f13e31e.js';
 import { l as loadModules } from './loadModules-03ba7abe.js';
 import { a as getDefaultLanguage } from './locale-a34f9f04.js';
 import { g as getPortalItemResource, f as fetchResourceData, L as LANGUAGE_DATA } from './constants-045d6a1b.js';
@@ -25,8 +25,8 @@ const InstantAppsLanguageSwitcher = class {
         this.view = undefined;
         this.locales = [];
         this.defaultLocale = undefined;
-        this.messages = undefined;
         this.selectedLanguage = null;
+        this.messages = undefined;
         this.t9nData = null;
     }
     async componentWillLoad() {
@@ -78,7 +78,7 @@ const InstantAppsLanguageSwitcher = class {
         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;

package/dist/esm/instant-apps-language-translator.entry.js

@@ -4,7 +4,7 @@
  * http://www.apache.org/licenses/LICENSE-2.0
  */
 import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment, g as getElement } from './index-b793d9aa.js';
-import { g as getMessages, a as generateUIData, s as store, E as EIcons, b as getLocales, l as languageTranslatorState, c as getUIDataKeys } from './utils-6493bff2.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 './utils-6f13e31e.js';
 import { l as loadModules } from './loadModules-03ba7abe.js';
 import { c as getComponentClosestLanguage } from './locale-a34f9f04.js';
 import { g as getPortalItemResource, f as fetchResourceData, L as LANGUAGE_DATA } from './constants-045d6a1b.js';
@@ -13,7 +13,7 @@ import './esri-loader-c6842c6b.js';
 import './_commonjsHelpers-089957fe.js';
 import './languageUtil-2b6e191a.js';
 
-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';
@@ -30,6 +30,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 = class {
     constructor(hostRef) {
@@ -56,6 +58,9 @@ const InstantAppsLanguageTranslator = class {
         this.initUIData();
         this.initSelectLanguage();
     }
+    componentWillLoad() {
+        initExternalCKEditorStyles();
+    }
     async componentDidLoad() {
         this.initialize();
     }
@@ -105,23 +110,23 @@ const InstantAppsLanguageTranslator = class {
             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;
@@ -129,9 +134,8 @@ const InstantAppsLanguageTranslator = class {
     }
     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);
@@ -200,11 +204,25 @@ const InstantAppsLanguageTranslator = class {
         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 }));
-    }
-    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));
+        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) { }
+            } }));
+    }
+    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;
@@ -261,7 +279,9 @@ const InstantAppsLanguageTranslator = class {
         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/esm/instant-apps-measurement.entry.js

@@ -34,7 +34,7 @@ const InstantAppsMeasurement = class {
     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/esm/instant-apps-popover.entry.js

@@ -49,7 +49,7 @@ const InstantAppsPopover = class {
     }
     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/esm/instant-apps-scoreboard.entry.js

@@ -244,7 +244,7 @@ const InstantAppsScoreboard = class {
         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/esm/instant-apps-sign-in.entry.js

@@ -49,7 +49,7 @@ const InstantAppsSignIn = class {
     }
     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/esm/instant-apps-splash.entry.js

@@ -94,7 +94,7 @@ const InstantAppsSplash = class {
         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/esm/instant-apps-time-filter.entry.js

@@ -255,7 +255,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')
@@ -265,13 +265,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;
@@ -308,17 +316,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();
     }
@@ -329,20 +346,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 })));
@@ -501,7 +531,7 @@ const InstantAppsTimeFilter = class {
         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/esm/{it-813be6d0.js → it-360f430f.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/{it-ch-bc95119e.js → it-ch-0ec68776.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';