@esri/solutions-components 0.10.24 → 0.10.25

package/dist/cjs/calcite-action-pad_2.cjs.entry.js

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

package/dist/cjs/calcite-block_5.cjs.entry.js

@@ -1564,10 +1564,8 @@ const InstantAppsFilterList = class {
     }
     forceReset() {
         this.filterLayerExpressions = structuredClone(this.layerExpressions);
-        this.resetAllFilters();
-        this.generateURLParams();
-        this.filterListReset.emit();
-        return Promise.resolve();
+        this.handleResetFilter();
+        return this.initExpressions();
     }
     restoreFilters(filterParamString, filterInitState) {
         this.filterLayerExpressions = structuredClone(this.layerExpressions);
@@ -1623,7 +1621,7 @@ const InstantAppsFilterList = class {
     render() {
         const filterConfig = this.loading ? this.renderLoading() : this.initFilterConfig();
         const footer = this.renderFooter(this.closeBtn, this.resetBtn);
-        return (index.h(index.Host, { key: '1cc3609c3ba5760b5e4e83fe9d86e391b7126fa2' }, index.h("calcite-panel", { key: 'a88f98d7650a53faf227e8cb0aeabfb59981932e', class: this.baseClass, ref: el => (this.panelEl = el) }, index.h("slot", { key: '094a5c5eb771ee7cdb140c505eb9ca825607ddc7', slot: "header-content", name: "filter-header-content" }), index.h("slot", { key: '5850fabcfe9826db945b2f8e8d43d9aa9d6b9aed', slot: "header-actions-end", name: "filter-header-actions-end" }), index.h("div", { key: "filter-container", class: CSS$1.filterContainer }, filterConfig, footer))));
+        return (index.h(index.Host, { key: '80c4918bd3bdf65d541ed6cf4cf4843ab0f0df01' }, index.h("calcite-panel", { key: 'f1da101b071420df42da5eb8f5478d0719b40cec', class: this.baseClass, ref: el => (this.panelEl = el) }, index.h("slot", { key: '8ebdbf20767027459470fa85fe4238e69bc47ab8', slot: "header-content", name: "filter-header-content" }), index.h("slot", { key: '177f8db80aa842eeb200344cd7b398cd51ca23f3', slot: "header-actions-end", name: "filter-header-actions-end" }), index.h("div", { key: "filter-container", class: CSS$1.filterContainer }, filterConfig, footer))));
     }
     renderLoading() {
         return index.h("calcite-loader", { label: "Loading filters..." });
@@ -2714,10 +2712,10 @@ const InstantAppsSocialShare = class {
         const content = this.copied && this.mode === 'popover' ? (this.renderSuccess()) : (index.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 = (index.h("div", { key: '1d10b5a2fb75584357c9c0f4fbd75e4904ad20ef', ref: el => (this.dialogContentRef = el), class: `${CSS.dialog}${layoutClass}${mode}` }, content));
+        const dialogContent = (index.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 (index.h(index.Host, { key: '75f577c38604ff752062434134a04d6d85263c16' }, this.mode === 'popover'
+        return (index.h(index.Host, { key: '5143e472b8381d068e6cc6f155b5c65d3aaf4c53' }, this.mode === 'popover'
             ? [
                 index.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/cjs/{calcite-carousel.cjs.entry.js → calcite-carousel_2.cjs.entry.js}

@@ -26,7 +26,7 @@ require('./browser-2893460e.js');
  * v2.12.2
  */
 const DURATION = 6000;
-const CSS = {
+const CSS$1 = {
     container: "container",
     containerOverlaid: "container--overlaid",
     containerEdged: "container--edged",
@@ -261,31 +261,31 @@ const Carousel = class {
         this.renderRotationControl = () => {
             const text = this.playing ? this.messages.pause : this.messages.play;
             return (index.h("button", { "aria-label": text, class: {
-                    [CSS.paginationItem]: true,
-                    [CSS.autoplayControl]: true,
-                }, onClick: this.toggleRotation, title: text }, index.h("calcite-icon", { icon: this.playing ? ICONS.pause : ICONS.play, scale: "s" }), this.playing && (index.h("calcite-progress", { class: CSS.autoplayProgress, label: this.messages.carouselItemProgress, value: this.slideDurationRemaining }))));
+                    [CSS$1.paginationItem]: true,
+                    [CSS$1.autoplayControl]: true,
+                }, onClick: this.toggleRotation, title: text }, index.h("calcite-icon", { icon: this.playing ? ICONS.pause : ICONS.play, scale: "s" }), this.playing && (index.h("calcite-progress", { class: CSS$1.autoplayProgress, label: this.messages.carouselItemProgress, value: this.slideDurationRemaining }))));
         };
         this.renderPaginationArea = () => (index.h("div", { class: {
-                [CSS.pagination]: true,
-                [CSS.containerOverlaid]: this.controlOverlay,
+                [CSS$1.pagination]: true,
+                [CSS$1.containerOverlaid]: this.controlOverlay,
             }, onKeyDown: this.tabListKeyDownHandler, ref: this.storeTabListRef }, (this.playing || this.autoplay === "" || this.autoplay || this.autoplay === "paused") &&
             this.renderRotationControl(), this.arrowType === "inline" && this.renderArrow("previous"), this.renderPaginationItems(), this.arrowType === "inline" && this.renderArrow("next")));
-        this.renderPaginationItems = () => (index.h("div", { "aria-label": this.label, class: CSS.paginationItems, role: "tablist" }, this.items.map((item, index$1) => {
+        this.renderPaginationItems = () => (index.h("div", { "aria-label": this.label, class: CSS$1.paginationItems, role: "tablist" }, this.items.map((item, index$1) => {
             const isMatch = index$1 === this.selectedIndex;
             return (index.h("button", { "aria-controls": !isMatch ? item.id : undefined, "aria-selected": dom.toAriaBoolean(isMatch), class: {
-                    [CSS.paginationItem]: true,
-                    [CSS.paginationItemIndividual]: true,
-                    [CSS.paginationItemSelected]: isMatch,
+                    [CSS$1.paginationItem]: true,
+                    [CSS$1.paginationItemIndividual]: true,
+                    [CSS$1.paginationItemSelected]: isMatch,
                 }, "data-index": index$1, key: item.id, onClick: this.handleItemSelection, role: "tab", title: item.label }, index.h("calcite-icon", { icon: isMatch ? ICONS.active : ICONS.inactive, scale: "l" })));
         })));
         this.renderArrow = (direction) => {
             const isPrev = direction === "previous";
             const dir = dom.getElementDir(this.el);
             const scale = this.arrowType === "edge" ? "m" : "s";
-            const css = isPrev ? CSS.pagePrevious : CSS.pageNext;
+            const css = isPrev ? CSS$1.pagePrevious : CSS$1.pageNext;
             const title = isPrev ? this.messages.previous : this.messages.next;
             const icon = isPrev ? ICONS.chevronLeft : ICONS.chevronRight;
-            return (index.h("button", { "aria-controls": this.containerId, class: { [CSS.paginationItem]: true, [css]: true }, "data-direction": direction, onClick: this.handleArrowClick, title: title }, index.h("calcite-icon", { flipRtl: dir === "rtl", icon: icon, scale: scale })));
+            return (index.h("button", { "aria-controls": this.containerId, class: { [CSS$1.paginationItem]: true, [css]: true }, "data-direction": direction, onClick: this.handleArrowClick, title: title }, index.h("calcite-icon", { flipRtl: dir === "rtl", icon: icon, scale: scale })));
         };
         this.autoplay = false;
         this.arrowType = "inline";
@@ -443,13 +443,13 @@ const Carousel = class {
     render() {
         const { direction } = this;
         return (index.h(index.Host, { key: 'bff4155cb4358665eb6530b6637322598604d873' }, index.h(interactive.InteractiveContainer, { key: '7a388be689aca07856f350963c33bce1d4e5e278', disabled: this.disabled }, index.h("div", { key: 'c53c92b22ace937c0d2a6568ddd729ccb1b91108', "aria-label": this.label, "aria-live": this.playing ? "off" : "polite", "aria-roledescription": this.messages.carousel, class: {
-                [CSS.container]: true,
-                [CSS.containerOverlaid]: this.controlOverlay,
-                [CSS.containerEdged]: this.arrowType === "edge",
+                [CSS$1.container]: true,
+                [CSS$1.containerOverlaid]: this.controlOverlay,
+                [CSS$1.containerEdged]: this.arrowType === "edge",
             }, onFocusin: this.handleFocusIn, onFocusout: this.handleFocusOut, onKeyDown: this.containerKeyDownHandler, onMouseEnter: this.handleMouseIn, onMouseLeave: this.handleMouseOut, ref: this.storeContainerRef, role: "group", tabIndex: 0 }, index.h("section", { key: 'cae379b167a37ef82417ab308c7d623300790122', class: {
-                [CSS.itemContainer]: true,
-                [CSS.itemContainerForward]: direction === "forward",
-                [CSS.itemContainerBackward]: direction === "backward",
+                [CSS$1.itemContainer]: true,
+                [CSS$1.itemContainerForward]: direction === "forward",
+                [CSS$1.itemContainerBackward]: direction === "backward",
             }, id: this.containerId,
             // eslint-disable-next-line react/jsx-sort-props -- auto-generated by @esri/calcite-components/enforce-ref-last-prop
             ref: this.storeItemContainerRef }, index.h("slot", { key: 'bf14a67b46e8946e9cafc57a8d0625b65513f702', onSlotchange: this.handleSlotChange })), this.items.length > 1 && this.renderPaginationArea(), this.arrowType === "edge" && this.renderArrow("previous"), this.arrowType === "edge" && this.renderArrow("next")))));
@@ -468,4 +468,38 @@ const Carousel = class {
 };
 Carousel.style = CalciteCarouselStyle0;
 
+/*!
+ * All material copyright ESRI, All Rights Reserved, unless otherwise specified.
+ * See https://github.com/Esri/calcite-design-system/blob/dev/LICENSE.md for details.
+ * v2.12.2
+ */
+const CSS = {
+    container: "container",
+    selected: "selected",
+};
+
+const carouselItemCss = ":host{display:flex}.container{display:none;inline-size:var(--calcite-container-size-content-fluid)}:host([selected]) .container{display:block}:host([hidden]){display:none}[hidden]{display:none}";
+const CalciteCarouselItemStyle0 = carouselItemCss;
+
+const CarouselItem = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.guid = `calcite-carousel-item-${guid.guid()}`;
+        this.label = undefined;
+        this.selected = false;
+    }
+    // --------------------------------------------------------------------------
+    //
+    //  Render Methods
+    //
+    // --------------------------------------------------------------------------
+    render() {
+        const id = this.el.id || this.guid;
+        return (index.h(index.Host, { key: '6d4ac387ae1b4748050c82d8387edd30e6c0e662', id: id }, index.h("div", { key: 'c6a4c67d99dd6e34198b2d128efb518e757277ce', "aria-label": this.label, class: { [CSS.container]: true, [CSS.selected]: this.selected }, role: "tabpanel" }, index.h("slot", { key: '2ed94883d41dba5430a39933c6fe91bb25b12703' }))));
+    }
+    get el() { return index.getElement(this); }
+};
+CarouselItem.style = CalciteCarouselItemStyle0;
+
 exports.calcite_carousel = Carousel;
+exports.calcite_carousel_item = CarouselItem;

package/dist/cjs/instant-apps-app-guide.cjs.entry.js

@@ -0,0 +1,106 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5a0af791.js');
+const locale = require('./locale-a965a573.js');
+require('./loadModules-8567855e.js');
+require('./esri-loader-08dc41bd.js');
+require('./_commonjsHelpers-baf43783.js');
+require('./languageUtil-a3e1eafd.js');
+
+class AppGuideViewModel {
+    constructor() {
+        this.pages = [];
+    }
+    addPage(page) {
+        this.pages = [...this.pages, page];
+    }
+    removePage(page) {
+        this.pages = this.pages.filter(p => p !== page);
+    }
+}
+
+const instantAppsAppGuideCss = ":host{--instant-apps-app-guide-width:300px;--instant-apps-app-guide-height:400px;--instant-apps-app-guide-list-item-bubble-size:22px;width:var(--instant-apps-app-guide-width);height:var(--instant-apps-app-guide-height);display:block}:host calcite-panel{max-width:var(--instant-apps-app-guide-width);max-height:var(--instant-apps-app-guide-height);display:flex}:host calcite-carousel{flex:1;overflow:scroll;height:-moz-fit-content;height:fit-content;background-color:var(--calcite-color-foreground-1)}:host [slot=header-content]{display:flex;gap:var(--calcite-spacing-sm);padding-inline-start:0.25rem}:host .content-heading{font-weight:var(--calcite-font-weight-bold);display:flex;gap:var(--calcite-spacing-sm);line-height:var(--calcite-font-line-height-fixed-lg)}:host calcite-carousel-item{flex-grow:1;display:flex;flex-direction:column}:host .instant-apps-app-guide__content-wrapper{padding-block-start:0.5rem;padding-inline:0.5rem;flex-shrink:1;flex-grow:0}:host calcite-icon{--calcite-ui-icon-color:var(--calcite-color-brand)}:host .instant-apps-app-guide__content-list{counter-set:item-counter;margin-inline:0;padding-inline-start:var(--calcite-spacing-xxxl);padding-inline-end:var(--calcite-spacing-lg);position:relative}:host .instant-apps-app-guide__content-list .instant-apps-app-guide__content-list--item{counter-increment:item-counter;margin-block-start:var(--calcite-spacing-lg);display:flex;align-items:flex-start}:host .instant-apps-app-guide__content-list .instant-apps-app-guide__content-list--item::before{content:counter(item-counter);background-color:var(--calcite-color-text-2);color:var(--calcite-color-text-inverse);line-height:var(--calcite-font-line-height-fixed-xl);width:var(--instant-apps-app-guide-list-item-bubble-size);left:0;border-radius:var(--calcite-corner-radius-pill);display:flex;justify-content:center;font-size:var(--calcite-font-size-sm);position:absolute;max-height:var(--instant-apps-app-guide-list-item-bubble-size)}:host .instant-apps-app-guide__content-list .instant-apps-app-guide__content-list--item::marker{color:var(--calcite-color-transparent)}";
+const InstantAppsAppGuideStyle0 = instantAppsAppGuideCss;
+
+const CSS = {
+    contentList: 'instant-apps-app-guide__content-list',
+    contentListItem: 'instant-apps-app-guide__content-list--item',
+    contentWrapper: 'instant-apps-app-guide__content-wrapper'
+};
+const InstantAppsAppGuide = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this._viewModel = new AppGuideViewModel();
+        this.header = true;
+        this.data = undefined;
+        this.messages = undefined;
+        this.headerText = undefined;
+    }
+    watchPropHandler(newValue) {
+        this._viewModel.pages = newValue;
+        this._updateHeaderText();
+    }
+    connectedCallback() {
+        var _a, _b, _c, _d;
+        this._viewModel.pages = (this === null || this === void 0 ? void 0 : this.data) || [];
+        this.headerText = (_c = (_b = (_a = this === null || this === void 0 ? void 0 : this.data) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.title) !== null && _c !== void 0 ? _c : (_d = this === null || this === void 0 ? void 0 : this.messages) === null || _d === void 0 ? void 0 : _d.headerText;
+    }
+    componentDidLoad() {
+        locale.getMessages(this);
+    }
+    render() {
+        return (index.h(index.Host, { key: '3c6bf465e2543e62f8e991a22a4f8b8420556285' }, index.h("calcite-panel", { key: '15a145d4f930de4325716dcd8b73fdcbbe5fa31e', scale: "s" }, this._renderAppGuideHeader(), index.h("calcite-carousel", { key: '8f962b828f76b8a68f19b71fb79d3f4c93420e38', onCalciteCarouselChange: () => this._updateHeaderText(), ref: el => this._carouselRef = el, "arrow-type": this._getArrowType() }, this._renderAppGuidePages(this._viewModel.pages)))));
+    }
+    _updateHeaderText() {
+        var _a;
+        const { _viewModel, _carouselRef, messages } = this;
+        const nodeArray = Array.from(_carouselRef.childNodes);
+        const selectedNodeIndex = nodeArray.indexOf(_carouselRef.selectedItem);
+        // DOM nodes get updated after the viewModel is updated, so the selectedNodeIndex
+        // may be out of bounds of the pages collection in the viewModel when pages are removed.
+        // When this happens, we default to the title of the first page.
+        const pages = _viewModel === null || _viewModel === void 0 ? void 0 : _viewModel.pages;
+        const selectedPage = (_a = pages === null || pages === void 0 ? void 0 : pages[selectedNodeIndex]) !== null && _a !== void 0 ? _a : pages[0];
+        this.headerText = (selectedPage === null || selectedPage === void 0 ? void 0 : selectedPage.title) || (messages === null || messages === void 0 ? void 0 : messages.headerText);
+    }
+    _getArrowType() {
+        return this._viewModel.pages.length > 2 ? 'inline' : 'none';
+    }
+    _renderAppGuideHeader() {
+        const { messages, header, headerText } = this;
+        const displayHeader = !!header && (messages === null || messages === void 0 ? void 0 : messages.headerText);
+        const _headerText = headerText || (messages === null || messages === void 0 ? void 0 : messages.headerText);
+        return displayHeader ?
+            (index.h("span", { slot: "header-content" }, _headerText, " ", index.h("calcite-icon", { icon: "lightbulb", scale: "s" }))) :
+            null;
+    }
+    _renderAppGuidePages(pages) {
+        return pages.map((pageData, index$1) => {
+            const { content, type } = pageData;
+            return (index.h("calcite-carousel-item", { key: `page_${index$1}` }, index.h("div", { class: CSS.contentWrapper }, this._renderContentItems(content, type))));
+        });
+    }
+    _renderContentItems(content, type) {
+        switch (type) {
+            case 'list':
+                return (index.h("ol", { class: CSS.contentList }, content.map((contentItem, index$1) => (index.h("li", { key: `content-list-item-${index$1}`, class: CSS.contentListItem }, contentItem)))));
+            case 'paragraphs':
+            default:
+                return content.map((contentItem, index$1) => (index.h("p", { key: `content-paragraph-${index$1}` }, contentItem)));
+        }
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "data": ["watchPropHandler"]
+    }; }
+};
+InstantAppsAppGuide.style = InstantAppsAppGuideStyle0;
+
+exports.instant_apps_app_guide = InstantAppsAppGuide;

package/dist/cjs/instant-apps-ckeditor-wrapper_3.cjs.entry.js

@@ -8,7 +8,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a0af791.js');
-const utils = require('./utils-9343bd5b.js');
+const utils = require('./utils-62072741.js');
 require('./locale-a965a573.js');
 require('./loadModules-8567855e.js');
 require('./esri-loader-08dc41bd.js');
@@ -67,7 +67,7 @@ const InstantAppsCkeditorWrapper = class {
         this.editorInstance.setData(this.value);
     }
     render() {
-        return (index.h(index.Host, { key: '4a000cee4310d40e940c97d16f24c78415083f1b' }, index.h("div", { key: '55b2e7ddd6b259b58e19f8946d2198df1fd7b579' })));
+        return (index.h(index.Host, { key: '26f62d5413e21916b77253476cf48f69682861d5' }, index.h("div", { key: '45a9d7b859a21e49c81afdaa3bdd5074f1428cd5' })));
     }
     init() {
         this.applyStyles();
@@ -516,7 +516,7 @@ const InstantAppsLanguageTranslatorSearch = class {
         this.results = [];
     }
     render() {
-        return (index.h(index.Host, { key: '71fa373371b7b33faa8f3d91959dc50b1e3b0f34' }, this.renderSearchInput(), this.renderSuggestions()));
+        return (index.h(index.Host, { key: '80febf289e2bbfcf09636c84b5a5a83e80f377c0' }, this.renderSearchInput(), this.renderSuggestions()));
     }
     renderSearchInput() {
         return (index.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/cjs/instant-apps-control-panel.cjs.entry.js

@@ -35,7 +35,7 @@ const InstantAppsControlPanel = class {
         this._handleComponents();
     }
     render() {
-        return (index.h(index.Host, { key: 'b4eb66870fea801441c2c4410fce060a7785b66a' }, index.h("slot", { key: '9fadbc49629b92b3ae909da5171f2f0ae87e2daf', name: SLOT_NAME })));
+        return (index.h(index.Host, { key: '45edbd93de055768fb4b58e9d12a7570d24bdd22' }, index.h("slot", { key: '47d507e456dfc86a068948280b21386bc08e735c', name: SLOT_NAME })));
     }
     _handleComponents() {
         const componentsNode = this._getComponentsNode();

package/dist/cjs/instant-apps-export-views.cjs.entry.js

@@ -399,7 +399,7 @@ const InstantAppsExportViews = class {
     }
     render() {
         const mode = this.mode === 'popover' ? this.renderPopover() : this.renderPanel();
-        return (index.h(index.Host, { key: '1b0428743837a0f1c176cba3e58af38104f4ac7b' }, index.h("div", { key: '8d39535015a0e5ab498a66c8757c28ae556bd326', class: this.baseClass, onMouseEnter: this.handleWidgetCreation.bind(this), onFocusin: this.handleWidgetCreation.bind(this) }, mode)));
+        return (index.h(index.Host, { key: '52f53735afba2085f45bdd8ba64e8e37b48318bb' }, index.h("div", { key: 'ac8fc3e66ccc5f9c27e25642bbe640c3fc8c7d33', class: this.baseClass, onMouseEnter: this.handleWidgetCreation.bind(this), onFocusin: this.handleWidgetCreation.bind(this) }, mode)));
     }
     renderPopover() {
         var _a, _b, _c;

package/dist/cjs/instant-apps-export.cjs.entry.js

@@ -408,7 +408,7 @@ const InstantAppsExport = class {
     render() {
         const mode = this.mode === 'popover' ? this.renderPopover() : this.renderPanel();
         const compass = this.renderCompass();
-        return (index.h(index.Host, { key: 'd561a14661edad3e4ad5f0041537acdc1fb724a1' }, index.h("div", { key: '917848051ac8114c4ba527332c8688791a9c75d0', class: this.baseClass, onMouseEnter: this.handleWidgetCreation.bind(this), onFocusin: this.handleWidgetCreation.bind(this) }, mode, index.h("div", { key: '3421d8bde7ce6f91062b538f087c155946358e01', class: CSS.hidden }, compass))));
+        return (index.h(index.Host, { key: 'fb3a0e79a4cdf4d6424677930ef57487a49f323e' }, index.h("div", { key: 'def184b77f3710ae51f32a094ff3c7e8bc44f648', class: this.baseClass, onMouseEnter: this.handleWidgetCreation.bind(this), onFocusin: this.handleWidgetCreation.bind(this) }, mode, index.h("div", { key: '5fb0360e9fcbc112e640e1c8c877cfad59cadd14', class: CSS.hidden }, compass))));
     }
     renderPopover() {
         var _a, _b, _c;

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

@@ -88,7 +88,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 = styles.getFontFamily(this.fontFamily);
-        return (index.h(index.Host, { key: '4b3b100dce96ff66679c1d9354dc220cf898b947' }, this.customHeaderHtml ? ([index.h("style", null, this.customHeaderCss), index.h("div", { id: "customHeader", innerHTML: this.customHeaderHtml })]) : (index.h("header", { class: `${CSS.base}${this.dir === 'rtl' ? ` ${CSS.flipRtl}` : ''}${this.logoImage && !hasEmptyLogo ? ` ${CSS.logoHeight}${this.logoScale}` : ` ${CSS.standardHeight}`}`, style: { backgroundColor: this.backgroundColor, fontFamily } }, index.h("div", { class: CSS.headerContainer }, index.h("span", { class: headerContentClass }, logo, title, this.infoButton ? (index.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), index.h("div", { class: CSS.actionsEndContainer }, index.h("slot", { name: "actions-end" })))))));
+        return (index.h(index.Host, { key: 'f2d1760c4a1345ef24c913a24f95691d0de6867d' }, this.customHeaderHtml ? ([index.h("style", null, this.customHeaderCss), index.h("div", { id: "customHeader", innerHTML: this.customHeaderHtml })]) : (index.h("header", { class: `${CSS.base}${this.dir === 'rtl' ? ` ${CSS.flipRtl}` : ''}${this.logoImage && !hasEmptyLogo ? ` ${CSS.logoHeight}${this.logoScale}` : ` ${CSS.standardHeight}`}`, style: { backgroundColor: this.backgroundColor, fontFamily } }, index.h("div", { class: CSS.headerContainer }, index.h("span", { class: headerContentClass }, logo, title, this.infoButton ? (index.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), index.h("div", { class: CSS.actionsEndContainer }, index.h("slot", { name: "actions-end" })))))));
     }
     renderLogo(hasEmptyLogo) {
         return hasEmptyLogo ? ('') : this.logoImage && this.logoLink ? (index.h("a", { href: `${this.logoLink}`, target: "_blank" }, index.h("img", { class: `${CSS.logoScale}${this.logoScale}`, src: `${this.logoImage}`, alt: `${this.logoImageAltText}` }))) : this.logoImage ? (index.h("img", { class: `${CSS.logoScale}${this.logoScale}`, src: `${this.logoImage}`, alt: this.logoImageAltText })) : ('');

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

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

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

@@ -127,7 +127,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 (index.h("header", { key: '90e0c1317dab1e4f6aeb9f0e6652ba0c437e2738', class: `${CSS.interacitveLegendHeader} ${helpers.getTheme(this.el)}` }, index.h("calcite-action", { key: 'a83eb7e778aba7b5293a4e612e0e48369c1532bf', onClick: this.toggleExpanded(), icon: expanded ? 'chevron-down' : 'chevron-up', appearance: "transparent", text: expandCollapseText, label: expandCollapseText, scale: "s" }), index.h("span", { key: '2ddd88d88356bfd06325bd71f3b379cceaffeac0' }, index.h("span", { key: '974c40e2cd293c18c9cb05963616289484af2ce1', class: CSS.headerActionContainer }, index.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 ? (index.h("instant-apps-interactive-legend-count", { activeLayerInfo: this.activeLayerInfo, "show-total": true, messages: this.messages, legendvm: this.legendvm })) : null)));
+        return (index.h("header", { key: 'b4080c1d9a4a6b95a1e389156d94661a937c0e6f', class: `${CSS.interacitveLegendHeader} ${helpers.getTheme(this.el)}` }, index.h("calcite-action", { key: '11c804cbb23cdf359589309d40a8f3550f651802', onClick: this.toggleExpanded(), icon: expanded ? 'chevron-down' : 'chevron-up', appearance: "transparent", text: expandCollapseText, label: expandCollapseText, scale: "s" }), index.h("span", { key: '27f26720b7a189ea36873e4a97063579a6f52e20' }, index.h("span", { key: '143092f1dab8ebd2a0c8e9efbed4b7cba4267ebf', class: CSS.headerActionContainer }, index.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 ? (index.h("instant-apps-interactive-legend-count", { activeLayerInfo: this.activeLayerInfo, "show-total": true, messages: this.messages, legendvm: this.legendvm })) : null)));
     }
     toggleExpanded() {
         return () => {

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

@@ -40,9 +40,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 (index.h("header", { key: '09f5ee7f348855813f75b775b87f2f9de12e3792', class: `${CSS.interacitveLegendHeader} ${helpers.getTheme(this.el)}`, style: {
+        return (index.h("header", { key: 'f7fc15a482577d3dc46bf2c75a7e3349d7565654', class: `${CSS.interacitveLegendHeader} ${helpers.getTheme(this.el)}`, style: {
                 borderLeft: '1px solid var(--calcite-color-border-3)',
-            } }, index.h("span", { key: '2a720ba9d488b06550ed955d84a150501aa03a2f' }, index.h("span", { key: '17c9b3a7e76ad853844d1c4cdbfd4aa74470a524', class: CSS.headerActionContainer }, index.h("calcite-action", { key: '7bc8909822ef97fe40721b80ce062abf93d825db', onClick: this.toggleExpanded(), icon: expanded ? 'chevron-down' : 'chevron-up', appearance: "transparent", text: expandCollapseText, label: expandCollapseText, scale: "s" }), index.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 ? (index.h("instant-apps-interactive-legend-count", { activeLayerInfo: this.activeLayerInfo, "show-total": true, messages: this.messages, legendvm: this.legendvm })) : null)));
+            } }, index.h("span", { key: 'e8652d3efbba23460e516c7a482b9c58711bfd6e' }, index.h("span", { key: '0b3aa10dd2da8634101fca455b5a611f6d3e4436', class: CSS.headerActionContainer }, index.h("calcite-action", { key: '3f311642dd154822d105fa5ecd21bd5cfe7dcf0c', onClick: this.toggleExpanded(), icon: expanded ? 'chevron-down' : 'chevron-up', appearance: "transparent", text: expandCollapseText, label: expandCollapseText, scale: "s" }), index.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 ? (index.h("instant-apps-interactive-legend-count", { activeLayerInfo: this.activeLayerInfo, "show-total": true, messages: this.messages, legendvm: this.legendvm })) : null)));
     }
     toggleExpanded() {
         return () => {

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

@@ -45,9 +45,9 @@ const InstantAppsInteractiveLegendGroupLegendElement = class {
         });
     }
     render() {
-        return (index.h("div", { key: '5294fd647e506c8fb1c10bc39178dd1701df0a13', style: {
+        return (index.h("div", { key: 'ab9a4911afa5f1021f3270c4fec409a708e2ec51', style: {
                 borderLeft: '1px solid var(--calcite-color-border-3)',
-            }, class: `${CSS$4.service} ${CSS$4.groupLayer}` }, index.h("instant-apps-interactive-legend-layer-element-caption", { key: '5fa320a7a12179a85e157ccbabb5ff0d3fb75ea2', ref: node => (this.layerCaption = node), class: helpers.getTheme(this.el), legendvm: this.legendvm, "feature-count": this.featureCount, activeLayerInfo: this.activeLayerInfo, messages: this.messages, isChild: this.isChild }), index.h("div", { key: '68f702a841bf7a89a0534a252465b742c872aa94', class: `${CSS$4.groupContent} ${this.expanded === false ? 'hide' : 'show'}` }, index.h("slot", { key: '7b632a4264a3aead0f53949b972169827b11a4c0', name: "content" }))));
+            }, class: `${CSS$4.service} ${CSS$4.groupLayer}` }, index.h("instant-apps-interactive-legend-layer-element-caption", { key: 'bc80abe473c1b47920a78b072033d5b214f7822c', ref: node => (this.layerCaption = node), class: helpers.getTheme(this.el), legendvm: this.legendvm, "feature-count": this.featureCount, activeLayerInfo: this.activeLayerInfo, messages: this.messages, isChild: this.isChild }), index.h("div", { key: 'cf6dc1620eb0a95430129b9d414a9f6b893b61c2', class: `${CSS$4.groupContent} ${this.expanded === false ? 'hide' : 'show'}` }, index.h("slot", { key: 'f346b52020e3cf4e3a072fdfa17a3762676aba53', name: "content" }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -85,9 +85,9 @@ const InstantAppsInteractiveLegendLayerElement = class {
     render() {
         var _a, _b;
         const layerClasses = !!this.activeLayerInfo.parent ? ` ${CSS$3.groupLayerChild}` : '';
-        return (index.h("div", { key: '14f04807f3c36d4ef8dc2337d126b9657fc8edec', style: {
+        return (index.h("div", { key: '45305a415db8ba0a08ab69de820ff6b8711e1cee', style: {
                 borderLeft: '1px solid var(--calcite-color-border-3)',
-            }, class: `${CSS$3.service}${layerClasses}`, tabIndex: 0 }, index.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: helpers.getTheme(this.el) }), index.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'}` }, index.h("slot", { key: '94f10f632b9409a25f6f5eaf65c7a2e50ecedc29', name: "content" }))));
+            }, class: `${CSS$3.service}${layerClasses}`, tabIndex: 0 }, index.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: helpers.getTheme(this.el) }), index.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'}` }, index.h("slot", { key: '761834066d924654c87a39601c1670625c88d863', name: "content" }))));
     }
     get el() { return index.getElement(this); }
 };
@@ -136,7 +136,7 @@ const InstantAppsInteractiveLegendLegendElement = class {
             const expandState = relationshipRampExpandStates[this.activeLayerInfo.layer.id];
             expanded = expandState;
         }
-        return (index.h("div", { key: '4c84ceeed6021b53975ce59397b7942efe0fd861', class: `${tableClass}${tableClasses}${nonInteractiveClass}${nestedUniqueSymbolClass}` }, index.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'}` }, index.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 })), index.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'}` }, index.h("slot", { key: '8b402e2c6dbf5e657cb4518c95bb43220de0a68d', name: "content" }))));
+        return (index.h("div", { key: 'cd76a15dfd77c630708e61535a4d22d66385a4bf', class: `${tableClass}${tableClasses}${nonInteractiveClass}${nestedUniqueSymbolClass}` }, index.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'}` }, index.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 })), index.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'}` }, index.h("slot", { key: 'c95e14737a003f85f7c494e6d30d9f946bef464a', name: "content" }))));
     }
 };
 InstantAppsInteractiveLegendLegendElement.style = InstantAppsInteractiveLegendLegendElementStyle0;
@@ -267,7 +267,7 @@ const InstantAppsInteractiveLegendRelationship = class {
     }
     render() {
         var _a, _b;
-        return (index.h("div", { key: '1f7588d95a9f87cd0d1574d2c8823e4fec7ff20a', ref: (node) => {
+        return (index.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');
@@ -280,7 +280,7 @@ const InstantAppsInteractiveLegendRelationship = class {
           `;
                     node === null || node === void 0 ? void 0 : node.appendChild(css);
                 }
-            } }, index.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()));
+            } }, index.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/cjs/instant-apps-keyboard-shortcuts.cjs.entry.js

@@ -30,7 +30,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 (index.h(index.Host, { key: 'f8e209f996c4743ad1bfc91deef5952c8ac34f90' }, index.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 }, index.h("table", { key: '5820bb1e99ba3ffc926dea0c60ae6cba9fb71461' }, this.renderTableHeader(), index.h("tr", { key: 'b3664317e370d732f405325f6094f5ed2baad197' }, index.h("td", { key: '3e3367b5fe5e8e5f3deddbb850acdf8c6eae9841' }, `${modifierKey} + M`), index.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))), index.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), index.h("table", { key: '72cbeee022de4c2c895eb78a94cf708d3f2f653c' }, this.renderTableHeader(), commands.map(command => {
+        return (index.h(index.Host, { key: '9c8b38fe77e393b5c28dcdeb9f536136f1847a80' }, index.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 }, index.h("table", { key: '35c2075b9bfd4156dc599f7eb4230f8939b666d7' }, this.renderTableHeader(), index.h("tr", { key: '4501f1eb90661c5c4dc21448faafc6b05c9c5f44' }, index.h("td", { key: 'dd5e19bf19397dc2d249280b779021436f792ca2' }, `${modifierKey} + M`), index.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))), index.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), index.h("table", { key: 'da8a5261b67d71d969313c9643e45762dfd7ec1b' }, this.renderTableHeader(), commands.map(command => {
             return (index.h("tr", null, index.h("td", null, command.alias), index.h("td", null, command.title)));
         })))));
     }

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

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

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

@@ -8,7 +8,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a0af791.js');
-const utils = require('./utils-9343bd5b.js');
+const utils = require('./utils-62072741.js');
 const loadModules = require('./loadModules-8567855e.js');
 const locale = require('./locale-a965a573.js');
 const constants = require('./constants-0a4fc296.js');
@@ -29,8 +29,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() {
@@ -82,7 +82,7 @@ const InstantAppsLanguageSwitcher = class {
         const trigger = this.renderTrigger();
         const dropdown = this.renderDropdownItems();
         const defaultLocale = this.renderDefaultLocale();
-        return (index.h("calcite-dropdown", { key: 'ced0c98bd69889c1c8c655425a495da4a1bf7ab1', onCalciteDropdownBeforeOpen: () => (this.trigger.iconEnd = 'chevron-up'), onCalciteDropdownBeforeClose: () => (this.trigger.iconEnd = 'chevron-down'), "width-scale": "m" }, trigger, defaultLocale, dropdown));
+        return (index.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;