@esri/solutions-components 0.10.23 → 0.10.25

package/dist/components/index.es.js

@@ -2192,33 +2192,28 @@ $$9({ target: 'Promise', stat: true, forced: FORCED_PROMISE_CONSTRUCTOR }, {
 var asyncToGenerator = {exports: {}};
 
 (function (module) {
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+function asyncGeneratorStep(n, t, e, r, o, a, c) {
   try {
-    var info = gen[key](arg);
-    var value = info.value;
-  } catch (error) {
-    reject(error);
-    return;
-  }
-  if (info.done) {
-    resolve(value);
-  } else {
-    Promise.resolve(value).then(_next, _throw);
+    var i = n[a](c),
+      u = i.value;
+  } catch (n) {
+    return void e(n);
   }
+  i.done ? t(u) : Promise.resolve(u).then(r, o);
 }
-function _asyncToGenerator(fn) {
+function _asyncToGenerator(n) {
   return function () {
-    var self = this,
-      args = arguments;
-    return new Promise(function (resolve, reject) {
-      var gen = fn.apply(self, args);
-      function _next(value) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+    var t = this,
+      e = arguments;
+    return new Promise(function (r, o) {
+      var a = n.apply(t, e);
+      function _next(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "next", n);
       }
-      function _throw(err) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+      function _throw(n) {
+        asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);
       }
-      _next(undefined);
+      _next(void 0);
     });
   };
 }
@@ -3365,44 +3360,38 @@ var toPrimitive = {exports: {}};
 
 (function (module) {
 var _typeof = _typeof$1.exports["default"];
-function _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
+function toPrimitive(t, r) {
+  if ("object" != _typeof(t) || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != _typeof(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
-  return (hint === "string" ? String : Number)(input);
+  return ("string" === r ? String : Number)(t);
 }
-module.exports = _toPrimitive, module.exports.__esModule = true, module.exports["default"] = module.exports;
+module.exports = toPrimitive, module.exports.__esModule = true, module.exports["default"] = module.exports;
 }(toPrimitive));
 
 (function (module) {
 var _typeof = _typeof$1.exports["default"];
 var toPrimitive$1 = toPrimitive.exports;
-function _toPropertyKey(arg) {
-  var key = toPrimitive$1(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
+function toPropertyKey(t) {
+  var i = toPrimitive$1(t, "string");
+  return "symbol" == _typeof(i) ? i : i + "";
 }
-module.exports = _toPropertyKey, module.exports.__esModule = true, module.exports["default"] = module.exports;
+module.exports = toPropertyKey, module.exports.__esModule = true, module.exports["default"] = module.exports;
 }(toPropertyKey$1));
 
 (function (module) {
 var toPropertyKey = toPropertyKey$1.exports;
-function _defineProperty(obj, key, value) {
-  key = toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
+function _defineProperty(e, r, t) {
+  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
 }
 module.exports = _defineProperty, module.exports.__esModule = true, module.exports["default"] = module.exports;
 }(defineProperty));

package/dist/components/instant-apps-app-guide.js

@@ -0,0 +1,184 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { g as getMessages } from './locale3.js';
+import { d as defineCustomElement$b } from './action.js';
+import { d as defineCustomElement$a } from './action-menu.js';
+import { d as defineCustomElement$9 } from './carousel.js';
+import { d as defineCustomElement$8 } from './carousel-item.js';
+import { d as defineCustomElement$7 } from './icon.js';
+import { d as defineCustomElement$6 } from './loader.js';
+import { d as defineCustomElement$5 } from './panel.js';
+import { d as defineCustomElement$4 } from './popover.js';
+import { d as defineCustomElement$3 } from './progress.js';
+import { d as defineCustomElement$2 } from './scrim.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$1 = /*@__PURE__*/ proxyCustomElement(class InstantAppsAppGuide extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        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() {
+        getMessages(this);
+    }
+    render() {
+        return (h(Host, { key: '3c6bf465e2543e62f8e991a22a4f8b8420556285' }, h("calcite-panel", { key: '15a145d4f930de4325716dcd8b73fdcbbe5fa31e', scale: "s" }, this._renderAppGuideHeader(), 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 ?
+            (h("span", { slot: "header-content" }, _headerText, " ", h("calcite-icon", { icon: "lightbulb", scale: "s" }))) :
+            null;
+    }
+    _renderAppGuidePages(pages) {
+        return pages.map((pageData, index) => {
+            const { content, type } = pageData;
+            return (h("calcite-carousel-item", { key: `page_${index}` }, h("div", { class: CSS.contentWrapper }, this._renderContentItems(content, type))));
+        });
+    }
+    _renderContentItems(content, type) {
+        switch (type) {
+            case 'list':
+                return (h("ol", { class: CSS.contentList }, content.map((contentItem, index) => (h("li", { key: `content-list-item-${index}`, class: CSS.contentListItem }, contentItem)))));
+            case 'paragraphs':
+            default:
+                return content.map((contentItem, index) => (h("p", { key: `content-paragraph-${index}` }, contentItem)));
+        }
+    }
+    get el() { return this; }
+    static get watchers() { return {
+        "data": ["watchPropHandler"]
+    }; }
+    static get style() { return InstantAppsAppGuideStyle0; }
+}, [1, "instant-apps-app-guide", {
+        "header": [4],
+        "data": [16],
+        "messages": [32],
+        "headerText": [32]
+    }, undefined, {
+        "data": ["watchPropHandler"]
+    }]);
+function defineCustomElement$1() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["instant-apps-app-guide", "calcite-action", "calcite-action-menu", "calcite-carousel", "calcite-carousel-item", "calcite-icon", "calcite-loader", "calcite-panel", "calcite-popover", "calcite-progress", "calcite-scrim"];
+    components.forEach(tagName => { switch (tagName) {
+        case "instant-apps-app-guide":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, InstantAppsAppGuide$1);
+            }
+            break;
+        case "calcite-action":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "calcite-action-menu":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "calcite-carousel":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "calcite-carousel-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "calcite-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "calcite-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "calcite-panel":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "calcite-popover":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "calcite-progress":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "calcite-scrim":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
+}
+defineCustomElement$1();
+
+const InstantAppsAppGuide = InstantAppsAppGuide$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { InstantAppsAppGuide, defineCustomElement };

package/dist/components/instant-apps-ckeditor-wrapper2.js

@@ -57,7 +57,7 @@ const InstantAppsCkeditorWrapper = /*@__PURE__*/ proxyCustomElement(class Instan
         this.editorInstance.setData(this.value);
     }
     render() {
-        return (h(Host, { key: '4a000cee4310d40e940c97d16f24c78415083f1b' }, h("div", { key: '55b2e7ddd6b259b58e19f8946d2198df1fd7b579' })));
+        return (h(Host, { key: '26f62d5413e21916b77253476cf48f69682861d5' }, h("div", { key: '45a9d7b859a21e49c81afdaa3bdd5074f1428cd5' })));
     }
     init() {
         this.applyStyles();

package/dist/components/instant-apps-control-panel.js

@@ -31,7 +31,7 @@ const InstantAppsControlPanel$1 = /*@__PURE__*/ proxyCustomElement(class Instant
         this._handleComponents();
     }
     render() {
-        return (h(Host, { key: 'b4eb66870fea801441c2c4410fce060a7785b66a' }, h("slot", { key: '9fadbc49629b92b3ae909da5171f2f0ae87e2daf', name: SLOT_NAME })));
+        return (h(Host, { key: '45edbd93de055768fb4b58e9d12a7570d24bdd22' }, h("slot", { key: '47d507e456dfc86a068948280b21386bc08e735c', name: SLOT_NAME })));
     }
     _handleComponents() {
         const componentsNode = this._getComponentsNode();

package/dist/components/instant-apps-export-views.js

@@ -401,7 +401,7 @@ const InstantAppsExportViews$1 = /*@__PURE__*/ proxyCustomElement(class InstantA
     }
     render() {
         const mode = this.mode === 'popover' ? this.renderPopover() : this.renderPanel();
-        return (h(Host, { key: '1b0428743837a0f1c176cba3e58af38104f4ac7b' }, h("div", { key: '8d39535015a0e5ab498a66c8757c28ae556bd326', class: this.baseClass, onMouseEnter: this.handleWidgetCreation.bind(this), onFocusin: this.handleWidgetCreation.bind(this) }, mode)));
+        return (h(Host, { key: '52f53735afba2085f45bdd8ba64e8e37b48318bb' }, 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/components/instant-apps-export.js

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

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

@@ -132,10 +132,8 @@ const InstantAppsFilterList = /*@__PURE__*/ proxyCustomElement(class InstantApps
     }
     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);
@@ -191,7 +189,7 @@ const InstantAppsFilterList = /*@__PURE__*/ proxyCustomElement(class InstantApps
     render() {
         const filterConfig = this.loading ? this.renderLoading() : this.initFilterConfig();
         const footer = this.renderFooter(this.closeBtn, this.resetBtn);
-        return (h(Host, { key: '1cc3609c3ba5760b5e4e83fe9d86e391b7126fa2' }, h("calcite-panel", { key: 'a88f98d7650a53faf227e8cb0aeabfb59981932e', class: this.baseClass, ref: el => (this.panelEl = el) }, h("slot", { key: '094a5c5eb771ee7cdb140c505eb9ca825607ddc7', slot: "header-content", name: "filter-header-content" }), h("slot", { key: '5850fabcfe9826db945b2f8e8d43d9aa9d6b9aed', slot: "header-actions-end", name: "filter-header-actions-end" }), h("div", { key: "filter-container", class: CSS.filterContainer }, filterConfig, footer))));
+        return (h(Host, { key: '80c4918bd3bdf65d541ed6cf4cf4843ab0f0df01' }, h("calcite-panel", { key: 'f1da101b071420df42da5eb8f5478d0719b40cec', class: this.baseClass, ref: el => (this.panelEl = el) }, h("slot", { key: '8ebdbf20767027459470fa85fe4238e69bc47ab8', slot: "header-content", name: "filter-header-content" }), h("slot", { key: '177f8db80aa842eeb200344cd7b398cd51ca23f3', slot: "header-actions-end", name: "filter-header-actions-end" }), h("div", { key: "filter-container", class: CSS.filterContainer }, filterConfig, footer))));
     }
     renderLoading() {
         return h("calcite-loader", { label: "Loading filters..." });

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

@@ -87,7 +87,7 @@ const InstantAppsHeader = /*@__PURE__*/ proxyCustomElement(class InstantAppsHead
         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/components/instant-apps-interactive-legend-classic2.js

@@ -1181,6 +1181,12 @@ const InstantAppsInteractiveLegendClassic = /*@__PURE__*/ proxyCustomElement(cla
     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);
@@ -1188,9 +1194,8 @@ const InstantAppsInteractiveLegendClassic = /*@__PURE__*/ proxyCustomElement(cla
         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() {
@@ -1469,7 +1474,7 @@ const InstantAppsInteractiveLegendClassic = /*@__PURE__*/ proxyCustomElement(cla
         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/components/instant-apps-interactive-legend-group-legend-element-caption.js

@@ -37,9 +37,9 @@ const InstantAppsInteractiveLegendGroupLegendElementCaption$1 = /*@__PURE__*/ pr
         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/components/instant-apps-interactive-legend-group-legend-element2.js

@@ -43,9 +43,9 @@ const InstantAppsInteractiveLegendGroupLegendElement = /*@__PURE__*/ proxyCustom
         });
     }
     render() {
-        return (h("div", { key: '5294fd647e506c8fb1c10bc39178dd1701df0a13', style: {
+        return (h("div", { key: 'ab9a4911afa5f1021f3270c4fec409a708e2ec51', style: {
                 borderLeft: '1px solid var(--calcite-color-border-3)',
-            }, class: `${CSS.service} ${CSS.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.groupContent} ${this.expanded === false ? 'hide' : 'show'}` }, h("slot", { key: '7b632a4264a3aead0f53949b972169827b11a4c0', name: "content" }))));
+            }, class: `${CSS.service} ${CSS.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.groupContent} ${this.expanded === false ? 'hide' : 'show'}` }, h("slot", { key: 'f346b52020e3cf4e3a072fdfa17a3762676aba53', name: "content" }))));
     }
     get el() { return this; }
     static get style() { return InstantAppsInteractiveLegendGroupLegendElementStyle0; }

package/dist/components/instant-apps-interactive-legend-layer-element-caption2.js

@@ -37,7 +37,7 @@ const InstantAppsInteractiveLegendLayerElementCaption = /*@__PURE__*/ proxyCusto
         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/components/instant-apps-interactive-legend-layer-element2.js

@@ -44,9 +44,9 @@ const InstantAppsInteractiveLegendLayerElement = /*@__PURE__*/ proxyCustomElemen
     render() {
         var _a, _b;
         const layerClasses = !!this.activeLayerInfo.parent ? ` ${CSS.groupLayerChild}` : '';
-        return (h("div", { key: '14f04807f3c36d4ef8dc2337d126b9657fc8edec', style: {
+        return (h("div", { key: '45305a415db8ba0a08ab69de820ff6b8711e1cee', style: {
                 borderLeft: '1px solid var(--calcite-color-border-3)',
-            }, class: `${CSS.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.layer}${this.expanded === false ? ' hide' : ' show'}` }, h("slot", { key: '94f10f632b9409a25f6f5eaf65c7a2e50ecedc29', name: "content" }))));
+            }, class: `${CSS.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.layer}${this.expanded === false ? ' hide' : ' show'}` }, h("slot", { key: '761834066d924654c87a39601c1670625c88d863', name: "content" }))));
     }
     get el() { return this; }
     static get style() { return InstantAppsInteractiveLegendLayerElementStyle0; }

package/dist/components/instant-apps-interactive-legend-legend-element2.js

@@ -57,7 +57,7 @@ const InstantAppsInteractiveLegendLegendElement = /*@__PURE__*/ proxyCustomEleme
             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" }))));
     }
     static get style() { return InstantAppsInteractiveLegendLegendElementStyle0; }
 }, [6, "instant-apps-interactive-legend-legend-element", {

package/dist/components/instant-apps-interactive-legend-relationship2.js

@@ -47,7 +47,7 @@ const InstantAppsInteractiveLegendRelationship = /*@__PURE__*/ proxyCustomElemen
     }
     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');
@@ -60,7 +60,7 @@ const InstantAppsInteractiveLegendRelationship = /*@__PURE__*/ proxyCustomElemen
           `;
                     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/components/instant-apps-keyboard-shortcuts.js

@@ -33,7 +33,7 @@ const InstantAppsKeyboardShortcuts$1 = /*@__PURE__*/ proxyCustomElement(class In
         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/components/instant-apps-landing-page.js

@@ -97,7 +97,7 @@ const InstantAppsLandingPage$1 = /*@__PURE__*/ proxyCustomElement(class InstantA
     }
     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/components/instant-apps-language-switcher.js

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

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

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

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

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