@esri/solutions-components 0.10.23 → 0.10.25

package/dist/cjs/feature-list.cjs.entry.js

@@ -9,11 +9,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5a0af791.js');
 const locale = require('./locale-a09603ee.js');
-const popupUtils = require('./popupUtils-c38f840d.js');
+const popupUtils = require('./popupUtils-24306e6b.js');
 const mapViewUtils = require('./mapViewUtils-18c46b84.js');
 require('./esri-loader-08dc41bd.js');
 require('./_commonjsHelpers-baf43783.js');
-require('./downloadUtils-470f6a27.js');
+require('./downloadUtils-17f08e5e.js');
 require('./solution-resource-40e70253.js');
 require('./index-f052f656.js');
 require('./restHelpersGet-5c2245a3.js');

package/dist/cjs/{index.es-6387d8fb.js → index.es-2518dd41.js}

@@ -6,7 +6,7 @@
 'use strict';
 
 const _commonjsHelpers = require('./_commonjsHelpers-baf43783.js');
-const downloadUtils = require('./downloadUtils-470f6a27.js');
+const downloadUtils = require('./downloadUtils-17f08e5e.js');
 require('./index-5a0af791.js');
 require('./locale-a09603ee.js');
 require('./esri-loader-08dc41bd.js');
@@ -2202,33 +2202,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);
     });
   };
 }
@@ -3375,44 +3370,38 @@ var toPrimitive = {exports: {}};
 
 (function (module) {
 var _typeof = downloadUtils._typeof.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 = downloadUtils._typeof.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/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;