@esri/solutions-components 0.8.23 → 0.8.24

package/dist/cjs/instant-apps-export.cjs.entry.js

@@ -8,11 +8,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79b35510.js');
-const locale = require('./locale-3fd260e3.js');
 const loadModules = require('./loadModules-b28900c2.js');
+const locale = require('./locale-3fd260e3.js');
 const mode = require('./mode-d6c12b38.js');
-require('./languageUtil-da436671.js');
 require('./esri-loader-fce6a9cb.js');
+require('./languageUtil-da436671.js');
 
 const printStyling = `
   @media print {
@@ -386,23 +386,22 @@ const InstantAppsExport = class {
             this.updateLegend();
         }
     }
-    componentWillLoad() {
+    watchView() {
+        this.handleIncludePopup();
+    }
+    async componentWillLoad() {
         this.baseClass = mode.getMode(this.el) === 'dark' ? CSS.baseDark : CSS.baseLight;
         locale.getMessages(this);
-        this.initializeModules();
+        await this.initializeModules();
     }
     componentDidLoad() {
         this.printContainerEl.prepend(this.printEl);
-    }
-    disconnectedCallback() {
-        var _a, _b;
-        (_a = this.handles) === null || _a === void 0 ? void 0 : _a.removeAll();
-        (_b = this.handles) === null || _b === void 0 ? void 0 : _b.destroy();
-        this.handles = null;
+        this.handleIncludePopup();
     }
     async initializeModules() {
-        const [Handles] = await loadModules.loadModules(['esri/core/Handles']);
+        const [Handles, reactiveUtils] = await loadModules.loadModules(['esri/core/Handles', 'esri/core/reactiveUtils']);
         this.handles = new Handles();
+        this.reactiveUtils = reactiveUtils;
         return Promise.resolve();
     }
     render() {
@@ -604,12 +603,27 @@ const InstantAppsExport = class {
         }
     }
     handleWidgetCreation() {
-        this.handleLegendCreation();
-        this.handleCompassCreation();
+        if (this.includeMap) {
+            this.handleLegendCreation();
+            this.handleCompassCreation();
+        }
+    }
+    handleIncludePopup() {
+        var _a, _b;
+        if (this.showIncludePopup) {
+            const handleId = 'includePopup';
+            (_a = this.handles) === null || _a === void 0 ? void 0 : _a.remove(handleId);
+            (_b = this.reactiveUtils) === null || _b === void 0 ? void 0 : _b.whenOnce(() => { var _a; return (_a = this.view) === null || _a === void 0 ? void 0 : _a.ready; }).then(() => {
+                var _a;
+                (_a = this.handles) === null || _a === void 0 ? void 0 : _a.add(this.reactiveUtils.watch(() => { var _a, _b; return (_b = (_a = this.view) === null || _a === void 0 ? void 0 : _a.popup) === null || _b === void 0 ? void 0 : _b.visible; }, (visible) => {
+                    this.includePopup = visible;
+                }), handleId);
+            });
+        }
     }
     handleLegendCreation() {
         var _a, _b, _c, _d, _e;
-        if (this.includeMap && this.view != null && this.showIncludeLegend && this.legendContainerEl != null) {
+        if (this.view != null && this.showIncludeLegend && this.legendContainerEl != null) {
             const map = this.view.map;
             const legendMap = (_b = (_a = this.legend) === null || _a === void 0 ? void 0 : _a.view) === null || _b === void 0 ? void 0 : _b.map;
             const checkId = ((_c = map === null || map === void 0 ? void 0 : map.portalItem) === null || _c === void 0 ? void 0 : _c.id) != null && ((_d = map === null || map === void 0 ? void 0 : map.portalItem) === null || _d === void 0 ? void 0 : _d.id) === ((_e = legendMap === null || legendMap === void 0 ? void 0 : legendMap.portalItem) === null || _e === void 0 ? void 0 : _e.id);
@@ -643,7 +657,7 @@ const InstantAppsExport = class {
     }
     handleCompassCreation() {
         var _a, _b, _c, _d;
-        if (this.includeMap && this.view != null && this.compassContainerEl != null) {
+        if (this.view != null && this.compassContainerEl != null) {
             const map = this.view.map;
             const compassMap = (_b = (_a = this.compass) === null || _a === void 0 ? void 0 : _a.view) === null || _b === void 0 ? void 0 : _b.map;
             const checkId = ((_c = map === null || map === void 0 ? void 0 : map.portalItem) === null || _c === void 0 ? void 0 : _c.id) === ((_d = compassMap === null || compassMap === void 0 ? void 0 : compassMap.portalItem) === null || _d === void 0 ? void 0 : _d.id);
@@ -884,7 +898,8 @@ const InstantAppsExport = class {
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {
-        "includeMap": ["watchIncludeMap"]
+        "includeMap": ["watchIncludeMap"],
+        "view": ["watchView"]
     }; }
 };
 InstantAppsExport.style = InstantAppsExportStyle0;

package/dist/cjs/instant-apps-header.cjs.entry.js

@@ -14,7 +14,7 @@ const breakpoints = require('./breakpoints-fcd0f2a0.js');
 const styles = require('./styles-c9e1375a.js');
 require('./esri-loader-fce6a9cb.js');
 
-const instantAppsHeaderCss = ":host{--instant-apps-header-height:auto;--instant-apps-header-min-height:50px;--instant-apps-header-title-text-link-decoration:underline;--instant-apps-header-height--logo-scale--s:55px;--instant-apps-header-logo-width--logo-scale--s:35px;--instant-apps-header-logo-height--logo-scale--s:35px;--instant-apps-header-height--logo-scale--m:70px;--instant-apps-header-logo-width--logo-scale--m:50px;--instant-apps-header-logo-height--logo-scale--m:50px;--instant-apps-header-height--logo-scale--l:80px;--instant-apps-header-logo-width--logo-scale--l:60px;--instant-apps-header-logo-height--logo-scale--l:60px;width:100%}:host .image.image_resized img{width:100%}:host .instant-apps-header--standard{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--instant-apps-header-height);background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1);font-family:var(--calcite-sans-family);min-height:var(--instant-apps-header-min-height)}:host .instant-apps-header--standard .instant-apps-header__header-container{display:flex;align-items:center;width:100%;height:inherit}:host .instant-apps-header--standard .instant-apps-header__header-container slot{display:flex;height:inherit}:host .instant-apps-header--standard .instant-apps-header__header-container ::slotted(*){display:flex;min-height:var(--instant-apps-header-min-height);height:var(--instant-apps-header-height)}:host .instant-apps-header--standard .instant-apps-header__header-container ::slotted(*) calcite-button{height:100%}:host .instant-apps-header--standard .instant-apps-header__header-content{box-sizing:border-box;display:flex;align-items:center;width:100%;min-width:0;height:inherit;padding:5px 10px}:host .instant-apps-header--standard .instant-apps-header__header-content a{display:flex;align-items:center;-webkit-text-decoration:var(--instant-apps-header-title-text-link-decoration);text-decoration:var(--instant-apps-header-title-text-link-decoration)}:host .instant-apps-header--standard .instant-apps-header__header-content a img{padding-right:0}:host .instant-apps-header--standard .instant-apps-header__header-content img{margin:10px}:host .instant-apps-header--standard .instant-apps-header__header-content h1{margin:0;font-size:1.25rem;color:var(--calcite-color-text-1);font-weight:430;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .instant-apps-header--standard .instant-apps-header__header-content #infoButton{margin-inline-start:10px}:host .instant-apps-header--standard .instant-apps-header__header-content--center{justify-content:center}:host .instant-apps-header--standard .instant-apps-header__header-content--right{justify-content:end}:host .instant-apps-header__logo-height--s{height:var(--instant-apps-header-height--logo-scale--s)}:host .instant-apps-header__logo-height--s .instant-apps-header__header-content h1{font-size:1.125rem}:host .instant-apps-header__logo-scale--s{width:var(--instant-apps-header-logo-width--logo-scale--s);height:var(--instant-apps-header-logo-height--logo-scale--s)}:host .instant-apps-header__logo-height--m{height:var(--instant-apps-header-height--logo-scale--m)}:host .instant-apps-header__logo-scale--m{width:var(--instant-apps-header-logo-width--logo-scale--m);height:var(--instant-apps-header-logo-height--logo-scale--m)}:host .instant-apps-header__logo-height--l{height:var(--instant-apps-header-height--logo-scale--l)}:host .instant-apps-header__logo-height--l .instant-apps-header__header-content h1{font-size:1.375rem}:host .instant-apps-header__logo-scale--l{width:var(--instant-apps-header-logo-width--logo-scale--l);height:var(--instant-apps-header-logo-height--logo-scale--l)}:host .instant-apps-header__logo-height--s,:host .instant-apps-header__logo-height--m,:host .instant-apps-header__logo-height--l{padding-right:10px}:host .instant-apps-header--rtl.instant-apps-header__logo-height--s,:host .instant-apps-header--rtl.instant-apps-header__logo-height--m,:host .instant-apps-header--rtl.instant-apps-header__logo-height--l{padding-right:0;padding-left:10px}";
+const instantAppsHeaderCss = ":host{--instant-apps-header-height:auto;--instant-apps-header-min-height:50px;--instant-apps-header-title-text-link-decoration:underline;--instant-apps-header-height--logo-scale--s:55px;--instant-apps-header-logo-width--logo-scale--s:35px;--instant-apps-header-logo-height--logo-scale--s:35px;--instant-apps-header-height--logo-scale--m:70px;--instant-apps-header-logo-width--logo-scale--m:50px;--instant-apps-header-logo-height--logo-scale--m:50px;--instant-apps-header-height--logo-scale--l:80px;--instant-apps-header-logo-width--logo-scale--l:60px;--instant-apps-header-logo-height--logo-scale--l:60px;width:100%}:host .image.image_resized img{width:100%}:host .instant-apps-header--standard{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--instant-apps-header-height);background-color:var(--calcite-color-foreground-1);color:var(--calcite-color-text-1);font-family:var(--calcite-sans-family);min-height:var(--instant-apps-header-min-height)}:host .instant-apps-header--standard .instant-apps-header__header-container{display:flex;align-items:center;width:100%;height:inherit}:host .instant-apps-header--standard .instant-apps-header__header-container slot{display:flex;height:inherit}:host .instant-apps-header--standard .instant-apps-header__header-container ::slotted(*){display:flex;min-height:var(--instant-apps-header-min-height);height:var(--instant-apps-header-height)}:host .instant-apps-header--standard .instant-apps-header__header-container ::slotted(*) calcite-button{height:100%}:host .instant-apps-header--standard .instant-apps-header__header-content{box-sizing:border-box;display:flex;align-items:center;width:100%;min-width:0;height:inherit;padding:5px 10px}:host .instant-apps-header--standard .instant-apps-header__header-content a{display:flex;align-items:center;-webkit-text-decoration:var(--instant-apps-header-title-text-link-decoration);text-decoration:var(--instant-apps-header-title-text-link-decoration)}:host .instant-apps-header--standard .instant-apps-header__header-content a img{padding-right:0}:host .instant-apps-header--standard .instant-apps-header__header-content img{margin:10px}:host .instant-apps-header--standard .instant-apps-header__header-content h1{margin:0;font-size:1.25rem;color:var(--calcite-color-text-1);font-weight:430;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:host .instant-apps-header--standard .instant-apps-header__header-content #infoButton{margin-inline-start:10px}:host .instant-apps-header--standard .instant-apps-header__header-content--center{justify-content:center}:host .instant-apps-header--standard .instant-apps-header__header-content--right{justify-content:end}:host .instant-apps-header__logo-height--s{height:var(--instant-apps-header-height--logo-scale--s)}:host .instant-apps-header__logo-height--s .instant-apps-header__header-content h1{font-size:1.125rem}:host .instant-apps-header__logo-scale--s{width:var(--instant-apps-header-logo-width--logo-scale--s);height:var(--instant-apps-header-logo-height--logo-scale--s)}:host .instant-apps-header__logo-height--m{height:var(--instant-apps-header-height--logo-scale--m)}:host .instant-apps-header__logo-scale--m{width:var(--instant-apps-header-logo-width--logo-scale--m);height:var(--instant-apps-header-logo-height--logo-scale--m)}:host .instant-apps-header__logo-height--l{height:var(--instant-apps-header-height--logo-scale--l)}:host .instant-apps-header__logo-height--l .instant-apps-header__header-content h1{font-size:1.375rem}:host .instant-apps-header__logo-scale--l{width:var(--instant-apps-header-logo-width--logo-scale--l);height:var(--instant-apps-header-logo-height--logo-scale--l)}:host .instant-apps-header__actions-end-container{display:flex}:host .instant-apps-header__sign-in-container{height:inherit;display:flex;align-items:center}:host .instant-apps-header__sign-in-container calcite-dropdown,:host .instant-apps-header__sign-in-container calcite-navigation-user{height:100%}:host .instant-apps-header__sign-in-container calcite-button{margin:0 10px}:host .instant-apps-header__sign-in-container calcite-dropdown-group{min-width:140px}";
 const InstantAppsHeaderStyle0 = instantAppsHeaderCss;
 
 const CSS = {
@@ -25,6 +25,7 @@ const CSS = {
     logoScale: 'instant-apps-header__logo-scale--',
     logoHeight: 'instant-apps-header__logo-height--',
     standardHeight: 'instant-apps-header__standard-height',
+    actionsEndContainer: 'instant-apps-header__actions-end-container',
     alignment: {
         center: 'instant-apps-header__header-content--center',
         right: 'instant-apps-header__header-content--right',
@@ -86,7 +87,7 @@ const InstantAppsHeader = class {
         const title = this.renderTitle();
         const headerContentClass = this.headerAlignment === 'right' || this.headerAlignment === 'center' ? CSS.headerContent.concat(' ', CSS.alignment[this.headerAlignment]) : CSS.headerContent;
         const fontFamily = styles.getFontFamily(this.fontFamily);
-        return (index.h(index.Host, null, this.customHeaderHtml ? ([index.h("style", null, this.customHeaderCss), index.h("div", { id: "customHeader", innerHTML: this.customHeaderHtml })]) : (index.h("header", { class: `${CSS.base}${this.dir === 'rtl' ? ` ${CSS.flipRtl}` : ''}${this.logoImage && !hasEmptyLogo ? ` ${CSS.logoHeight}${this.logoScale}` : ` ${CSS.standardHeight}`}`, style: { backgroundColor: this.backgroundColor, fontFamily } }, index.h("div", { class: CSS.headerContainer }, index.h("span", { class: headerContentClass }, logo, title, this.infoButton ? (index.h("calcite-button", { style: { '--calcite-color-text-1': this.textColor }, id: "infoButton", alignment: "start", appearance: "transparent", kind: "neutral", "icon-start": "information-f", scale: "s", label: this.infoTitleText, title: this.infoTitleText, onClick: this.toggleInfo.bind(this) })) : null), index.h("slot", { name: "actions-end" }))))));
+        return (index.h(index.Host, null, this.customHeaderHtml ? ([index.h("style", null, this.customHeaderCss), index.h("div", { id: "customHeader", innerHTML: this.customHeaderHtml })]) : (index.h("header", { class: `${CSS.base}${this.dir === 'rtl' ? ` ${CSS.flipRtl}` : ''}${this.logoImage && !hasEmptyLogo ? ` ${CSS.logoHeight}${this.logoScale}` : ` ${CSS.standardHeight}`}`, style: { backgroundColor: this.backgroundColor, fontFamily } }, index.h("div", { class: CSS.headerContainer }, index.h("span", { class: headerContentClass }, logo, title, this.infoButton ? (index.h("calcite-button", { style: { '--calcite-color-text-1': this.textColor }, id: "infoButton", alignment: "start", appearance: "transparent", kind: "neutral", "icon-start": "information-f", scale: "s", label: this.infoTitleText, title: this.infoTitleText, onClick: this.toggleInfo.bind(this) })) : null), index.h("div", { class: CSS.actionsEndContainer }, index.h("slot", { name: "actions-end" })))))));
     }
     renderLogo(hasEmptyLogo) {
         return hasEmptyLogo ? ('') : this.logoImage && this.logoLink ? (index.h("a", { href: `${this.logoLink}`, target: "_blank" }, index.h("img", { class: `${CSS.logoScale}${this.logoScale}`, src: `${this.logoImage}`, alt: `${this.logoImageAltText}` }))) : this.logoImage ? (index.h("img", { class: `${CSS.logoScale}${this.logoScale}`, src: `${this.logoImage}`, alt: this.logoImageAltText })) : ('');

package/dist/cjs/instant-apps-interactive-legend-classic.cjs.entry.js

@@ -8,7 +8,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79b35510.js');
-const helpers = require('./helpers-9347ad83.js');
+const helpers = require('./helpers-618a3f7d.js');
 const esriLoader = require('./esri-loader-fce6a9cb.js');
 const loadModules = require('./loadModules-b28900c2.js');
 require('./index-c078ea5f.js');
@@ -1190,7 +1190,7 @@ const InstantAppsInteractiveLegendClassic = class {
     async initLegend() {
         try {
             await this.reactiveUtils.whenOnce(() => { var _a; return (_a = this.legendvm) === null || _a === void 0 ? void 0 : _a.view; });
-            this.legendvm.view.when(async () => {
+            const initLegendCallback = async () => {
                 var _a, _b, _c, _d;
                 try {
                     // Initial data setup
@@ -1223,7 +1223,9 @@ const InstantAppsInteractiveLegendClassic = class {
                     console.error(err);
                     this.isLoading = false;
                 }
-            });
+            };
+            this.legendvm.view.when(initLegendCallback);
+            this.legendvm.view.map.layers.on('after-changes', initLegendCallback);
         }
         catch (_a) {
             this.isLoading = false;
@@ -1522,7 +1524,7 @@ const InstantAppsInteractiveLegendClassic = class {
     }
     setupWatchersAndListeners() {
         // Refreshes interactive legend data on active layer info update
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g;
         const featureLayers = (_d = (_c = (_b = (_a = this.legendvm) === null || _a === void 0 ? void 0 : _a.view) === null || _b === void 0 ? void 0 : _b.map) === null || _c === void 0 ? void 0 : _c.allLayers) === null || _d === void 0 ? void 0 : _d.filter(layer => (layer === null || layer === void 0 ? void 0 : layer.type) === 'feature');
         featureLayers.forEach(async (fLayer) => {
             var _a, _b, _c, _d;
@@ -1568,6 +1570,11 @@ const InstantAppsInteractiveLegendClassic = class {
                 index.forceUpdate(this.el);
             }));
         }));
+        (_g = this.handles) === null || _g === void 0 ? void 0 : _g.add(this.reactiveUtils.on(() => { var _a, _b, _c; return (_c = (_b = (_a = this.legendvm) === null || _a === void 0 ? void 0 : _a.view) === null || _b === void 0 ? void 0 : _b.map) === null || _c === void 0 ? void 0 : _c.layers; }, 'after-changes', async () => {
+            const data = await helpers.handleFeatureCount(this.legendvm, helpers.interactiveLegendState.data);
+            helpers.store.set('data', Object.assign(Object.assign({}, helpers.interactiveLegendState.data), data));
+            this.calculatingFeatureCount = false;
+        }));
     }
     async createDataForLayer(fLayer) {
         var _a, _b;

package/dist/cjs/instant-apps-interactive-legend-count_2.cjs.entry.js

@@ -9,7 +9,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79b35510.js');
 const loadModules = require('./loadModules-b28900c2.js');
-const helpers = require('./helpers-9347ad83.js');
+const helpers = require('./helpers-618a3f7d.js');
 require('./esri-loader-fce6a9cb.js');
 require('./index-c078ea5f.js');
 

package/dist/cjs/instant-apps-interactive-legend-group-legend-element-caption.cjs.entry.js

@@ -8,7 +8,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79b35510.js');
-const helpers = require('./helpers-9347ad83.js');
+const helpers = require('./helpers-618a3f7d.js');
 require('./loadModules-b28900c2.js');
 require('./esri-loader-fce6a9cb.js');
 require('./index-c078ea5f.js');

package/dist/cjs/instant-apps-interactive-legend-group-legend-element_5.cjs.entry.js

@@ -8,7 +8,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79b35510.js');
-const helpers = require('./helpers-9347ad83.js');
+const helpers = require('./helpers-618a3f7d.js');
 const loadModules = require('./loadModules-b28900c2.js');
 require('./index-c078ea5f.js');
 require('./esri-loader-fce6a9cb.js');
@@ -170,7 +170,7 @@ const InstantAppsInteractiveLegendLegendElementCaption = class {
         const isNestedUniqueSymbols = helpers.checkNestedUniqueSymbolLegendElement(this.activeLayerInfo);
         const isRelationship = helpers.checkRelationshipRamp(this.activeLayerInfo);
         const { expanded } = this;
-        return isNestedUniqueSymbols && !this.titleText ? null : (index.h("div", { class: CSS$1.layerCaption }, index.h("calcite-action", { onClick: this.toggleExpanded(), icon: expanded === false ? 'chevron-up' : 'chevron-down', appearance: "transparent", text: expanded === false ? (_a = this.messages) === null || _a === void 0 ? void 0 : _a.expand : (_b = this.messages) === null || _b === void 0 ? void 0 : _b.collapse, label: expanded === false ? (_c = this.messages) === null || _c === void 0 ? void 0 : _c.expand : (_d = this.messages) === null || _d === void 0 ? void 0 : _d.collapse, scale: "s" }), this.isInteractive || isRelationship ? this.renderLegendElementCaptionControls() : null, this.titleText ? index.h("span", { class: CSS$1.layerCaptionText }, this.titleText) : null));
+        return isNestedUniqueSymbols && !this.titleText ? null : (index.h("div", { class: CSS$1.layerCaption }, index.h("calcite-action", { onClick: this.toggleExpanded(), icon: expanded === false ? 'chevron-up' : 'chevron-down', appearance: "transparent", text: expanded === false ? (_a = this.messages) === null || _a === void 0 ? void 0 : _a.expand : (_b = this.messages) === null || _b === void 0 ? void 0 : _b.collapse, label: expanded === false ? (_c = this.messages) === null || _c === void 0 ? void 0 : _c.expand : (_d = this.messages) === null || _d === void 0 ? void 0 : _d.collapse, scale: "s" }), this.isInteractive || isRelationship ? this.renderLegendElementCaptionControls() : null, this.titleText ? index.h("span", { class: CSS$1.layerCaptionText, title: this.titleText }, this.titleText) : null));
     }
     renderLegendElementCaptionControls() {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;

package/dist/cjs/instant-apps-interactive-legend.cjs.entry.js

@@ -10,7 +10,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-79b35510.js');
 const loadModules = require('./loadModules-b28900c2.js');
 const locale = require('./locale-3fd260e3.js');
-const helpers = require('./helpers-9347ad83.js');
+const helpers = require('./helpers-618a3f7d.js');
 require('./esri-loader-fce6a9cb.js');
 require('./languageUtil-da436671.js');
 require('./index-c078ea5f.js');

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);