@esri/solutions-components 0.8.5 → 0.8.6-6.2

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

@@ -7,6 +7,7 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
 import { l as loadModules } from './loadModules2.js';
 
 const instantAppsMeasurementToolCss = ".sc-instant-apps-measurement-tool-h .esri-measurement.sc-instant-apps-measurement-tool,.sc-instant-apps-measurement-tool-h .esri-coordinate-conversion.sc-instant-apps-measurement-tool{width:300px}.sc-instant-apps-measurement-tool-h .instant-apps-measurement-tool__hide.sc-instant-apps-measurement-tool{display:none}";
+const InstantAppsMeasurementToolStyle0 = instantAppsMeasurementToolCss;
 
 const base = 'instant-apps-measurement-tool';
 const CSS = {
@@ -38,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;
             } }))));
     }
@@ -128,7 +129,7 @@ const InstantAppsMeasurementTool = /*@__PURE__*/ proxyCustomElement(class Instan
     static get watchers() { return {
         "activeTool": ["_updateToolType"]
     }; }
-    static get style() { return instantAppsMeasurementToolCss; }
+    static get style() { return InstantAppsMeasurementToolStyle0; }
 }, [2, "instant-apps-measurement-tool", {
         "view": [16],
         "measureConfiguration": [16],

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

@@ -18,6 +18,7 @@ import { d as defineCustomElement$3 } from './tooltip.js';
 import { d as defineCustomElement$2 } from './instant-apps-measurement-tool2.js';
 
 const instantAppsMeasurementCss = ".sc-instant-apps-measurement-h .sc-instant-apps-measurement.sc-instant-apps-measurement{background:var(--calcite-color-foreground-1)}.sc-instant-apps-measurement-h .active-tool.sc-instant-apps-measurement{--calcite-color-foreground-1:#c7eaff}";
+const InstantAppsMeasurementStyle0 = instantAppsMeasurementCss;
 
 const CSS = {
     content: 'instant-apps-measurement__content',
@@ -41,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;
@@ -68,7 +69,7 @@ const InstantAppsMeasurement$1 = /*@__PURE__*/ proxyCustomElement(class InstantA
         this.measureActive.emit(tool === undefined || tool === 'clear' ? false : true);
     }
     get el() { return this; }
-    static get style() { return instantAppsMeasurementCss; }
+    static get style() { return InstantAppsMeasurementStyle0; }
 }, [2, "instant-apps-measurement", {
         "view": [16],
         "areaUnit": [1, "area-unit"],

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

@@ -12,6 +12,7 @@ import { d as defineCustomElement$3 } from './loader.js';
 import { d as defineCustomElement$2 } from './popover.js';
 
 const instantAppsPopoverCss = ":host{display:block}.instant-apps-popover__content{display:flex;flex-direction:column;padding:0 5% 5% 5%;max-width:35vw;font-family:var(--calcite-sans-family);font-size:0.875rem}.instant-apps-popover__content .instant-apps-popover__action{align-self:flex-start;--calcite-color-foreground-2:transparent}.instant-apps-popover__content span{display:inline-block;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);margin:0 0 10px 0;font-family:var(--calcite-sans-family)}.instant-apps-popover__content p{line-height:19.12px;margin:0;margin-bottom:10px;font-family:var(--calcite-sans-family)}.instant-apps-popover__content .instant-apps-popover__footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.instant-apps-popover__content .instant-apps-popover__footer span{margin-bottom:0;font-weight:normal;font-size:0.875rem;font-family:var(--calcite-sans-family)}.instant-apps-popover__content .instant-apps-popover__footer calcite-button:first-child{--calcite-color-foreground-3:transparent}.instant-apps-popover__content .instant-apps-popover__footer calcite-button:last-child{margin-left:5px}.instant-apps-popover__content .instant-apps-popover__img{width:100%;margin-bottom:10px}.instant-apps-popover__content.instant-apps-popover--action-disabled{padding:5%}.instant-apps-popover__content.instant-apps-popover--action-disabled #subtitle{margin:0 0 10px 0}";
+const InstantAppsPopoverStyle0 = instantAppsPopoverCss;
 
 const CSS = {
     content: 'instant-apps-popover__content',
@@ -50,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)));
     }
@@ -70,7 +71,7 @@ const InstantAppsPopover$1 = /*@__PURE__*/ proxyCustomElement(class InstantAppsP
             } }, isLast ? messages === null || messages === void 0 ? void 0 : messages.done : messages === null || messages === void 0 ? void 0 : messages.next)));
     }
     get el() { return this; }
-    static get style() { return instantAppsPopoverCss; }
+    static get style() { return InstantAppsPopoverStyle0; }
 }, [0, "instant-apps-popover", {
         "popoverTitle": [513, "popover-title"],
         "subtitle": [513],

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

@@ -6,6 +6,7 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
 const instantAppsPopoversCss = ":host{display:block}";
+const InstantAppsPopoversStyle0 = instantAppsPopoversCss;
 
 const InstantAppsPopovers$1 = /*@__PURE__*/ proxyCustomElement(class InstantAppsPopovers extends HTMLElement {
     constructor() {
@@ -32,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());
@@ -83,7 +84,7 @@ const InstantAppsPopovers$1 = /*@__PURE__*/ proxyCustomElement(class InstantApps
         this.handlePopoverProps({ pagination: false, disableAction: false });
     }
     get host() { return this; }
-    static get style() { return instantAppsPopoversCss; }
+    static get style() { return InstantAppsPopoversStyle0; }
 }, [4, "instant-apps-popovers", {
         "inTour": [1540, "in-tour"],
         "currentId": [1537, "current-id"],

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

@@ -13,6 +13,7 @@ import { d as defineCustomElement$3 } from './loader.js';
 import { d as defineCustomElement$2 } from './progress.js';
 
 const instantAppsScoreboardCss = ":host{display:block;--instant-apps-scoreboard-background-color:var(--calcite-color-foreground-1);--instant-apps-scoreboard-text-color:var(--calcite-color-text-1);--instant-apps-scoreboard-mobile-position-bottom:0;background-color:var(--instant-apps-scoreboard-background-color);color:var(--instant-apps-scoreboard-text-color)}:host .instant-apps-scoreboard{box-sizing:border-box;border:1px solid var(--calcite-color-border-1);box-shadow:0px 3px 15px rgba(0, 0, 0, 0.2);border-radius:3px}:host .instant-apps-scoreboard calcite-loader{--calcite-loader-padding:1rem}:host .instant-apps-scoreboard__items-container{display:flex}:host .instant-apps-scoreboard__items-container calcite-action{height:100%}:host .instant-apps-scoreboard__items,:host .instant-apps-scoreboard__item{box-sizing:border-box;display:flex}:host .instant-apps-scoreboard__items{list-style-type:none;padding-left:0;margin:0;padding-top:1.75%;padding-bottom:1.75%;width:100%}:host .instant-apps-scoreboard__item{flex-direction:column;justify-content:flex-end;align-items:center;padding:1%}:host .instant-apps-scoreboard__item-label{box-sizing:border-box;line-height:24px;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;word-break:break-word;font-size:1rem;font-weight:400;text-align:center}:host .instant-apps-scoreboard__item-value{display:flex;justify-content:center;align-items:center;min-width:32px;min-height:32px;margin-top:5px;font-size:1.5rem;font-weight:900}:host .instant-apps-scoreboard__item-value-placeholder{display:inline-block;width:32px;height:32px;background-color:var(--calcite-color-foreground-3);border-radius:4px}:host(.instant-apps-scoreboard__position--bottom){bottom:0}:host(.instant-apps-scoreboard__position--bottom) .instant-apps-scoreboard{display:flex;justify-content:center}:host(.instant-apps-scoreboard__position--bottom) .instant-apps-scoreboard__items{display:flex;justify-content:center}:host(.instant-apps-scoreboard__position--bottom) .instant-apps-scoreboard__item{min-width:10vw;vertical-align:top}:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--floating){left:50%;max-width:calc(100% - 30px);transform:translate(-50%, -15px)}:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--floating) .instant-apps-scoreboard{min-width:25vw}:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--pinned){left:unset;bottom:0;transform:unset;width:100%}:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--pinned) .instant-apps-scoreboard{min-width:unset}:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--pinned) .instant-apps-scoreboard__items-container{width:100%;justify-content:space-between}:host(.instant-apps-scoreboard__position--side) .instant-apps-scoreboard{display:flex;justify-content:center;align-items:center;width:10vw;overflow-y:auto}:host(.instant-apps-scoreboard__position--side) .instant-apps-scoreboard__items-container{flex-direction:column;height:100%;box-sizing:border-box}:host(.instant-apps-scoreboard__position--side) .instant-apps-scoreboard__items-container calcite-action{height:unset;width:100%}:host(.instant-apps-scoreboard__position--side) .instant-apps-scoreboard__items{flex-direction:column;padding:10px}:host(.instant-apps-scoreboard__position--side) .instant-apps-scoreboard__item{padding-top:0.5vh;padding-bottom:0.5vh}:host(.instant-apps-scoreboard__position--side.instant-apps-scoreboard__mode--floating){top:15px;left:15px;max-height:calc(100% - 30px)}:host(.instant-apps-scoreboard__position--side.instant-apps-scoreboard__mode--floating) .instant-apps-scoreboard{min-width:10vw;min-height:35vh}:host(.instant-apps-scoreboard__position--side.instant-apps-scoreboard__mode--pinned){top:unset;left:unset;transform:unset;height:100%}:host(.instant-apps-scoreboard__position--side.instant-apps-scoreboard__mode--pinned) .instant-apps-scoreboard{height:100%}:host(.instant-apps-scoreboard__position--side.instant-apps-scoreboard__mode--pinned) .instant-apps-scoreboard__items-container{justify-content:space-between}:host(.instant-apps-scoreboard__position--left.instant-apps-scoreboard__mode--floating){left:15px}:host(.instant-apps-scoreboard__position--right.instant-apps-scoreboard__mode--floating){left:unset;right:15px}:host(.instant-apps-scoreboard__position--left.instant-apps-scoreboard__mode--pinned){left:0}:host(.instant-apps-scoreboard__position--right.instant-apps-scoreboard__mode--pinned){left:unset;right:0}@media only screen and (min-width: 992px){:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--pinned){bottom:var(--instant-apps-scoreboard-mobile-position-bottom)}:host(.instant-apps-scoreboard__position--bottom.instant-apps-scoreboard__mode--pinned) .instant-apps-scoreboard__item{justify-content:center;min-width:unset;flex-grow:1}}";
+const InstantAppsScoreboardStyle0 = instantAppsScoreboardCss;
 
 // Constants
 const BASE = 'instant-apps-scoreboard';
@@ -246,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()));
@@ -460,7 +461,7 @@ const InstantAppsScoreboard$1 = /*@__PURE__*/ proxyCustomElement(class InstantAp
         "geometry": ["calculateScoreboardItemValuesFromGeometry"],
         "layerViews": ["calculateScoreboardItemValues"]
     }; }
-    static get style() { return instantAppsScoreboardCss; }
+    static get style() { return InstantAppsScoreboardStyle0; }
 }, [1, "instant-apps-scoreboard", {
         "view": [16],
         "items": [16],

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

@@ -0,0 +1,11 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+import { I as InstantAppsSignIn$1, d as defineCustomElement$1 } from './instant-apps-sign-in2.js';
+
+const InstantAppsSignIn = InstantAppsSignIn$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { InstantAppsSignIn, defineCustomElement };

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

@@ -0,0 +1,243 @@
+/*!
+ * 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 { l as loadModules } from './loadModules2.js';
+import { g as getMessages } from './locale3.js';
+import { d as defineCustomElement$8 } from './avatar.js';
+import { d as defineCustomElement$7 } from './button.js';
+import { d as defineCustomElement$6 } from './dropdown.js';
+import { d as defineCustomElement$5 } from './dropdown-group.js';
+import { d as defineCustomElement$4 } from './dropdown-item.js';
+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 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 = {
+    base: 'instant-apps-sign-in__container',
+    landing: 'instant-apps-sign-in__landing-page',
+    landingBtn: 'instant-apps-sign-in__landing-page-btns',
+    SignInBtn: 'instant-apps-sign-in__sign-in-btn',
+};
+const InstantAppsSignIn = /*@__PURE__*/ proxyCustomElement(class InstantAppsSignIn extends HTMLElement {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.type = 'navigation';
+        this.portal = undefined;
+        this.oauthappid = undefined;
+        this.openInPopup = undefined;
+        this.landingPage = undefined;
+        this.isSignedIn = undefined;
+        this.user = undefined;
+        this.titleText = undefined;
+        this.subtitleText = undefined;
+        this.descriptionText = undefined;
+        this.closeLandingPage = undefined;
+        this.ready = false;
+        this.messages = undefined;
+    }
+    async watchPortal() {
+        await this.initSignIn();
+    }
+    async watchOauthappid() {
+        await this.initSignIn();
+    }
+    async componentWillLoad() {
+        getMessages(this);
+        await this.initSignIn();
+    }
+    render() {
+        const signIn = this.ready ? this.renderContent() : null;
+        return h(Host, { key: 'f95d3a2f68deee074ea01d6cc2282be0415f1bf5' }, signIn);
+    }
+    renderContent() {
+        return this.type === 'landingPage' ? this.renderLandingPageSignIn() : this.renderSignInContainer();
+    }
+    renderSignInContainer() {
+        return h("div", { class: CSS.base }, this.isSignedIn ? this.renderSignInDropdown() : this.renderSignInButton());
+    }
+    renderSignInDropdown() {
+        var _a, _b, _c, _d, _e, _f, _g;
+        const dropdownScale = this.type === 'navigation' ? 'm' : 's';
+        return (h("calcite-dropdown", { placement: "bottom-end", scale: dropdownScale }, this.type === 'navigation' ? (h("calcite-navigation-user", { slot: "trigger", thumbnail: (_a = this.user) === null || _a === void 0 ? void 0 : _a.thumbnailUrl, "full-name": (_b = this.user) === null || _b === void 0 ? void 0 : _b.fullName, username: (_c = this.user) === null || _c === void 0 ? void 0 : _c.username, textDisabled: true })) : (h("button", { slot: "trigger" }, h("calcite-avatar", { thumbnail: (_d = this.user) === null || _d === void 0 ? void 0 : _d.thumbnailUrl, "full-name": (_e = this.user) === null || _e === void 0 ? void 0 : _e.fullName, username: (_f = this.user) === null || _f === void 0 ? void 0 : _f.username }))), h("calcite-dropdown-group", { "selection-mode": "none" }, h("calcite-dropdown-item", { onClick: this.signOut.bind(this) }, (_g = this.messages) === null || _g === void 0 ? void 0 : _g.signOut))));
+    }
+    renderSignInButton() {
+        var _a;
+        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));
+    }
+    renderLandingPageSignIn() {
+        var _a, _b;
+        return (h("div", { class: CSS.landing }, h("h1", null, this.titleText), h("h2", null, this.subtitleText), h("p", null, this.descriptionText), h("div", { class: CSS.landingBtn }, h("calcite-button", { onClick: this.landingPageSignIn.bind(this) }, (_a = this.messages) === null || _a === void 0 ? void 0 : _a.signIn), h("calcite-button", { onClick: this.guestOnClick.bind(this), appearance: "outline" }, (_b = this.messages) === null || _b === void 0 ? void 0 : _b.continueAsGuest))));
+    }
+    async initSignIn() {
+        if (this.portal == null || this.oauthappid == null)
+            return;
+        const [OAuthInfo, esriId, reactiveUtils] = await loadModules(['esri/identity/OAuthInfo', 'esri/identity/IdentityManager', 'esri/core/reactiveUtils']);
+        this.idManager = esriId;
+        this.info = new OAuthInfo({
+            appId: this.oauthappid,
+            portalUrl: this.portal.url,
+            flowType: 'authorization-code',
+            popup: this.openInPopup,
+        });
+        this.idManager.registerOAuthInfos([this.info]);
+        this.isSignedIn = await this.checkSignInStatus();
+        this.ready = true;
+        this.watchCredential();
+        reactiveUtils
+            .whenOnce(() => this.portal.user)
+            .then(() => {
+            this.user = this.portal.user;
+            this.ready = true;
+        });
+    }
+    signIn() {
+        if (this.landingPage) {
+            this.setSignInLocalStorage();
+        }
+        this.idManager
+            .getCredential(this.info.portalUrl + '/sharing', {
+            oAuthPopupConfirmation: false,
+        })
+            .then(async () => {
+            await this.checkSignInStatus();
+        });
+    }
+    signOut() {
+        this.idManager.destroyCredentials();
+        this.portal.authMode = 'anonymous';
+        localStorage.removeItem('_AGO_SESSION_');
+        this.isSignedIn = false;
+        this.portal.credential = null;
+    }
+    landingPageSignIn() {
+        if (!this.isSignedIn) {
+            this.setSignInLocalStorage();
+            this.signIn();
+        }
+        else if (this.closeLandingPage != null) {
+            this.closeLandingPage();
+        }
+    }
+    guestOnClick() {
+        this.signOut();
+        if (this.closeLandingPage != null) {
+            this.closeLandingPage();
+        }
+    }
+    checkSignInStatus() {
+        return new Promise(resolve => {
+            this.idManager
+                .checkSignInStatus(this.info.portalUrl + '/sharing')
+                .then(async (credential) => {
+                this.portal.credential = credential;
+                resolve(true);
+            })
+                .catch(() => {
+                this.portal.credential = null;
+                resolve(false);
+            });
+        });
+    }
+    watchCredential() {
+        this.portal.addHandles(this.portal.watch('credential', credential => {
+            this.isSignedIn = credential != null;
+        }));
+    }
+    setSignInLocalStorage() {
+        const date = new Date();
+        localStorage.setItem('signing-in', date.getTime().toString());
+        // remove from local storage if page doens't immediately redirect to sign in
+        setTimeout(() => {
+            localStorage.removeItem('signing-in');
+        }, 2000);
+    }
+    get el() { return this; }
+    static get watchers() { return {
+        "portal": ["watchPortal"],
+        "oauthappid": ["watchOauthappid"]
+    }; }
+    static get style() { return InstantAppsSignInStyle0; }
+}, [1, "instant-apps-sign-in", {
+        "type": [1],
+        "portal": [16],
+        "oauthappid": [1],
+        "openInPopup": [4, "open-in-popup"],
+        "landingPage": [4, "landing-page"],
+        "titleText": [1, "title-text"],
+        "subtitleText": [1, "subtitle-text"],
+        "descriptionText": [1, "description-text"],
+        "closeLandingPage": [16],
+        "isSignedIn": [32],
+        "user": [32],
+        "ready": [32],
+        "messages": [32]
+    }, undefined, {
+        "portal": ["watchPortal"],
+        "oauthappid": ["watchOauthappid"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["instant-apps-sign-in", "calcite-avatar", "calcite-button", "calcite-dropdown", "calcite-dropdown-group", "calcite-dropdown-item", "calcite-icon", "calcite-loader", "calcite-navigation-user"];
+    components.forEach(tagName => { switch (tagName) {
+        case "instant-apps-sign-in":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, InstantAppsSignIn);
+            }
+            break;
+        case "calcite-avatar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "calcite-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "calcite-dropdown":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "calcite-dropdown-group":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "calcite-dropdown-item":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "calcite-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "calcite-loader":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "calcite-navigation-user":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+defineCustomElement();
+
+export { InstantAppsSignIn as I, defineCustomElement as d };

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

@@ -13,6 +13,7 @@ import { d as defineCustomElement$2 } from './loader.js';
 import { d as defineCustomElement$1 } from './popover.js';
 
 const instantAppsSocialShareCss = ":host{display:block;--instant-apps-social-share-action-width:initial;--instant-apps-social-share-width--s:200px;--instant-apps-social-share-width--m:280px;--instant-apps-social-share-width--l:320px;--instant-apps-social-share-width-horizontal--s:300px;--instant-apps-social-share-width-horizontal--m:380px;--instant-apps-social-share-width-horizontal--l:420px;--instant-apps-social-share-background-color:var(--calcite-color-foreground-1);--instant-apps-social-share-popover-button-background-color:transparent;--instant-apps-social-share-popover-button-icon-color:var(--calcite-ui-icon-color);--instant-apps-social-share-embed-border:1px solid $border;--instant-apps-social-share-embed-text-area-text:#468540}:host .instant-apps-social-share__popover-button{background-color:var(--instant-apps-social-share-popover-button-background-color)}:host .instant-apps-social-share__popover-button calcite-icon{color:var(--instant-apps-social-share-popover-button-icon-color)}:host .instant-apps-social-share__dialog,:host .instant-apps-social-share__dialog-embed{background-color:var(--instant-apps-social-share-background-color);border:var(--instant-apps-social-share-embed-border)}:host .instant-apps-social-share__dialog{box-sizing:border-box;height:auto;padding:10px 0;border-radius:5px}:host .instant-apps-social-share__options{margin:0;padding:1% 0 0 0;list-style-type:none}:host .instant-apps-social-share__options li{box-sizing:border-box;display:flex;align-items:center;width:100%;padding:5%;transition:background-color 0.15s ease-out 0s}:host .instant-apps-social-share__options li .instant-apps-social-share__icon,:host .instant-apps-social-share__options li .instant-apps-social-share__option-text{display:inline-block}:host .instant-apps-social-share__options li .instant-apps-social-share__icon{display:flex;align-items:center}:host .instant-apps-social-share__options li .instant-apps-social-share__option-text{width:85%;margin-left:10px;word-break:break-word}:host .instant-apps-social-share__options li .instant-apps-social-share__option-text--rtl{margin-left:0;margin-right:10px}:host .instant-apps-social-share__options li:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}:host .instant-apps-social-share__options__x-logo--light path{fill:#000000}:host .instant-apps-social-share__options__x-logo--dark path{fill:#ffffff}:host .instant-apps-social-share__tip{box-sizing:border-box;padding:0 5% 1% 5%}:host .instant-apps-social-share__tip-header{display:flex;align-items:center;color:#007ac2;margin:8px 0 5px 0}:host .instant-apps-social-share__tip-header calcite-icon{margin-right:5px}:host .instant-apps-social-share__tip-content{line-height:17px;margin:0;padding-top:2%}:host .instant-apps-social-share__success{display:flex;flex-direction:column;padding:15px}:host .instant-apps-social-share__success-header{display:flex;align-items:center;font-weight:bold;margin-bottom:10px}:host .instant-apps-social-share__success-icon{display:flex;align-items:center;margin-right:5px}:host .instant-apps-social-share__success-icon calcite-icon{color:var(--calcite-color-status-success)}:host .instant-apps-social-share__success-message{line-height:16px}:host .instant-apps-social-share__embed{box-sizing:border-box;width:100%;padding:5%;margin-bottom:10px;border-top:1px solid #d3d3d3}:host .instant-apps-social-share__embed-header{display:flex;align-items:center;margin-bottom:5px}:host .instant-apps-social-share__embed-header calcite-icon{margin-right:5px}:host .instant-apps-social-share__embed-code-text-area{border:1px solid #d3d3d3}:host .instant-apps-social-share__embed-code-text-area textarea{box-sizing:border-box;padding:4%;border:none;resize:none;background:transparent;width:100%;font-family:var(--calcite-sans-family);color:var(--calcite-color-text-1)}:host .instant-apps-social-share__embed-code-text-area button{display:flex;align-items:center;text-align:start;width:100%;border:none;border-top:1px solid #d3d3d3;background-color:transparent;line-height:16px;font-weight:400;padding:3%;color:var(--calcite-color-text-1)}:host .instant-apps-social-share__embed-code-text-area button calcite-icon{color:#007ac2;margin-right:3px}:host .instant-apps-social-share__embed-code-text-area button:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2);transition:background-color 0.15s ease-out 0s}:host .instant-apps-social-share__embed-text-area-text{font-weight:600;color:var(--instant-apps-social-share-embed-text-area-text)}:host .instant-apps-social-share__embed .instant-apps-social-share__text-area--rtl{text-align:left;direction:ltr}:host .instant-apps-social-share__embed-dimensions{display:flex;justify-content:space-between;margin-top:10px}:host .instant-apps-social-share__embed-dimensions-input{width:47%;box-sizing:border-box}:host .instant-apps-social-share__embed-dimensions-input input{border:1px solid #d3d3d3;width:100%;height:25px;font-family:var(--calcite-sans-family)}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options{display:flex;justify-content:space-around;margin-bottom:8%}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li{flex-direction:column;padding:0}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li .instant-apps-social-share__option-text{word-break:break-word;margin-left:0;margin-top:10px;text-align:center}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li:hover{background-color:unset}:host .instant-apps-social-share__icon-container{display:flex;align-items:center}:host calcite-action{width:var(--instant-apps-social-share-action-width)}:host([scale=s]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--s)}:host([scale=s]) .instant-apps-social-share__icon{width:16px;height:16px}:host([scale=s]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size--1)}:host([scale=s]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--s)}:host([scale=s]) .instant-apps-social-share__tip-header,:host([scale=s]) .instant-apps-social-share__tip-content,:host([scale=s]) .instant-apps-social-share__embed-header,:host([scale=s]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size--2)}:host([scale=m]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--m)}:host([scale=m]) .instant-apps-social-share__icon{width:24px;height:24px}:host([scale=m]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size-0)}:host([scale=m]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--m)}:host([scale=m]) .instant-apps-social-share__tip-header,:host([scale=m]) .instant-apps-social-share__tip-content,:host([scale=m]) .instant-apps-social-share__embed-header,:host([scale=m]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size--1)}:host([scale=l]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--l)}:host([scale=l]) .instant-apps-social-share__icon{width:32px;height:32px}:host([scale=l]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size-1)}:host([scale=l]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--l)}:host([scale=l]) .instant-apps-social-share__tip-header,:host([scale=l]) .instant-apps-social-share__tip-content,:host([scale=l]) .instant-apps-social-share__embed-header,:host([scale=l]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size-0)}";
+const InstantAppsSocialShareStyle0 = instantAppsSocialShareCss;
 
 const base = 'instant-apps-social-share';
 const CALCITE_MODE_DARK = '.calcite-mode-dark';
@@ -93,6 +94,8 @@ const InstantAppsSocialShare = /*@__PURE__*/ proxyCustomElement(class InstantApp
         this.successMessage = '';
         this.defaultUrlParams = null;
         this.inlineSuccessPopoverPlacement = 'trailing';
+        this.popoverPositioning = 'absolute';
+        this.removePopoverOffset = false;
         this.messages = undefined;
         this.opened = false;
         this.copied = false;
@@ -209,10 +212,12 @@ 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));
-        return (h(Host, null, this.mode === 'popover'
+        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, { 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 }, dialogContent),
+                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(),
             ]
             : [
@@ -264,7 +269,7 @@ const InstantAppsSocialShare = /*@__PURE__*/ proxyCustomElement(class InstantApp
     }
     renderXIcon() {
         const isCalciteModeDark = !!this.el.closest(CALCITE_MODE_DARK);
-        return (h("svg", { class: isCalciteModeDark ? CSS.xLogo.dark : CSS.xLogo.light, width: "1200", height: "1227", viewBox: "0 0 1200 1227", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("rect", { height: "400", style: { fill: 'none' }, width: "400", x: "56", y: "56" }), h("path", { d: "M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z", fill: isCalciteModeDark ? 'white' : 'black' })));
+        return (h("svg", { class: isCalciteModeDark ? CSS.xLogo.dark : CSS.xLogo.light, viewBox: "0 0 1200 1227", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("rect", { height: "400", style: { fill: 'none' }, width: "400", x: "56", y: "56" }), h("path", { d: "M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z", fill: isCalciteModeDark ? 'white' : 'black' })));
     }
     renderLinkedInIcon() {
         return (h("svg", { height: "100%", style: { fillRule: 'evenodd', clipRule: 'evenodd', strokeLinejoin: 'round', strokeMiterlimit: '2' }, version: "1.1", viewBox: "0 0 512 512", width: "100%", xmlns: "http://www.w3.org/2000/svg" }, h("g", { id: "g5891" }, h("path", { d: "M512,64c0,-35.323 -28.677,-64 -64,-64l-384,0c-35.323,0 -64,28.677 -64,64l0,384c0,35.323 28.677,64 64,64l384,0c35.323,0 64,-28.677 64,-64l0,-384Z", id: "background", style: { fill: '#2867b2' } }), h("g", { id: "shapes" }, h("rect", { height: "257.962", id: "rect11", style: { fill: '#fff' }, width: "85.76", x: "61.053", y: "178.667" }), h("path", { d: "M104.512,54.28c-29.341,0 -48.512,19.29 -48.512,44.573c0,24.752 18.588,44.574 47.377,44.574l0.554,0c29.903,0 48.516,-19.822 48.516,-44.574c-0.555,-25.283 -18.611,-44.573 -47.935,-44.573Z", id: "path13-0", style: { fill: '#fff', fillRule: 'nonzero' } }), h("path", { d: "M357.278,172.601c-45.49,0 -65.866,25.017 -77.276,42.589l0,-36.523l-85.738,0c1.137,24.197 0,257.961 0,257.961l85.737,0l0,-144.064c0,-7.711 0.554,-15.42 2.827,-20.931c6.188,-15.4 20.305,-31.352 43.993,-31.352c31.012,0 43.436,23.664 43.436,58.327l0,138.02l85.741,0l0,-147.93c0,-79.237 -42.305,-116.097 -98.72,-116.097Z", id: "path15", style: { fill: '#fff', fillRule: 'nonzero' } })))));
@@ -431,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;
@@ -444,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);
@@ -509,7 +515,7 @@ const InstantAppsSocialShare = /*@__PURE__*/ proxyCustomElement(class InstantApp
         return parseFloat(val.toFixed(decimalPoints));
     }
     get el() { return this; }
-    static get style() { return instantAppsSocialShareCss; }
+    static get style() { return InstantAppsSocialShareStyle0; }
 }, [1, "instant-apps-social-share", {
         "mode": [513],
         "shareUrl": [1025, "share-url"],
@@ -530,6 +536,8 @@ const InstantAppsSocialShare = /*@__PURE__*/ proxyCustomElement(class InstantApp
         "successMessage": [513, "success-message"],
         "defaultUrlParams": [16],
         "inlineSuccessPopoverPlacement": [513, "inline-success-popover-placement"],
+        "popoverPositioning": [513, "popover-positioning"],
+        "removePopoverOffset": [516, "remove-popover-offset"],
         "messages": [32],
         "opened": [32],
         "copied": [32],

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

@@ -41,19 +41,20 @@ 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}";
+const InstantAppsSplashStyle0 = instantAppsSplashCss;
 
 const CSS = {
     back: 'instant-apps-splash__back-content',
@@ -98,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;
@@ -143,7 +144,7 @@ const InstantAppsSplash$1 = /*@__PURE__*/ proxyCustomElement(class InstantAppsSp
     static get watchers() { return {
         "content": ["sanitizeContent"]
     }; }
-    static get style() { return instantAppsSplashCss; }
+    static get style() { return InstantAppsSplashStyle0; }
 }, [1, "instant-apps-splash", {
         "localStorageKey": [1, "local-storage-key"],
         "titleText": [1, "title-text"],