@esri/solutions-components 0.10.36 → 0.10.37

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

@@ -14,7 +14,7 @@ require('./esri-loader-08dc41bd.js');
 require('./_commonjsHelpers-baf43783.js');
 require('./languageUtil-a3e1eafd.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 calcite-navigation-user{--calcite-color-foreground-2:rgba(0, 0, 0, 0.04);--calcite-color-foreground-3:rgba(0, 0, 0, 0.04)}: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__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)}@media screen and (max-width: 767px){:host{flex-direction:column;align-items:center}:host calcite-button{width:100%}:host .instant-apps-sign-in__entry-button-container{display:flex;flex-direction:column}}";
+const instantAppsSignInCss = ":host{--instant-apps-sign-in-indicator-color:#007ac2;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 calcite-navigation-user{--calcite-color-foreground-2:rgba(0, 0, 0, 0.04);--calcite-color-foreground-3:rgba(0, 0, 0, 0.04)}:host .instant-apps-sign-in__container .instant-apps-sign-in__indicator::after{content:\"\";position:absolute;block-size:0.5rem;inline-size:0.5rem;border-radius:9999px;inset-block-end:-0.275rem;inset-inline-end:-0.275rem;background-color:var(--instant-apps-sign-in-indicator-color);bottom:calc(50% - 15px);right:calc(50% - 15px)}: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__entry-button-container{display:flex;justify-content:center;gap:8px}:host .instant-apps-sign-in__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);min-width:165px}@media screen and (max-width: 767px){:host{flex-direction:column;align-items:center}:host calcite-button{width:100%}:host .instant-apps-sign-in__entry-button-container{display:flex;flex-direction:column}}";
 const InstantAppsSignInStyle0 = instantAppsSignInCss;
 
 const CSS = {
@@ -22,6 +22,7 @@ const CSS = {
     SignInBtn: 'instant-apps-sign-in__sign-in-btn',
     buttonContainer: 'instant-apps-sign-in__entry-button-container',
     entryButton: 'instant-apps-sign-in__entry-button',
+    indicator: 'instant-apps-sign-in__indicator',
 };
 const InstantAppsSignIn = class {
     constructor(hostRef) {
@@ -36,6 +37,7 @@ const InstantAppsSignIn = class {
         this.titleText = undefined;
         this.subtitleText = undefined;
         this.descriptionText = undefined;
+        this.showIndicator = true;
         this.closeLandingPage = undefined;
         this.signInDropdownItems = undefined;
         this.ready = false;
@@ -53,7 +55,7 @@ const InstantAppsSignIn = class {
     }
     render() {
         const signIn = this.ready ? this.renderContent() : null;
-        return index.h(index.Host, { key: 'af7ff807a996fd2dbbc647988fc24e5a122c4efe' }, signIn);
+        return index.h(index.Host, { key: 'c8ef9d8b827f4d7f137cb051209a77450d6ab48c' }, signIn);
     }
     renderContent() {
         return this.type === 'landingPage' ? this.renderLandingPageSignIn() : this.renderSignInContainer();
@@ -62,10 +64,11 @@ const InstantAppsSignIn = class {
         return index.h("div", { class: CSS.base }, this.isSignedIn ? this.renderSignInDropdown() : this.renderSignInButton());
     }
     renderSignInDropdown() {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
         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("slot", { name: "sign-in-dropdown-top" }), index.h("calcite-dropdown-group", { "selection-mode": "none" }, (_g = this.signInDropdownItems) === null || _g === void 0 ? void 0 :
-            _g.map(item => index.h("calcite-dropdown-item", { onClick: item.onClick }, item.label)), index.h("calcite-dropdown-item", { onClick: this.signOut.bind(this) }, (_h = this.messages) === null || _h === void 0 ? void 0 : _h.signOut))));
+        const avatarClass = this.showIndicator ? CSS.indicator : '';
+        return (index.h("calcite-dropdown", { placement: "bottom-end", scale: dropdownScale }, this.type === 'navigation' ? (index.h("calcite-navigation-user", { class: avatarClass, 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, "user-id": (_e = (_d = this.user) === null || _d === void 0 ? void 0 : _d.id) !== null && _e !== void 0 ? _e : (_g = (_f = this.user) === null || _f === void 0 ? void 0 : _f.sourceJSON) === null || _g === void 0 ? void 0 : _g.id, textDisabled: true })) : (index.h("button", { slot: "trigger" }, index.h("calcite-avatar", { class: avatarClass, thumbnail: (_h = this.user) === null || _h === void 0 ? void 0 : _h.thumbnailUrl, "full-name": (_j = this.user) === null || _j === void 0 ? void 0 : _j.fullName, username: (_k = this.user) === null || _k === void 0 ? void 0 : _k.username, "user-id": (_m = (_l = this.user) === null || _l === void 0 ? void 0 : _l.id) !== null && _m !== void 0 ? _m : (_p = (_o = this.user) === null || _o === void 0 ? void 0 : _o.sourceJSON) === null || _p === void 0 ? void 0 : _p.id }))), index.h("slot", { name: "sign-in-dropdown-top" }), index.h("calcite-dropdown-group", { "selection-mode": "none" }, (_q = this.signInDropdownItems) === null || _q === void 0 ? void 0 :
+            _q.map(item => index.h("calcite-dropdown-item", { onClick: item.onClick }, item.label)), index.h("calcite-dropdown-item", { onClick: this.signOut.bind(this) }, (_r = this.messages) === null || _r === void 0 ? void 0 : _r.signOut))));
     }
     renderSignInButton() {
         var _a;
@@ -75,7 +78,7 @@ const InstantAppsSignIn = class {
     }
     renderLandingPageSignIn() {
         var _a, _b;
-        return (index.h("div", { class: CSS.buttonContainer }, index.h("calcite-button", { class: CSS.entryButton, scale: "l", appearance: "outline-fill", width: "half", onClick: this.landingPageSignIn.bind(this) }, (_a = this.messages) === null || _a === void 0 ? void 0 : _a.signIn), index.h("calcite-button", { class: CSS.entryButton, scale: "l", appearance: "outline-fill", width: "half", onClick: this.guestOnClick.bind(this) }, (_b = this.messages) === null || _b === void 0 ? void 0 : _b.continueAsGuest)));
+        return (index.h("div", { class: CSS.buttonContainer }, index.h("calcite-button", { class: CSS.entryButton, scale: "l", appearance: "outline-fill", onClick: this.landingPageSignIn.bind(this) }, (_a = this.messages) === null || _a === void 0 ? void 0 : _a.signIn), index.h("calcite-button", { class: CSS.entryButton, scale: "l", appearance: "outline-fill", onClick: this.guestOnClick.bind(this) }, (_b = this.messages) === null || _b === void 0 ? void 0 : _b.continueAsGuest)));
     }
     async initSignIn() {
         if (this.portal == null || this.oauthappid == null)
@@ -91,9 +94,10 @@ const InstantAppsSignIn = class {
         this.idManager.registerOAuthInfos([this.info]);
         this.isSignedIn = await this.checkSignInStatus();
         this.ready = true;
-        await reactiveUtils.whenOnce(() => this.portal.user);
-        this.user = this.portal.user;
-        this.ready = true;
+        if (this.isSignedIn) {
+            await reactiveUtils.whenOnce(() => this.portal.user);
+            this.user = this.portal.user;
+        }
     }
     async signIn() {
         this.setSignInLocalStorage();

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

@@ -98,7 +98,7 @@ const InstantAppsSplash = class {
         locale.getMessages(this);
     }
     render() {
-        return (index.h("calcite-modal", { key: 'd7ae1e9533ce3ac221547530c509e1682e253ab2', 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 (index.h("calcite-modal", { key: '1ab8d4142fe5c3ac087c2146af6f8510183af8a8', onCalciteModalClose: this.close.bind(this), open: this.open, closeButtonDisabled: this.closeButtonDisabled, outsideCloseDisabled: this.outsideCloseDisabled }, this.renderHeader(), this.renderContent(), this.localStorageKey ? this.renderDontShowThisAgainCheckbox() : null, this.renderPrimaryButton(), this.secondaryButton ? this.renderSecondaryButton() : null));
     }
     renderHeader() {
         const { titleText } = this;

package/dist/cjs/instant-apps-time-filter.cjs.entry.js

@@ -356,14 +356,16 @@ class InstantAppsTimeFilterViewModel {
         const baseConfig = Object.assign({ container: timeSliderRef, mode: 'time-window', view: ((_a = state.view) === null || _a === void 0 ? void 0 : _a.type) === '3d' ? state.view : null }, state.timeSliderConfig);
         if (defaultItem) {
             const timeSlider = (_d = (_c = (_b = state.view) === null || _b === void 0 ? void 0 : _b.map) === null || _c === void 0 ? void 0 : _c.widgets) === null || _d === void 0 ? void 0 : _d.timeSlider;
-            return Object.assign(Object.assign({}, baseConfig), { fullTimeExtent: timeSlider === null || timeSlider === void 0 ? void 0 : timeSlider.fullTimeExtent, timeExtent: timeSlider === null || timeSlider === void 0 ? void 0 : timeSlider.currentTimeExtent, stops: ((_e = timeSlider === null || timeSlider === void 0 ? void 0 : timeSlider.stopInterval) === null || _e === void 0 ? void 0 : _e.unit) && ((_f = timeSlider === null || timeSlider === void 0 ? void 0 : timeSlider.stopInterval) === null || _f === void 0 ? void 0 : _f.value)
-                    ? {
-                        interval: new TimeInterval({
-                            unit: (_g = timeSlider === null || timeSlider === void 0 ? void 0 : timeSlider.stopInterval) === null || _g === void 0 ? void 0 : _g.unit,
-                            value: (_h = timeSlider === null || timeSlider === void 0 ? void 0 : timeSlider.stopInterval) === null || _h === void 0 ? void 0 : _h.value,
-                        }),
-                    }
-                    : null });
+            const config = Object.assign(Object.assign({}, baseConfig), { fullTimeExtent: timeSlider === null || timeSlider === void 0 ? void 0 : timeSlider.fullTimeExtent, timeExtent: timeSlider === null || timeSlider === void 0 ? void 0 : timeSlider.currentTimeExtent });
+            if (((_e = timeSlider === null || timeSlider === void 0 ? void 0 : timeSlider.stopInterval) === null || _e === void 0 ? void 0 : _e.unit) && ((_f = timeSlider === null || timeSlider === void 0 ? void 0 : timeSlider.stopInterval) === null || _f === void 0 ? void 0 : _f.value)) {
+                config.stops = {
+                    interval: new TimeInterval({
+                        unit: (_g = timeSlider === null || timeSlider === void 0 ? void 0 : timeSlider.stopInterval) === null || _g === void 0 ? void 0 : _g.unit,
+                        value: (_h = timeSlider === null || timeSlider === void 0 ? void 0 : timeSlider.stopInterval) === null || _h === void 0 ? void 0 : _h.value,
+                    }),
+                };
+            }
+            return config;
         }
         else {
             const [{ timeExtent, rangeStart, rangeEnd, unit, timeIntervalValue }] = state.timeInfoItems;
@@ -535,7 +537,7 @@ const InstantAppsTimeFilter = class {
         viewModel.destroy();
     }
     render() {
-        return index$1.h(index$1.Host, { key: '9366ce36d85d1b97ff9dad8a93f5cfb93d12551b' }, this._renderBase());
+        return index$1.h(index$1.Host, { key: 'fdced64d842efb4c65a5518a0feb95637a147383' }, this._renderBase());
     }
     _renderBase() {
         return (index$1.h("div", { class: `${CSS.base}${this.view.type !== '2d' ? CSS.threeD : ''}` }, this._renderLoader(), this.view.type === '2d' && this._renderTopEl(), index$1.h("div", { key: "time-slider", ref: (ref) => (this.timeSliderRef = ref) })));