@esri/solutions-components 0.8.22 → 0.8.24

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

@@ -23,7 +23,7 @@ var AlignmentPositions;
   AlignmentPositions["BottomRight"] = "bottom-right";
 })(AlignmentPositions || (AlignmentPositions = {}));
 
-const instantAppsLandingPageCss = ":host{--instant-apps-landing-page-background-color:var(--calcite-color-brand);--instant-apps-landing-page-text-color:var(--calcite-color-text-inverse);--instant-apps-landing-page-entry-button-color:var(--calcite-color-brand);--instant-apps-landing-page-title-text-font-size:var(--calcite-font-size-6);--instant-apps-landing-page-subtitle-text-font-size:var(--calcite-font-size-3);--instant-apps-landing-page-description-text-font-size:var(--calcite-font-size-0);--instant-apps-landing-page-icon-image-scale--s:100px;--instant-apps-landing-page-icon-image-scale--m:250px;--instant-apps-landing-page-icon-image-scale--l:500px;--instant-apps-landing-page-entry-button-margin:0}:host .instant-apps-landing-page{box-sizing:border-box;position:absolute;top:0;left:0;z-index:9000;display:flex;flex-direction:column;width:100%;height:100%;padding:2.5%;transition:top 0.5s ease-in-out;background-color:var(--instant-apps-landing-page-background-color);color:var(--instant-apps-landing-page-text-color)}:host .instant-apps-landing-page__title-text{color:var(--instant-apps-landing-page-text-color);font-size:var(--instant-apps-landing-page-title-text-font-size);margin:0}:host .instant-apps-landing-page__subtitle-text{font-weight:var(--calcite-font-weight-medium);font-size:var(--instant-apps-landing-page-subtitle-text-font-size);text-align:center}:host .instant-apps-landing-page__description-text{font-size:var(--instant-apps-landing-page-description-text-font-size);width:50%;min-width:250px}:host .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__subtitle-text{text-shadow:0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1)}:host .instant-apps-landing-page__icon-image{margin-bottom:5px;max-width:50%}:host .instant-apps-landing-page__icon-image-scale--s{width:100px}:host .instant-apps-landing-page__icon-image-scale--m{width:250px}:host .instant-apps-landing-page__icon-image-scale--l{width:500px}:host .instant-apps-landing-page__button-container{display:flex}:host .instant-apps-landing-page__button-container .instant-apps-landing-page__entry-button{margin:var(--instant-apps-landing-page-entry-button-margin)}:host .instant-apps-landing-page__entry-button{--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-landing-page__remove-transition{transition:none}:host .instant-apps-landing-page--closed-no-transition{display:none}:host .instant-apps-landing-page--closed{top:-100%}:host .instant-apps-landing-page__alignment--top-center{justify-content:flex-start;align-items:center}:host .instant-apps-landing-page__alignment--top-center .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:center;justify-content:center}:host .instant-apps-landing-page__alignment--top-center .instant-apps-landing-page__description-text{text-align:center}:host .instant-apps-landing-page__alignment--center{justify-content:center;align-items:center}:host .instant-apps-landing-page__alignment--center .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:center}:host .instant-apps-landing-page__alignment--center .instant-apps-landing-page__description-text{text-align:center}:host .instant-apps-landing-page__alignment--bottom-center{justify-content:flex-end;align-items:center}:host .instant-apps-landing-page__alignment--bottom-center .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:center}:host .instant-apps-landing-page__alignment--bottom-center .instant-apps-landing-page__description-text{text-align:center}:host .instant-apps-landing-page__alignment--top-left{justify-content:flex-start;align-items:flex-start}:host .instant-apps-landing-page__alignment--top-left .instant-apps-landing-page__description-text{text-align:left}:host .instant-apps-landing-page__alignment--center-left{justify-content:center;align-items:flex-start}:host .instant-apps-landing-page__alignment--center-left .instant-apps-landing-page__description-text{text-align:left}:host .instant-apps-landing-page__alignment--bottom-left{justify-content:flex-end;align-items:flex-start}:host .instant-apps-landing-page__alignment--bottom-left .instant-apps-landing-page__description-text{text-align:left}:host .instant-apps-landing-page__alignment--top-right{justify-content:flex-start;align-items:flex-end}:host .instant-apps-landing-page__alignment--top-right .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:flex-end}:host .instant-apps-landing-page__alignment--top-right .instant-apps-landing-page__description-text{text-align:right}:host .instant-apps-landing-page__alignment--center-right{justify-content:center;align-items:flex-end}:host .instant-apps-landing-page__alignment--center-right .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:flex-end}:host .instant-apps-landing-page__alignment--center-right .instant-apps-landing-page__description-text{text-align:right}:host .instant-apps-landing-page__alignment--bottom-right{justify-content:flex-end;align-items:flex-end}:host .instant-apps-landing-page__alignment--bottom-right .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:flex-end}:host .instant-apps-landing-page__alignment--bottom-right .instant-apps-landing-page__description-text{text-align:right}@media only screen and (max-width: 768px){:host .instant-apps-landing-page__icon-image{max-width:70%;margin-bottom:20px}:host .instant-apps-landing-page__description-text{width:80%}:host .instant-apps-landing-page__title-text{font-size:var(--calcite-font-size-3)}:host .instant-apps-landing-page__subtitle-text{font-size:var(--calcite-font-size-0)}:host .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:center;margin-top:auto}:host .instant-apps-landing-page__button-container{display:flex;flex-direction:column;width:100%;margin-top:auto}:host .instant-apps-landing-page__button-container .instant-apps-landing-page__entry-button{width:100%;margin-right:unset;margin-bottom:10px}}@media only screen and (max-width: 896px) and (orientation: landscape){:host .instant-apps-landing-page__icon-image{max-width:25%}}";
+const instantAppsLandingPageCss = ":host{--instant-apps-landing-page-background-color:var(--calcite-color-brand);--instant-apps-landing-page-text-color:var(--calcite-color-text-inverse);--instant-apps-landing-page-entry-button-color:var(--calcite-color-brand);--instant-apps-landing-page-title-text-font-size:var(--calcite-font-size-6);--instant-apps-landing-page-subtitle-text-font-size:var(--calcite-font-size-3);--instant-apps-landing-page-description-text-font-size:var(--calcite-font-size-0);--instant-apps-landing-page-icon-image-scale--s:100px;--instant-apps-landing-page-icon-image-scale--m:250px;--instant-apps-landing-page-icon-image-scale--l:500px;--instant-apps-landing-page-entry-button-margin:0}:host .instant-apps-landing-page{box-sizing:border-box;position:absolute;top:0;left:0;z-index:9000;display:flex;flex-direction:column;width:100%;height:100%;padding:2.5%;transition:top 0.5s ease-in-out;background-color:var(--instant-apps-landing-page-background-color);color:var(--instant-apps-landing-page-text-color)}:host .instant-apps-landing-page__title-text{color:var(--instant-apps-landing-page-text-color);font-size:var(--instant-apps-landing-page-title-text-font-size);margin:0}:host .instant-apps-landing-page__subtitle-text{font-weight:var(--calcite-font-weight-medium);font-size:var(--instant-apps-landing-page-subtitle-text-font-size);text-align:center}:host .instant-apps-landing-page__description-text{font-size:var(--instant-apps-landing-page-description-text-font-size);width:50%;min-width:250px}:host .instant-apps-landing-page__title-text,:host .instant-apps-landing-page__subtitle-text{text-shadow:0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1)}:host .instant-apps-landing-page__icon-image{margin-bottom:5px;max-width:50%}:host .instant-apps-landing-page__icon-image-scale--s{width:100px}:host .instant-apps-landing-page__icon-image-scale--m{width:250px}:host .instant-apps-landing-page__icon-image-scale--l{width:500px}:host .instant-apps-landing-page__button-container{display:flex}:host .instant-apps-landing-page__button-container .instant-apps-landing-page__entry-button{margin:var(--instant-apps-landing-page-entry-button-margin)}:host .instant-apps-landing-page__entry-button{--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-landing-page instant-apps-sign-in{height:100%;width:100%;display:flex;align-items:center;justify-content:center}:host .instant-apps-landing-page__remove-transition{transition:none}:host .instant-apps-landing-page__remove-padding{padding:0}:host .instant-apps-landing-page--closed-no-transition{display:none}:host .instant-apps-landing-page--closed{top:-100%}:host .instant-apps-landing-page__alignment--top-center{justify-content:flex-start;align-items:center}:host .instant-apps-landing-page__alignment--top-center .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:center;justify-content:center}:host .instant-apps-landing-page__alignment--top-center .instant-apps-landing-page__description-text{text-align:center}:host .instant-apps-landing-page__alignment--center{justify-content:center;align-items:center}:host .instant-apps-landing-page__alignment--center .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:center}:host .instant-apps-landing-page__alignment--center .instant-apps-landing-page__description-text{text-align:center}:host .instant-apps-landing-page__alignment--bottom-center{justify-content:flex-end;align-items:center}:host .instant-apps-landing-page__alignment--bottom-center .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:center}:host .instant-apps-landing-page__alignment--bottom-center .instant-apps-landing-page__description-text{text-align:center}:host .instant-apps-landing-page__alignment--top-left{justify-content:flex-start;align-items:flex-start}:host .instant-apps-landing-page__alignment--top-left .instant-apps-landing-page__description-text{text-align:left}:host .instant-apps-landing-page__alignment--center-left{justify-content:center;align-items:flex-start}:host .instant-apps-landing-page__alignment--center-left .instant-apps-landing-page__description-text{text-align:left}:host .instant-apps-landing-page__alignment--bottom-left{justify-content:flex-end;align-items:flex-start}:host .instant-apps-landing-page__alignment--bottom-left .instant-apps-landing-page__description-text{text-align:left}:host .instant-apps-landing-page__alignment--top-right{justify-content:flex-start;align-items:flex-end}:host .instant-apps-landing-page__alignment--top-right .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:flex-end}:host .instant-apps-landing-page__alignment--top-right .instant-apps-landing-page__description-text{text-align:right}:host .instant-apps-landing-page__alignment--center-right{justify-content:center;align-items:flex-end}:host .instant-apps-landing-page__alignment--center-right .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:flex-end}:host .instant-apps-landing-page__alignment--center-right .instant-apps-landing-page__description-text{text-align:right}:host .instant-apps-landing-page__alignment--bottom-right{justify-content:flex-end;align-items:flex-end}:host .instant-apps-landing-page__alignment--bottom-right .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:flex-end}:host .instant-apps-landing-page__alignment--bottom-right .instant-apps-landing-page__description-text{text-align:right}.instant-apps-landing-page__sign-in{width:100%;height:100%}.instant-apps-landing-page__sign-in--overlay{background:rgba(0, 0, 0, 0.6)}@media only screen and (max-width: 768px){:host .instant-apps-landing-page__icon-image{max-width:70%;margin-bottom:20px}:host .instant-apps-landing-page__description-text{width:80%}:host .instant-apps-landing-page__title-text{font-size:var(--calcite-font-size-3)}:host .instant-apps-landing-page__subtitle-text{font-size:var(--calcite-font-size-0)}:host .instant-apps-landing-page__content-container{display:flex;flex-direction:column;align-items:center;margin-top:auto}:host .instant-apps-landing-page__button-container{display:flex;flex-direction:column;width:100%;margin-top:auto}:host .instant-apps-landing-page__button-container .instant-apps-landing-page__entry-button{width:100%;margin-right:unset;margin-bottom:10px}}@media only screen and (max-width: 896px) and (orientation: landscape){:host .instant-apps-landing-page__icon-image{max-width:25%}}";
 const InstantAppsLandingPageStyle0 = instantAppsLandingPageCss;
 
 const CSS = {
@@ -35,10 +35,13 @@ const CSS = {
     closedNoTransition: 'instant-apps-landing-page--closed-no-transition',
     iconImage: 'instant-apps-landing-page__icon-image',
     removeTransition: 'instant-apps-landing-page__remove-transition',
+    removePadding: 'instant-apps-landing-page__remove-padding',
     alignment: 'instant-apps-landing-page__alignment--',
     entryButton: 'instant-apps-landing-page__entry-button',
     contentContainer: 'instant-apps-landing-page__content-container',
     buttonContainer: 'instant-apps-landing-page__button-container',
+    signIn: 'instant-apps-landing-page__sign-in',
+    signInOverlay: 'instant-apps-landing-page__sign-in--overlay',
     iconImageScale: {
         s: ' instant-apps-landing-page__icon-image-scale--s',
         m: ' instant-apps-landing-page__icon-image-scale--m',
@@ -63,6 +66,9 @@ const InstantAppsLandingPage = class {
         this.open = true;
         this.entryButtonScale = 'l';
         this.fontFamily = 'var(--calcite-sans-family);';
+        this.enableSignIn = undefined;
+        this.portal = undefined;
+        this.oauthappid = undefined;
     }
     emitToggleEvent() {
         if (this.open) {
@@ -72,19 +78,34 @@ const InstantAppsLandingPage = class {
             this.landingPageClose.emit();
         }
     }
+    componentWillLoad() {
+        if (this.enableSignIn) {
+            const signInTime = localStorage.getItem('signing-in') ? new Date(Number(localStorage.getItem('signing-in'))) : null;
+            if (signInTime != null) {
+                const minuteLimit = 2;
+                if ((Date.now() - signInTime.getTime()) / (60 * 1000) < minuteLimit) {
+                    this.open = false;
+                }
+                localStorage.removeItem('signing-in');
+            }
+        }
+    }
     render() {
-        return index.h(index.Host, null, this.renderLandingPageContent());
+        const content = this.enableSignIn ? this.renderLandingPageSignIn() : this.renderLandingPageContent();
+        return index.h(index.Host, null, content);
     }
     renderLandingPageContent() {
         const closed = !this.open ? (this.disableTransition ? ` ${CSS.closedNoTransition}` : ` ${CSS.closed}`) : '';
         const alignmentClass = this.getAlignmentClass();
         const removeTransition = this.disableTransition ? ` ${CSS.removeTransition}` : '';
-        const fontFamily = styles.getFontFamily(this.fontFamily);
-        const style = {
-            fontFamily,
-        };
-        return (index.h("div", { style: this.backgroundImageSrc
-                ? Object.assign(Object.assign({}, style), { backgroundSize: 'cover', backgroundImage: `url("${this.backgroundImageSrc}")`, backgroundRepeat: 'no-repeat', backgroundPosition: 'center' }) : style, class: `${CSS.BASE}${alignmentClass}${closed}${removeTransition}` }, index.h("div", { class: CSS.contentContainer }, this.renderIconImage(), this.renderTitleText(), this.renderSubtitleText(), this.renderDescriptionText()), index.h("div", { class: CSS.buttonContainer }, this.renderEntryButton(), index.h("slot", { name: "secondary-action" }))));
+        const style = this.getContentStyle();
+        return (index.h("div", { style: style, class: `${CSS.BASE}${alignmentClass}${closed}${removeTransition}` }, index.h("div", { class: CSS.contentContainer }, this.renderIconImage(), this.renderTitleText(), this.renderSubtitleText(), this.renderDescriptionText()), index.h("div", { class: CSS.buttonContainer }, this.renderEntryButton(), index.h("slot", { name: "secondary-action" }))));
+    }
+    renderLandingPageSignIn() {
+        const closed = !this.open ? (this.disableTransition ? ` ${CSS.closedNoTransition}` : ` ${CSS.closed}`) : '';
+        const style = this.getContentStyle();
+        const signInClass = this.backgroundImageSrc ? `${CSS.signIn} ${CSS.signInOverlay}` : CSS.signIn;
+        return (index.h("div", { style: style, class: `${CSS.BASE}${closed} ${CSS.removePadding}` }, index.h("div", { class: signInClass }, index.h("instant-apps-sign-in", { type: "landingPage", landingPage: true, portal: this.portal, oauthappid: this.oauthappid, titleText: this.titleText, subtitleText: this.subtitleText, descriptionText: this.descriptionText, closeLandingPage: this.closeLandingPage.bind(this) }))));
     }
     renderIconImage() {
         return this.iconImage ? index.h("img", { class: `${CSS.iconImage}${this.getIconImageScale()}`, src: this.iconImage, alt: this.iconImageAltText }) : null;
@@ -99,7 +120,10 @@ const InstantAppsLandingPage = class {
         return index.h("p", { class: CSS.descriptionText }, this.descriptionText);
     }
     renderEntryButton() {
-        return (index.h("calcite-button", { class: CSS.entryButton, onClick: () => (this.open = false), scale: this.entryButtonScale, appearance: "outline-fill" }, this.entryButtonText ? this.entryButtonText : 'Enter'));
+        return (index.h("calcite-button", { class: CSS.entryButton, onClick: this.closeLandingPage.bind(this), scale: this.entryButtonScale, appearance: "outline-fill" }, this.entryButtonText ? this.entryButtonText : 'Enter'));
+    }
+    closeLandingPage() {
+        this.open = false;
     }
     getAlignmentClass() {
         return ` ${CSS.alignment}${this.alignment}`;
@@ -109,6 +133,18 @@ const InstantAppsLandingPage = class {
         const { s, m, l } = CSS.iconImageScale;
         return iconImageScale === 'l' ? l : iconImageScale === 's' ? s : m;
     }
+    getContentStyle() {
+        const fontFamily = styles.getFontFamily(this.fontFamily);
+        return this.backgroundImageSrc
+            ? {
+                fontFamily,
+                backgroundSize: 'cover',
+                backgroundImage: `url("${this.backgroundImageSrc}")`,
+                backgroundRepeat: 'no-repeat',
+                backgroundPosition: 'center',
+            }
+            : { fontFamily };
+    }
     get el() { return index.getElement(this); }
     static get watchers() { return {
         "open": ["emitToggleEvent"]

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

@@ -11,7 +11,7 @@ const index = require('./index-79b35510.js');
 const utils = require('./utils-f3710824.js');
 const loadModules = require('./loadModules-b28900c2.js');
 const locale = require('./locale-3fd260e3.js');
-const languageSwitcher = require('./languageSwitcher-395021d6.js');
+const languageSwitcher = require('./languageSwitcher-b9a1485c.js');
 require('./index-c078ea5f.js');
 require('./esri-loader-fce6a9cb.js');
 require('./languageUtil-da436671.js');

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

@@ -11,7 +11,7 @@ const index = require('./index-79b35510.js');
 const utils = require('./utils-f3710824.js');
 const loadModules = require('./loadModules-b28900c2.js');
 const locale = require('./locale-3fd260e3.js');
-const languageSwitcher = require('./languageSwitcher-395021d6.js');
+const languageSwitcher = require('./languageSwitcher-b9a1485c.js');
 require('./index-c078ea5f.js');
 require('./esri-loader-fce6a9cb.js');
 require('./languageUtil-da436671.js');

package/dist/cjs/instant-apps-sign-in.cjs.entry.js

@@ -0,0 +1,168 @@
+/*!
+ * Copyright 2022 Esri
+ * Licensed under the Apache License, Version 2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-79b35510.js');
+const loadModules = require('./loadModules-b28900c2.js');
+const locale = require('./locale-3fd260e3.js');
+require('./esri-loader-fce6a9cb.js');
+require('./languageUtil-da436671.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 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 = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        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() {
+        locale.getMessages(this);
+        await this.initSignIn();
+    }
+    render() {
+        const signIn = this.ready ? this.renderContent() : null;
+        return index.h(index.Host, null, signIn);
+    }
+    renderContent() {
+        return this.type === 'landingPage' ? this.renderLandingPageSignIn() : this.renderSignInContainer();
+    }
+    renderSignInContainer() {
+        return index.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 (index.h("calcite-dropdown", { placement: "bottom-end", scale: dropdownScale }, this.type === 'navigation' ? (index.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 })) : (index.h("button", { slot: "trigger" }, index.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 }))), index.h("calcite-dropdown-group", { "selection-mode": "none" }, index.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' : 'brand';
+        const className = this.type === 'navigation' ? CSS.SignInBtn : '';
+        return (index.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 (index.h("div", { class: CSS.landing }, index.h("h1", null, this.titleText), index.h("h2", null, this.subtitleText), index.h("p", null, this.descriptionText), index.h("div", { class: CSS.landingBtn }, index.h("calcite-button", { onClick: this.landingPageSignIn.bind(this) }, (_a = this.messages) === null || _a === void 0 ? void 0 : _a.signIn), index.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.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 index.getElement(this); }
+    static get watchers() { return {
+        "portal": ["watchPortal"],
+        "oauthappid": ["watchOauthappid"]
+    }; }
+};
+InstantAppsSignIn.style = InstantAppsSignInStyle0;
+
+exports.instant_apps_sign_in = InstantAppsSignIn;

package/dist/cjs/{languageSwitcher-395021d6.js → languageSwitcher-b9a1485c.js}

@@ -28,7 +28,9 @@ async function getPortalItemResource(portalItem) {
   if (!portalItem)
     return null;
   const [PortalItemResource] = await loadModules.loadModules(['esri/portal/PortalItemResource']);
-  const existingResourcesRes = await portalItem.fetchResources();
+  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);