@esri/solutions-components 0.8.36 → 0.8.38

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

@@ -25,52 +25,52 @@ import { d as defineCustomElement$2 } from './instant-apps-language-translator-i
 import { d as defineCustomElement$1 } from './instant-apps-language-translator-search2.js';
 
 async function fetchResourceData(request, resource) {
-  var _a, _b, _c;
-  try {
-    const token = (_c = (_b = (_a = resource === null || resource === void 0 ? void 0 : resource.portalItem) === null || _a === void 0 ? void 0 : _a.portal) === null || _b === void 0 ? void 0 : _b['credential']) === null || _c === void 0 ? void 0 : _c['token'];
-    const reqConfig = { responseType: 'json' };
-    if (token)
-      reqConfig.query = { token };
-    var cacheBuster = 'cacheBuster=' + Date.now();
-    const url = `${resource.url}?${cacheBuster}`;
-    const reqRes = await request(url, reqConfig);
-    const t9nData = reqRes.data;
-    return Promise.resolve(t9nData);
-  }
-  catch (err) {
-    console.error('Unable to get resource t9n data.');
-  }
-}
-async function getPortalItemResource(portalItem) {
-  if (!portalItem)
-    return null;
-  const [PortalItemResource] = await loadModules(['esri/portal/PortalItemResource']);
-  const existingResourcesRes = await portalItem.fetchResources({
-    num: 100,
-  });
-  const path = `t9n/${portalItem === null || portalItem === void 0 ? void 0 : portalItem.id}.json`;
-  const resource = new PortalItemResource({ path, portalItem });
-  const existingResourceArr = existingResourcesRes.resources.filter(resourceItem => resourceItem.resource.path === path);
-  if (existingResourceArr.length === 0) {
-    const type = 'application/json';
-    const content = new Blob([JSON.stringify({})], { type });
+    var _a, _b, _c;
     try {
-      await portalItem.addResource(resource, content);
-      const existingResourcesRes = await portalItem.fetchResources();
-      const path = `t9n/${portalItem === null || portalItem === void 0 ? void 0 : portalItem.id}.json`;
-      const existingResourceArr = existingResourcesRes.resources.filter(resourceItem => resourceItem.resource.path === path);
-      const existingResource = existingResourceArr[0].resource;
-      return Promise.resolve(existingResource);
+        const token = (_c = (_b = (_a = resource === null || resource === void 0 ? void 0 : resource.portalItem) === null || _a === void 0 ? void 0 : _a.portal) === null || _b === void 0 ? void 0 : _b['credential']) === null || _c === void 0 ? void 0 : _c['token'];
+        const reqConfig = { responseType: 'json' };
+        if (token)
+            reqConfig.query = { token };
+        var cacheBuster = 'cacheBuster=' + Date.now();
+        const url = `${resource.url}?${cacheBuster}`;
+        const reqRes = await request(url, reqConfig);
+        const t9nData = reqRes.data;
+        return Promise.resolve(t9nData);
     }
     catch (err) {
-      console.error('ERROR: ', err);
-      return Promise.reject(null);
-    }
-  }
-  else {
-    const existingResource = existingResourceArr[0].resource;
-    return Promise.resolve(existingResource);
-  }
+        console.error('Unable to get resource t9n data.');
+    }
+}
+async function getPortalItemResource(portalItem) {
+    if (!portalItem)
+        return null;
+    const [PortalItemResource] = await loadModules(['esri/portal/PortalItemResource']);
+    const existingResourcesRes = await portalItem.fetchResources({
+        num: 100,
+    });
+    const path = `t9n/${portalItem === null || portalItem === void 0 ? void 0 : portalItem.id}.json`;
+    const resource = new PortalItemResource({ path, portalItem });
+    const existingResourceArr = existingResourcesRes.resources.filter(resourceItem => resourceItem.resource.path === path);
+    if (existingResourceArr.length === 0) {
+        const type = 'application/json';
+        const content = new Blob([JSON.stringify({})], { type });
+        try {
+            await portalItem.addResource(resource, content);
+            const existingResourcesRes = await portalItem.fetchResources();
+            const path = `t9n/${portalItem === null || portalItem === void 0 ? void 0 : portalItem.id}.json`;
+            const existingResourceArr = existingResourcesRes.resources.filter(resourceItem => resourceItem.resource.path === path);
+            const existingResource = existingResourceArr[0].resource;
+            return Promise.resolve(existingResource);
+        }
+        catch (err) {
+            console.error('ERROR: ', err);
+            return Promise.reject(null);
+        }
+    }
+    else {
+        const existingResource = existingResourceArr[0].resource;
+        return Promise.resolve(existingResource);
+    }
 }
 
 const instantAppsLanguageTranslatorCss = ".sc-instant-apps-language-translator-h{display:block}.sc-instant-apps-language-translator-h calcite-modal.sc-instant-apps-language-translator{--calcite-modal-content-padding:0}.sc-instant-apps-language-translator-h .instant-apps-language-translator__header.sc-instant-apps-language-translator{display:flex;justify-content:space-between;width:100%}.sc-instant-apps-language-translator-h .instant-apps-language-translator__header-text.sc-instant-apps-language-translator{font-size:18px}.sc-instant-apps-language-translator-h .instant-apps-language-translator__saving-indicator.sc-instant-apps-language-translator{display:flex;align-items:center;font-size:14.5px;color:var(--calcite-color-brand)}.sc-instant-apps-language-translator-h .instant-apps-language-translator__writing-icon.sc-instant-apps-language-translator{display:flex;justify-content:center;align-items:center;margin-right:5px}.sc-instant-apps-language-translator-h .instant-apps-language-translator__close-button.sc-instant-apps-language-translator{width:175px}.sc-instant-apps-language-translator-h .instant-apps-language-translator__header-tip.sc-instant-apps-language-translator{padding:20px;max-width:45vw}.sc-instant-apps-language-translator-h .instant-apps-language-translator__top-bar.sc-instant-apps-language-translator{display:flex;width:100%;position:sticky;top:0;background:var(--calcite-color-foreground-1);z-index:1}.sc-instant-apps-language-translator-h .instant-apps-language-translator__top-bar.sc-instant-apps-language-translator calcite-label.sc-instant-apps-language-translator{--calcite-label-margin-bottom:0;font-weight:var(--calcite-font-weight-medium)}.sc-instant-apps-language-translator-h .instant-apps-language-translator__top-bar-section.sc-instant-apps-language-translator{box-sizing:border-box;display:flex;align-items:center;width:50%;padding:0.5%}.sc-instant-apps-language-translator-h .instant-apps-language-translator__user-lang-text.sc-instant-apps-language-translator{font-weight:var(--calcite-font-weight-medium)}.sc-instant-apps-language-translator-h .instant-apps-language-translator__top-bar-section.sc-instant-apps-language-translator:first-child{display:flex;justify-content:space-between}.sc-instant-apps-language-translator-h .instant-apps-language-translator__top-bar-section.sc-instant-apps-language-translator:nth-child(2) calcite-select.sc-instant-apps-language-translator{width:255px}.sc-instant-apps-language-translator-h .instant-apps-language-translator__collapse-search-container.sc-instant-apps-language-translator{display:flex;justify-content:space-between}.sc-instant-apps-language-translator-h .instant-apps-language-translator__collapse-search-container.sc-instant-apps-language-translator calcite-input.sc-instant-apps-language-translator{width:300px;margin-left:30px}.ck.ck-reset.ck-editor.ck-rounded-corners.sc-instant-apps-language-translator{margin-top:10px !important;margin-left:55px !important}.ck-editor__editable.sc-instant-apps-language-translator{height:70px !important;font-size:0.875rem !important;line-height:1.375 !important}.ck.ck-editor__editable_inline.sc-instant-apps-language-translator>.sc-instant-apps-language-translator:first-child,.ck.ck-editor__editable_inline.sc-instant-apps-language-translator>.sc-instant-apps-language-translator:last-child{--ck-spacing-large:0.5rem !important}";
@@ -171,7 +171,7 @@ const InstantAppsLanguageTranslator = /*@__PURE__*/ proxyCustomElement(class Ins
         catch (_a) { }
     }
     render() {
-        return (h(Host, null, this.renderModal(), this.renderPopoverTip()));
+        return (h(Host, { key: 'fc32ca4cd8da2d20de670b77e7e6e324fbe15e80' }, this.renderModal(), this.renderPopoverTip()));
     }
     renderModal() {
         return (h("calcite-modal", { open: this.open, scale: "l", fullscreen: true, onCalciteModalClose: this.close.bind(this) }, this.renderHeader(), this.renderContent(), this.renderPrimaryButton()));

package/dist/components/instant-apps-measurement-tool2.js

@@ -39,9 +39,9 @@ const InstantAppsMeasurementTool = /*@__PURE__*/ proxyCustomElement(class Instan
         this._init();
     }
     render() {
-        return (h(Host, null, h("div", { class: CSS.base }, h("div", { ref: el => {
+        return (h(Host, { key: '3a89054009ef3a80466b21154a539e83bd545e55' }, h("div", { key: '198051081168e293f9096de6021a7c4b62937bda', class: CSS.base }, h("div", { key: 'a691724d5589a23914e733a072ea951e0a748bf7', ref: el => {
                 this._measureElement = el;
-            } }), h("div", { class: CSS.hide, ref: el => {
+            } }), h("div", { key: '8d816201e43a89f9f309e110ec024f05eff65296', class: CSS.hide, ref: el => {
                 this._coordinateElement = el;
             } }))));
     }

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

@@ -42,7 +42,7 @@ const InstantAppsMeasurement$1 = /*@__PURE__*/ proxyCustomElement(class InstantA
     componentDidLoad() { }
     render() {
         var _a;
-        return (h(Host, null, h("calcite-panel", { heading: (_a = this === null || this === void 0 ? void 0 : this.messages) === null || _a === void 0 ? void 0 : _a.label, closable: this.closable }, h("div", null, this.renderActionPad()), this.renderMeasureToolPanel())));
+        return (h(Host, { key: '7a579ade6dca5d875e5dac86e1ef23778babd570' }, h("calcite-panel", { key: '91593087bbf31b2ec252d802962e8ece7246c7d6', heading: (_a = this === null || this === void 0 ? void 0 : this.messages) === null || _a === void 0 ? void 0 : _a.label, closable: this.closable }, h("div", { key: '628cb313218c45b1375ab96d1d9b349f07d02a75' }, this.renderActionPad()), this.renderMeasureToolPanel())));
     }
     renderMeasureToolPanel() {
         const { view, coordinateFormat, areaUnit, linearUnit, activeToolType } = this;

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

@@ -51,7 +51,7 @@ const InstantAppsPopover$1 = /*@__PURE__*/ proxyCustomElement(class InstantAppsP
     }
     render() {
         var _a, _b, _c, _d, _e;
-        return (h("calcite-popover", { ref: (el) => (this.popoverEl = el), heading: this.popoverTitle, "auto-close": true, placement: this.placement, messageOverrides: { close: (_a = this.messages) === null || _a === void 0 ? void 0 : _a.close }, "trigger-disabled": true, "ref-id": this.refId, closable: true, referenceElement: this.referenceElement, label: this.popoverTitle }, h("div", { class: `${CSS.content}${this.disableAction ? ` ${CSS.actionDisabled}` : ''}` }, !this.disableAction ? (h("calcite-action", { key: "popover-action", class: CSS.action, onClick: this.popoverAction, icon: document.dir === 'rtl' ? 'chevron-right' : 'chevron-left', compact: true, "text-enabled": true, text: (((_b = this.messageOverrides) === null || _b === void 0 ? void 0 : _b.popoverAction) ? this.messageOverrides.popoverAction : this.messages.back) })) : null, h("section", null, h("span", { id: "subtitle" }, this.subtitle), h("p", null, this.content), this.imgSrc ? h("img", { key: `iac-popover-img-${this.refId}`, class: CSS.img, src: this.imgSrc, alt: this.imgAlt ? this.imgAlt : '' }) : null), this.pagination ? (h("div", { key: `iac-popover-footer-${this.index}`, class: CSS.footer }, h("span", null, this.index + 1, " ", (_c = this.messages) === null || _c === void 0 ? void 0 :
+        return (h("calcite-popover", { key: '11ee827bbe4001af1b881bbc05728dbff4c2869c', ref: (el) => (this.popoverEl = el), heading: this.popoverTitle, "auto-close": true, placement: this.placement, messageOverrides: { close: (_a = this.messages) === null || _a === void 0 ? void 0 : _a.close }, "trigger-disabled": true, "ref-id": this.refId, closable: true, referenceElement: this.referenceElement, label: this.popoverTitle }, h("div", { key: 'cec04f88bebd5c920a2449836880dcef516cd3a7', class: `${CSS.content}${this.disableAction ? ` ${CSS.actionDisabled}` : ''}` }, !this.disableAction ? (h("calcite-action", { key: "popover-action", class: CSS.action, onClick: this.popoverAction, icon: document.dir === 'rtl' ? 'chevron-right' : 'chevron-left', compact: true, "text-enabled": true, text: (((_b = this.messageOverrides) === null || _b === void 0 ? void 0 : _b.popoverAction) ? this.messageOverrides.popoverAction : this.messages.back) })) : null, h("section", { key: 'b388401688d359725090de56366d264f5b2e05fb' }, h("span", { key: 'a6fede03a223acdb9770947d81511fbee85c4f8e', id: "subtitle" }, this.subtitle), h("p", { key: 'c3ccf7e549eaeb61234d5ee53784b054f188788a' }, this.content), this.imgSrc ? h("img", { key: `iac-popover-img-${this.refId}`, class: CSS.img, src: this.imgSrc, alt: this.imgAlt ? this.imgAlt : '' }) : null), this.pagination ? (h("div", { key: `iac-popover-footer-${this.index}`, class: CSS.footer }, h("span", null, this.index + 1, " ", (_c = this.messages) === null || _c === void 0 ? void 0 :
             _c.of, " ", (_e = (_d = this.parent) === null || _d === void 0 ? void 0 : _d.instantAppsPopovers) === null || _e === void 0 ? void 0 :
             _e.size), this.renderPagination())) : null)));
     }

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

@@ -33,7 +33,7 @@ const InstantAppsPopovers$1 = /*@__PURE__*/ proxyCustomElement(class InstantApps
         });
     }
     render() {
-        return (h(Host, null, h("slot", { name: "popovers" })));
+        return (h(Host, { key: '02dd6367b259671584e90cc0961394d9e2c95593' }, h("slot", { key: '97eed5108c00e29ea2efc8f4ec772d3953224d82', name: "popovers" })));
     }
     next() {
         const refIds = Array.from(this.instantAppsPopovers.keys());

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

@@ -247,7 +247,7 @@ const InstantAppsScoreboard$1 = /*@__PURE__*/ proxyCustomElement(class InstantAp
         const progress = isLoading || isCalculating || ((_a = this.view) === null || _a === void 0 ? void 0 : _a.updating) ? this.renderProgress() : null;
         const positionClass = this.getPositionClass;
         const styleClass = this.getStyleClass;
-        return h(Host, { class: `${positionClass} ${styleClass}` }, isDisabled ? null : [progress, ((_b = this.items) === null || _b === void 0 ? void 0 : _b.length) > 0 ? this.renderBase() : null]);
+        return h(Host, { key: 'b74bee3afeabbef6595bfe6662ad69cf89b189a3', class: `${positionClass} ${styleClass}` }, isDisabled ? null : [progress, ((_b = this.items) === null || _b === void 0 ? void 0 : _b.length) > 0 ? this.renderBase() : null]);
     }
     renderBase() {
         return (h("div", { key: "instant-apps-scoreboard-base", class: BASE }, this.renderContent()));

package/dist/components/instant-apps-sign-in2.js

@@ -15,7 +15,7 @@ import { d as defineCustomElement$3 } from './icon.js';
 import { d as defineCustomElement$2 } from './loader.js';
 import { d as defineCustomElement$1 } from './navigation-user.js';
 
-const instantAppsSignInCss = ":host{display:block;box-shadow:none !important}:host .instant-apps-sign-in__container{height:inherit;display:flex;align-items:center}:host .instant-apps-sign-in__container calcite-dropdown,:host .instant-apps-sign-in__container calcite-navigation-user{height:100%}:host .instant-apps-sign-in__container .instant-apps-sign-in__sign-in-btn{margin:10px}:host .instant-apps-sign-in__container calcite-dropdown[scale=m] calcite-dropdown-group{min-width:140px}:host .instant-apps-sign-in__container calcite-dropdown[scale=s] calcite-dropdown-group{min-width:100px}:host .instant-apps-sign-in__container calcite-dropdown-item{--calcite-color-text-1:#d83020;--calcite-color-text-3:#d83020}:host .instant-apps-sign-in__container button{height:32px;width:32px;padding:0;box-sizing:border-box;display:flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;-webkit-text-decoration-line:none;text-decoration-line:none;transition:color var(--calcite-animation-timing) ease-in-out, background-color var(--calcite-animation-timing) ease-in-out, box-shadow var(--calcite-animation-timing) ease-in-out, outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;border:none;border-radius:50%;background:#000}:host .instant-apps-sign-in__container button:hover calcite-avatar{opacity:0.7;transition:0.3s}:host .instant-apps-sign-in__landing-page{display:flex;flex-direction:column;justify-content:center;padding:40px;width:50%;min-height:30%;background:rgba(255, 255, 255, 0.8);color:#151515;text-align:center}:host .instant-apps-sign-in__landing-page h1{font-size:22px;margin:10px 0}:host .instant-apps-sign-in__landing-page h2{font-size:16px;margin:0 0 10px}:host .instant-apps-sign-in__landing-page p{font-size:16px;margin:0}:host .instant-apps-sign-in__landing-page-btns{display:flex;justify-content:space-between;margin-top:40px}:host .instant-apps-sign-in__landing-page-btns calcite-button{width:calc(50% - 5px);--calcite-color-brand:var(--instant-apps-landing-page-entry-button-color);--calcite-color-brand-hover:var(--instant-apps-landing-page-entry-button-color);--calcite-color-brand-press:var(--instant-apps-landing-page-entry-button-color)}:host .instant-apps-sign-in__landing-page-btns calcite-button:hover{filter:contrast(0.8)}@media screen and (max-width: 767px){:host .instant-apps-sign-in__landing-page-btns{flex-direction:column;width:100%;align-items:center;height:76px}:host .instant-apps-sign-in__landing-page-btns calcite-button{width:100%}}";
+const instantAppsSignInCss = ":host{display:block;box-shadow:none !important}:host .instant-apps-sign-in__container{height:inherit;display:flex;align-items:center}:host .instant-apps-sign-in__container calcite-dropdown,:host .instant-apps-sign-in__container calcite-navigation-user{height:100%}:host .instant-apps-sign-in__container .instant-apps-sign-in__sign-in-btn{margin:10px}:host .instant-apps-sign-in__container calcite-dropdown[scale=m] calcite-dropdown-group{min-width:140px}:host .instant-apps-sign-in__container calcite-dropdown[scale=s] calcite-dropdown-group{min-width:100px}:host .instant-apps-sign-in__container button{height:32px;width:32px;padding:0;box-sizing:border-box;display:flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;text-decoration-line:none;transition:color var(--calcite-animation-timing) ease-in-out, background-color var(--calcite-animation-timing) ease-in-out, box-shadow var(--calcite-animation-timing) ease-in-out, outline-color var(--calcite-internal-animation-timing-fast) ease-in-out;border:none;border-radius:50%;background:#000}:host .instant-apps-sign-in__container button:hover calcite-avatar{opacity:0.7;transition:0.3s}:host .instant-apps-sign-in__landing-page{display:flex;flex-direction:column;justify-content:center;padding:40px;width:50%;min-height:30%;background:rgba(255, 255, 255, 0.8);color:#151515;text-align:center}:host .instant-apps-sign-in__landing-page h1{font-size:22px;margin:10px 0}:host .instant-apps-sign-in__landing-page h2{font-size:16px;margin:0 0 10px}:host .instant-apps-sign-in__landing-page p{font-size:16px;margin:0}:host .instant-apps-sign-in__landing-page-btns{display:flex;justify-content:space-between;margin-top:40px}:host .instant-apps-sign-in__landing-page-btns calcite-button{width:calc(50% - 5px);--calcite-color-brand:var(--instant-apps-landing-page-entry-button-color);--calcite-color-brand-hover:var(--instant-apps-landing-page-entry-button-color);--calcite-color-brand-press:var(--instant-apps-landing-page-entry-button-color)}:host .instant-apps-sign-in__landing-page-btns calcite-button:hover{filter:contrast(0.8)}@media screen and (max-width: 767px){:host .instant-apps-sign-in__landing-page-btns{flex-direction:column;width:100%;align-items:center;height:76px}:host .instant-apps-sign-in__landing-page-btns calcite-button{width:100%}}";
 const InstantAppsSignInStyle0 = instantAppsSignInCss;
 
 const CSS = {
@@ -55,7 +55,7 @@ const InstantAppsSignIn = /*@__PURE__*/ proxyCustomElement(class InstantAppsSign
     }
     render() {
         const signIn = this.ready ? this.renderContent() : null;
-        return h(Host, null, signIn);
+        return h(Host, { key: 'f95d3a2f68deee074ea01d6cc2282be0415f1bf5' }, signIn);
     }
     renderContent() {
         return this.type === 'landingPage' ? this.renderLandingPageSignIn() : this.renderSignInContainer();
@@ -70,7 +70,7 @@ const InstantAppsSignIn = /*@__PURE__*/ proxyCustomElement(class InstantAppsSign
     }
     renderSignInButton() {
         var _a;
-        const appearance = this.type === 'navigation' ? 'transparent' : 'brand';
+        const appearance = this.type === 'navigation' ? 'transparent' : 'solid';
         const className = this.type === 'navigation' ? CSS.SignInBtn : '';
         return (h("calcite-button", { class: className, onClick: this.signIn.bind(this), scale: "s", "icon-start": "sign-in", appearance: appearance }, (_a = this.messages) === null || _a === void 0 ? void 0 : _a.signIn));
     }

package/dist/components/instant-apps-social-share2.js

@@ -212,10 +212,10 @@ const InstantAppsSocialShare = /*@__PURE__*/ proxyCustomElement(class InstantApp
         var _a, _b, _c, _d, _e, _f;
         const content = this.copied && this.mode === 'popover' ? (this.renderSuccess()) : (h("div", { class: CSS.dialogContent }, this.renderOptions(), this.displayTipText ? this.renderTip() : null, this.embed ? this.renderEmbed() : null));
         const layoutClass = this.shareIconsLayout === 'vertical' ? ` ${CSS.layout.vertical}` : ` ${CSS.layout.horizontal}`;
-        const dialogContent = (h("div", { ref: el => (this.dialogContentRef = el), class: `${CSS.dialog}${layoutClass}` }, content));
+        const dialogContent = (h("div", { key: 'e3ae70f01dba11ef4bc9e293e13b922a38eab5a3', ref: el => (this.dialogContentRef = el), class: `${CSS.dialog}${layoutClass}` }, content));
         const defaultOffset = 6;
         const offsetDistance = this.removePopoverOffset ? 0 : defaultOffset;
-        return (h(Host, null, this.mode === 'popover'
+        return (h(Host, { key: '84a7ab996010b4263040db789d4d726a874af30a' }, this.mode === 'popover'
             ? [
                 h("calcite-popover", { ref: (el) => (this.popoverRef = el), label: (_b = (_a = this.messages) === null || _a === void 0 ? void 0 : _a.share) === null || _b === void 0 ? void 0 : _b.label, referenceElement: "shareButton", placement: "bottom-start", scale: this.scale, "overlay-positioning": this.popoverPositioning, "offset-distance": offsetDistance, "pointer-disabled": this.removePopoverOffset }, dialogContent),
                 this.renderButton(),
@@ -436,7 +436,7 @@ const InstantAppsSocialShare = /*@__PURE__*/ proxyCustomElement(class InstantApp
         }
     }
     generateShareUrlParams(point, isNotProjected) {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         const { longitude, latitude, x, y } = point;
         if (longitude === undefined || latitude === undefined) {
             return this.shareUrl;
@@ -449,17 +449,18 @@ const InstantAppsSocialShare = /*@__PURE__*/ proxyCustomElement(class InstantApp
         const visible = (_d = (_c = this.view) === null || _c === void 0 ? void 0 : _c.popup) === null || _d === void 0 ? void 0 : _d.visible;
         let layerId;
         let oid;
-        if (graphic && visible) {
+        let hiddenLayers;
+        if (graphic && visible && ((_e = graphic === null || graphic === void 0 ? void 0 : graphic.layer) === null || _e === void 0 ? void 0 : _e.type) === 'feature') {
             const featureLayer = graphic === null || graphic === void 0 ? void 0 : graphic.layer;
-            layerId = featureLayer.id;
+            layerId = featureLayer === null || featureLayer === void 0 ? void 0 : featureLayer.id;
             oid = graphic.attributes[featureLayer.objectIdField];
+            hiddenLayers = this.view.map.allLayers
+                .filter(layer => !layer.visible)
+                .toArray()
+                .map(featureLayer => featureLayer.id)
+                .toString()
+                .replaceAll(',', ';');
         }
-        const hiddenLayers = this.view.map.allLayers
-            .filter(layer => !layer.visible)
-            .toArray()
-            .map(featureLayer => featureLayer.id)
-            .toString()
-            .replaceAll(',', ';');
         const { type } = this.view;
         const { defaultUrlParams } = this;
         const url = new URL(this.shareUrl);

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

@@ -41,16 +41,16 @@ function createSanitizerInstance(sanitizerConstructor) {
 }
 
 function setLocalStorageItem(key) {
-  window === null || window === void 0 ? void 0 : window.localStorage.setItem(key, 'false');
+    window === null || window === void 0 ? void 0 : window.localStorage.setItem(key, 'false');
 }
 function getLocalStorageItem(key) {
-  var _a;
-  const item = (_a = window === null || window === void 0 ? void 0 : window.localStorage) === null || _a === void 0 ? void 0 : _a.getItem(key);
-  return item ? true : false;
+    var _a;
+    const item = (_a = window === null || window === void 0 ? void 0 : window.localStorage) === null || _a === void 0 ? void 0 : _a.getItem(key);
+    return item ? true : false;
 }
 function removeItemFromLocalStorage(key) {
-  var _a;
-  (_a = window === null || window === void 0 ? void 0 : window.localStorage) === null || _a === void 0 ? void 0 : _a.removeItem(key);
+    var _a;
+    (_a = window === null || window === void 0 ? void 0 : window.localStorage) === null || _a === void 0 ? void 0 : _a.removeItem(key);
 }
 
 const instantAppsSplashCss = ":host{display:block}:host .image.image_resized img{width:100%}:host .instant-apps-splash__back-content{display:flex;align-items:center}:host .instant-apps-splash__back-content calcite-label{--calcite-label-margin-bottom:0}";
@@ -99,7 +99,7 @@ const InstantAppsSplash$1 = /*@__PURE__*/ proxyCustomElement(class InstantAppsSp
         getMessages(this);
     }
     render() {
-        return (h("calcite-modal", { onCalciteModalClose: this.close.bind(this), open: this.open, closeButtonDisabled: this.closeButtonDisabled, outsideCloseDisabled: this.outsideCloseDisabled }, this.renderHeader(), this.renderContent(), this.localStorageKey ? this.renderDontShowThisAgainCheckbox() : null, this.renderPrimaryButton(), this.secondaryButton ? this.renderSecondaryButton() : null));
+        return (h("calcite-modal", { key: '6d6a46267460646843c9b06ffbb8d319d2368b3b', onCalciteModalClose: this.close.bind(this), open: this.open, closeButtonDisabled: this.closeButtonDisabled, outsideCloseDisabled: this.outsideCloseDisabled }, this.renderHeader(), this.renderContent(), this.localStorageKey ? this.renderDontShowThisAgainCheckbox() : null, this.renderPrimaryButton(), this.secondaryButton ? this.renderSecondaryButton() : null));
     }
     renderHeader() {
         const { titleText } = this;

package/dist/components/languageUtil.js

@@ -13,54 +13,54 @@ import './esri-loader.js';
  *   See use restrictions at http://www.esri.com/legal/pdfs/mla_e204_e300/english
  */
 const languageMap = new Map([
-  ['ar', 'ar'],
-  ['bg', 'bg'],
-  ['bs', 'bs'],
-  ['ca', 'ca'],
-  ['cs', 'cs'],
-  ['da', 'da'],
-  ['de', 'de'],
-  ['el', 'el'],
-  ['en', 'en'],
-  ['es', 'es'],
-  ['et', 'et'],
-  ['fi', 'fi'],
-  ['fr', 'fr'],
-  ['he', 'he'],
-  ['hr', 'hr'],
-  ['hu', 'hu'],
-  ['id', 'id'],
-  ['it', 'it'],
-  ['ja', 'ja'],
-  ['ko', 'ko'],
-  ['lt', 'lt'],
-  ['lv', 'lv'],
-  ['nb', 'nb'],
-  ['nl', 'nl'],
-  ['pl', 'pl'],
-  ['pt-br', 'pt-BR'],
-  ['pt-pt', 'pt-PT'],
-  ['ro', 'ro'],
-  ['ru', 'ru'],
-  ['sk', 'sk'],
-  ['sl', 'sl'],
-  ['sr', 'sr'],
-  ['sv', 'sv'],
-  ['th', 'th'],
-  ['tr', 'tr'],
-  ['uk', 'uk'],
-  ['vi', 'vi'],
-  ['zh-cn', 'zh-CN'],
-  ['zh-hk', 'zh-HK'],
-  ['zh-tw', 'zh-TW'],
+    ['ar', 'ar'],
+    ['bg', 'bg'],
+    ['bs', 'bs'],
+    ['ca', 'ca'],
+    ['cs', 'cs'],
+    ['da', 'da'],
+    ['de', 'de'],
+    ['el', 'el'],
+    ['en', 'en'],
+    ['es', 'es'],
+    ['et', 'et'],
+    ['fi', 'fi'],
+    ['fr', 'fr'],
+    ['he', 'he'],
+    ['hr', 'hr'],
+    ['hu', 'hu'],
+    ['id', 'id'],
+    ['it', 'it'],
+    ['ja', 'ja'],
+    ['ko', 'ko'],
+    ['lt', 'lt'],
+    ['lv', 'lv'],
+    ['nb', 'nb'],
+    ['nl', 'nl'],
+    ['pl', 'pl'],
+    ['pt-br', 'pt-BR'],
+    ['pt-pt', 'pt-PT'],
+    ['ro', 'ro'],
+    ['ru', 'ru'],
+    ['sk', 'sk'],
+    ['sl', 'sl'],
+    ['sr', 'sr'],
+    ['sv', 'sv'],
+    ['th', 'th'],
+    ['tr', 'tr'],
+    ['uk', 'uk'],
+    ['vi', 'vi'],
+    ['zh-cn', 'zh-CN'],
+    ['zh-hk', 'zh-HK'],
+    ['zh-tw', 'zh-TW'],
 ]);
 // rtl
 function getElementDir(el) {
-  return getElementProp(el, 'dir', 'ltr');
+    return getElementProp(el, 'dir', 'ltr');
 }
 function getElementProp(el, prop, value) {
-  const closestWithProp = el.closest(`[${prop}]`);
-  return closestWithProp ? closestWithProp.getAttribute(prop) : value;
+    const closestWithProp = el.closest(`[${prop}]`);
+    return closestWithProp ? closestWithProp.getAttribute(prop) : value;
 }
 
 export { getElementDir as g, languageMap as l };

package/dist/components/loadModules2.js

@@ -13,9 +13,9 @@ import { e as esriLoader } from './esri-loader.js';
  *   See use restrictions at http://www.esri.com/legal/pdfs/mla_e204_e300/english
  */
 const loadModules = async (moduleNames, options) => {
-  esriLoader.exports.setDefaultOptions({ url: 'https://jsdev.arcgis.com/4.29/' });
-  const mods = await esriLoader.exports.loadModules(moduleNames, options);
-  return mods.map(mod => (mod.__esModule && mod.default ? mod.default : mod));
+    esriLoader.exports.setDefaultOptions({ url: 'https://js.arcgis.com/4.30/' });
+    const mods = await esriLoader.exports.loadModules(moduleNames, options);
+    return mods.map(mod => (mod.__esModule && mod.default ? mod.default : mod));
 };
 
 export { loadModules as l };

package/dist/components/locale3.js

@@ -8,79 +8,79 @@ import { l as languageMap } from './languageUtil.js';
 
 // https://medium.com/stencil-tricks/implementing-internationalisation-i18n-with-stencil-5e6559554117
 function getComponentClosestLanguage(element) {
-  var _a, _b, _c;
-  const closestElement = (_a = element.closest('[lang]')) !== null && _a !== void 0 ? _a : (_c = (_b = element.shadowRoot) === null || _b === void 0 ? void 0 : _b.ownerDocument) === null || _c === void 0 ? void 0 : _c.documentElement;
-  // language set by the calling application or browser. defaults to english.
-  const lang = ((closestElement === null || closestElement === void 0 ? void 0 : closestElement.lang) || (navigator === null || navigator === void 0 ? void 0 : navigator.language) || 'en').toLowerCase();
-  if (languageMap.has(lang)) {
-    return languageMap.get(lang);
-  }
-  else {
-    // "ru-RU" maps to "ru" use case
-    if (languageMap.has(lang.slice(0, 2))) {
-      return languageMap.get(lang.slice(0, 2));
+    var _a, _b, _c;
+    const closestElement = (_a = element.closest('[lang]')) !== null && _a !== void 0 ? _a : (_c = (_b = element.shadowRoot) === null || _b === void 0 ? void 0 : _b.ownerDocument) === null || _c === void 0 ? void 0 : _c.documentElement;
+    // language set by the calling application or browser. defaults to english.
+    const lang = ((closestElement === null || closestElement === void 0 ? void 0 : closestElement.lang) || (navigator === null || navigator === void 0 ? void 0 : navigator.language) || 'en').toLowerCase();
+    if (languageMap.has(lang)) {
+        return languageMap.get(lang);
     }
     else {
-      return 'en';
+        // "ru-RU" maps to "ru" use case
+        if (languageMap.has(lang.slice(0, 2))) {
+            return languageMap.get(lang.slice(0, 2));
+        }
+        else {
+            return 'en';
+        }
     }
-  }
 }
 function fetchLocaleStringsForComponent(componentName, locale) {
-  return new Promise((resolve, reject) => {
-    const t9nDir = './assets/t9n';
-    const fileName = `resources_${locale}.json`;
-    const localeFilePath = `${t9nDir}/${componentName}/${fileName}`;
-    const { href } = new URL(localeFilePath, window.location.href);
-    fetch(href).then(result => {
-      if (result.ok)
-        resolve(result.json());
-      else
-        reject();
-    }, () => reject());
-  });
+    return new Promise((resolve, reject) => {
+        const t9nDir = './assets/t9n';
+        const fileName = `resources_${locale}.json`;
+        const localeFilePath = `${t9nDir}/${componentName}/${fileName}`;
+        const { href } = new URL(localeFilePath, window.location.href);
+        fetch(href).then(result => {
+            if (result.ok)
+                resolve(result.json());
+            else
+                reject();
+        }, () => reject());
+    });
 }
 function getDefaultLanguage(intl, portal) {
-  var _a, _b;
-  // User profile - locale set in user profile
-  const userProfileLocale = (_a = portal === null || portal === void 0 ? void 0 : portal.user) === null || _a === void 0 ? void 0 : _a.culture;
-  // Browser - window.navigator.language
-  const browserLocale = (_b = window === null || window === void 0 ? void 0 : window.navigator) === null || _b === void 0 ? void 0 : _b.language;
-  // ArcGIS JS API - locale currently set in JS api
-  const jsapiLocale = intl.getLocale();
-  // Fallback locale - "en"
-  const fallbackLocale = 'en';
-  return intl.normalizeMessageBundleLocale(userProfileLocale || browserLocale || jsapiLocale || fallbackLocale);
+    var _a, _b;
+    // User profile - locale set in user profile
+    const userProfileLocale = (_a = portal === null || portal === void 0 ? void 0 : portal.user) === null || _a === void 0 ? void 0 : _a.culture;
+    // Browser - window.navigator.language
+    const browserLocale = (_b = window === null || window === void 0 ? void 0 : window.navigator) === null || _b === void 0 ? void 0 : _b.language;
+    // ArcGIS JS API - locale currently set in JS api
+    const jsapiLocale = intl.getLocale();
+    // Fallback locale - "en"
+    const fallbackLocale = 'en';
+    return intl.normalizeMessageBundleLocale(userProfileLocale || browserLocale || jsapiLocale || fallbackLocale);
 }
 async function getLocaleComponentStrings(element, locale) {
-  const componentName = element.tagName.toLowerCase();
-  const componentLanguage = locale !== null && locale !== void 0 ? locale : getComponentClosestLanguage(element);
-  let strings;
-  try {
-    strings = await fetchLocaleStringsForComponent(componentName, componentLanguage);
-  }
-  catch (e) {
-    console.warn(`no locale for ${componentName} (${componentLanguage}) loading default locale en.`);
-    strings = await fetchLocaleStringsForComponent(componentName, 'en');
-  }
-  return [strings, componentLanguage];
+    const componentName = element.tagName.toLowerCase();
+    const componentLanguage = locale !== null && locale !== void 0 ? locale : getComponentClosestLanguage(element);
+    let strings;
+    try {
+        strings = await fetchLocaleStringsForComponent(componentName, componentLanguage);
+    }
+    catch (e) {
+        console.warn(`no locale for ${componentName} (${componentLanguage}) loading default locale en.`);
+        strings = await fetchLocaleStringsForComponent(componentName, 'en');
+    }
+    return [strings, componentLanguage];
 }
 async function getMessages(component, messageOverrides) {
-  const messages = await getLocaleComponentStrings(component.el);
-  updateMessages(component, messages, messageOverrides);
-  const [intl] = await loadModules(['esri/intl']);
-  intl.onLocaleChange(handleOnLocaleChange(component, messageOverrides));
+    const messages = await getLocaleComponentStrings(component.el);
+    updateMessages(component, messages, messageOverrides);
+    const [intl] = await loadModules(['esri/intl']);
+    intl.onLocaleChange(handleOnLocaleChange(component, messageOverrides));
 }
 function updateMessages(component, messages, messageOverrides) {
-  component.messages = messages[0];
-  if (messageOverrides) {
-    component.messages = Object.assign(Object.assign({}, component.messages), messageOverrides);
-  }
+    component.messages = messages[0];
+    if (messageOverrides) {
+        component.messages = Object.assign(Object.assign({}, component.messages), messageOverrides);
+    }
 }
 function handleOnLocaleChange(component, messageOverrides) {
-  return async (locale) => {
-    const messages = await getLocaleComponentStrings(component.el, locale);
-    updateMessages(component, messages, messageOverrides);
-  };
+    return async (locale) => {
+        const messages = await getLocaleComponentStrings(component.el, locale);
+        updateMessages(component, messages, messageOverrides);
+    };
 }
 
 export { getDefaultLanguage as a, getLocaleComponentStrings as b, getComponentClosestLanguage as c, getMessages as g };

package/dist/components/map-select-tools2.js

@@ -69,6 +69,7 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
         this.geometries = [];
         this.isUpdate = false;
         this.layerViews = [];
+        this.locale = undefined;
         this.mapView = undefined;
         this.noResultText = undefined;
         this.searchConfiguration = undefined;
@@ -208,7 +209,7 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
      * Renders the component.
      */
     render() {
-        return (h(Host, { key: '2b56c937fc1c146927f9340f69214cd13dd02646' }, this._getMapLayerPicker(), h("div", { key: 'c7c67b0a76390992b0e60c0cc76e483d832a8835', class: "border-bottom" }), h("div", { key: '87cefbe906df9489b371e2c4432b2bdfbb84d299', class: "padding-top-sides-1" }, h("div", { key: 'f8a4ca9dac6d0fab8a9197ce94051a8b2b502fd7', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: 'e63f6558b06b37d9c00b1a67ed47c9238b452c4a', class: "padding-top-1" }, h("map-draw-tools", { key: '7c3d157f3dd7beb6172c15b62343af378c7a029e', active: true, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, mapView: this.mapView, onSketchGraphicsChange: (evt) => void this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this._getBufferOptions(), this._getUseLayerFeaturesOptions(), this._getNumSelected()), h("div", { key: '7642899857c823b6891138d19016783a77922fea', class: "border-bottom" }), this._getNameInput()));
+        return (h(Host, { key: '99818f04f6080010d564269d79ebf5e43904214f' }, this._getMapLayerPicker(), h("div", { key: '1edcedfcfef21d9c8398ee84953439538bfab8c2', class: "border-bottom" }), h("div", { key: '4d37d5523d8333fd94acf31ba8d70be775176420', class: "padding-top-sides-1" }, h("div", { key: 'cf0143a8ff5eb8851ffb960202c003904604bb45', class: "search-widget", ref: (el) => { this._searchElement = el; } }), h("div", { key: 'd187c7f1485c05a9f41070f497888c700ef31867', class: "padding-top-1" }, h("map-draw-tools", { key: '416870b7e7f81614166b5381c3024af96a4cfe60', active: true, editGraphicsEnabled: !this._useLayerFeaturesEnabled, graphics: this._graphics, mapView: this.mapView, onSketchGraphicsChange: (evt) => void this._sketchGraphicsChanged(evt), pointSymbol: this.sketchPointSymbol, polygonSymbol: this.sketchPolygonSymbol, polylineSymbol: this.sketchLineSymbol, ref: (el) => { this._drawTools = el; } })), this._getBufferOptions(), this._getUseLayerFeaturesOptions(), this._getNumSelected()), h("div", { key: '7e03cc8b0dce515e46e2701427e03d2f177092cc', class: "border-bottom" }), this._getNameInput()));
     }
     /**
      * Renders the buffer tools component.
@@ -217,14 +218,14 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
         var _a, _b;
         const showBufferToolsClass = this._searchDistanceEnabled ? "search-distance" : "div-not-visible";
         const bufferDistance = typeof ((_a = this.selectionSet) === null || _a === void 0 ? void 0 : _a.distance) === "number" ? this.selectionSet.distance : this.defaultBufferDistance;
-        return (h("div", null, h("div", { class: "padding-top-1 display-flex" }, h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, h("div", { class: "tooltip-container" }, this._translations.searchDistance, h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: true, icon: "question", id: "search-distance-icon", scale: "s" }))), h("calcite-popover", { closable: true, label: "", referenceElement: "search-distance-icon" }, h("span", { class: "tooltip-message" }, this._translations.useSearchDistanceTootip)), h("calcite-switch", { checked: this._searchDistanceEnabled, onCalciteSwitchChange: () => this._searchDistanceEnabled = !this._searchDistanceEnabled })), h("div", { class: showBufferToolsClass }, h("buffer-tools", { disabled: !this._searchDistanceEnabled, distance: bufferDistance, geometries: this.geometries, onBufferComplete: (evt) => void this._bufferComplete(evt), ref: (el) => this._bufferTools = el, unit: ((_b = this.selectionSet) === null || _b === void 0 ? void 0 : _b.unit) || this.defaultBufferUnit }))));
+        return (h("div", null, h("div", { class: "padding-top-1 display-flex" }, h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, h("div", { class: "tooltip-container" }, this._translations.searchDistance, h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale.toLowerCase() === "he"), icon: "question", id: "search-distance-icon", scale: "s" }))), h("calcite-popover", { closable: true, label: "", referenceElement: "search-distance-icon" }, h("span", { class: "tooltip-message" }, this._translations.useSearchDistanceTootip)), h("calcite-switch", { checked: this._searchDistanceEnabled, onCalciteSwitchChange: () => this._searchDistanceEnabled = !this._searchDistanceEnabled })), h("div", { class: showBufferToolsClass }, h("buffer-tools", { disabled: !this._searchDistanceEnabled, distance: bufferDistance, geometries: this.geometries, onBufferComplete: (evt) => void this._bufferComplete(evt), ref: (el) => this._bufferTools = el, unit: ((_b = this.selectionSet) === null || _b === void 0 ? void 0 : _b.unit) || this.defaultBufferUnit }))));
     }
     /**
      * Renders the map layer picker component.
      */
     _getUseLayerFeaturesOptions() {
         const useLayerFeaturesClass = this._useLayerFeaturesEnabled ? "div-visible" : "div-not-visible";
-        return (h("div", null, h("div", { class: "padding-top-1 display-flex" }, h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, h("div", { class: "tooltip-container" }, this._translations.useLayerFeatures, h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: true, icon: "question", id: "use-layer-features-icon", scale: "s" }))), h("calcite-popover", { closable: true, label: "", referenceElement: "use-layer-features-icon" }, h("span", { class: "tooltip-message" }, this._translations.useLayerFeaturesTooltip)), h("calcite-switch", { checked: this._useLayerFeaturesEnabled, onCalciteSwitchChange: () => { this._useLayerFeaturesEnabledChanged(); } })), h("div", { class: useLayerFeaturesClass + " padding-top-1" }, h("map-layer-picker", { enabledLayerIds: this.selectionLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedIds: this.layerViews.map(l => l.layer.id), showTables: false }))));
+        return (h("div", null, h("div", { class: "padding-top-1 display-flex" }, h("calcite-label", { class: "label-margin-0 w-100", layout: "inline-space-between" }, h("div", { class: "tooltip-container" }, this._translations.useLayerFeatures, h("calcite-icon", { class: "padding-start-1-2 icon", flipRtl: !(this.locale.toLowerCase() === "he"), icon: "question", id: "use-layer-features-icon", scale: "s" }))), h("calcite-popover", { closable: true, label: "", referenceElement: "use-layer-features-icon" }, h("span", { class: "tooltip-message" }, this._translations.useLayerFeaturesTooltip)), h("calcite-switch", { checked: this._useLayerFeaturesEnabled, onCalciteSwitchChange: () => { this._useLayerFeaturesEnabledChanged(); } })), h("div", { class: useLayerFeaturesClass + " padding-top-1" }, h("map-layer-picker", { enabledLayerIds: this.selectionLayerIds, mapView: this.mapView, onLayerSelectionChange: (evt) => { void this._layerSelectionChange(evt); }, selectedIds: this.layerViews.map(l => l.layer.id), showTables: false }))));
     }
     /**
      * Renders the number of selected features
@@ -823,6 +824,7 @@ const MapSelectTools = /*@__PURE__*/ proxyCustomElement(class MapSelectTools ext
         "geometries": [16],
         "isUpdate": [4, "is-update"],
         "layerViews": [16],
+        "locale": [1],
         "mapView": [16],
         "noResultText": [1, "no-result-text"],
         "searchConfiguration": [1040],

package/dist/components/mapViewUtils.js

@@ -143,6 +143,7 @@ async function getAllLayers(mapView) {
     const layers = mapView.map.allLayers.toArray();
     let layerViewPromises;
     await mapView.when(() => {
+        // eslint-disable-next-line @typescript-eslint/no-floating-promises
         layerViewPromises = layers.map(l => mapView.whenLayerView(l));
     });
     await Promise.allSettled(layerViewPromises);
@@ -158,6 +159,7 @@ async function getAllTables(mapView) {
     const tables = mapView.map.allTables.toArray();
     let layerViewPromises;
     await mapView.when(() => {
+        // eslint-disable-next-line @typescript-eslint/no-floating-promises
         layerViewPromises = tables.map(t => t.load());
     });
     await Promise.allSettled(layerViewPromises);