@esri/solutions-components 5.1.0-next.123 → 5.1.0-next.124
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/{R23DJVW5.js → 2V4C3U3A.js} +1 -1
- package/dist/cdn/{2XMRDB3K.js → 5ZIXJCIR.js} +1 -1
- package/dist/cdn/{DIZGS2TJ.js → 62PVXXRD.js} +1 -1
- package/dist/cdn/{3KDM4JBY.js → CQKON2YR.js} +1 -1
- package/dist/cdn/{3W366S6N.js → F64NVBUS.js} +1 -1
- package/dist/cdn/MNZJP3PW.js +2 -0
- package/dist/cdn/{JIB3C4UN.js → RPEBBYE4.js} +1 -1
- package/dist/cdn/{XRQGTB5B.js → UM4ITZ4R.js} +1 -1
- package/dist/cdn/{UPZXZI75.js → VFEROJ77.js} +1 -1
- package/dist/cdn/{XRMZECS5.js → YNOD3Q5G.js} +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.ar.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.bg.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.bs.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.ca.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.cs.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.da.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.de.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.el.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.es.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.et.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.fi.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.fr.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.he.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.hr.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.hu.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.id.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.it.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.ja.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.ko.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.lt.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.lv.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.nl.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.no.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.pl.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.pt-BR.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.pt-PT.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.ro.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.ru.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.sk.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.sl.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.sr.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.sv.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.th.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.tr.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.uk.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.vi.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.zh-CN.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.zh-HK.json +1 -1
- package/dist/cdn/assets/solution-builder-assistant/t9n/messages.zh-TW.json +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/chunks/solution-deploy-dialog.js +1 -1
- package/dist/components/solution-builder-assistant/customElement.js +4 -4
- package/dist/components/solution-delete-dialog/customElement.js +1 -1
- package/dist/components/solutions-deploy-app/customElement.js +120 -117
- package/dist/components/solutions-deployed-shell/customElement.js +1 -1
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/dist/solutions-components_commit.txt +8 -5
- package/package.json +1 -1
- package/dist/cdn/23V6TTH7.js +0 -2
|
@@ -2,28 +2,28 @@
|
|
|
2
2
|
import { c as f } from "../../chunks/runtime.js";
|
|
3
3
|
import { repeat as v } from "lit/directives/repeat.js";
|
|
4
4
|
import { u as T } from "../../chunks/useT9n.js";
|
|
5
|
-
import { LitElement as C, createEvent as d, safeClassMap as b, nothing as
|
|
6
|
-
import { css as
|
|
5
|
+
import { LitElement as C, createEvent as d, safeClassMap as b, nothing as w } from "@arcgis/lumina";
|
|
6
|
+
import { css as S, html as h } from "lit";
|
|
7
7
|
import { T as m } from "../../chunks/solutions-deploy-app-nav.js";
|
|
8
8
|
import { a as D, T as c, A, B as x, e as I } from "../../chunks/interfaces.js";
|
|
9
|
-
import { createRef as
|
|
9
|
+
import { createRef as o, ref as a } from "lit-html/directives/ref.js";
|
|
10
10
|
import { C as y } from "../../chunks/CardsFetcher.js";
|
|
11
11
|
import { g as O } from "../../chunks/cardFetchingUtils.js";
|
|
12
12
|
import { useContextProvider as _ } from "@arcgis/lumina/context";
|
|
13
13
|
import { c as F, b as L, i as $ } from "../../chunks/deployAppContexts.js";
|
|
14
|
-
import { f as E, b as
|
|
14
|
+
import { f as E, b as M } from "../../chunks/cardsHelpers.js";
|
|
15
15
|
import "@esri/solution-common";
|
|
16
16
|
import "@arcgis/core/identity/IdentityManager.js";
|
|
17
17
|
import "@arcgis/core/identity/OAuthInfo.js";
|
|
18
18
|
import "@arcgis/core/portal/Portal.js";
|
|
19
19
|
import "@arcgis/core/intl.js";
|
|
20
|
-
import { _ as
|
|
20
|
+
import { _ as P } from "../../chunks/solution-deploy-dialog.js";
|
|
21
21
|
import "../solutions-all-shell/customElement.js";
|
|
22
22
|
import "../solutions-deployed-shell/customElement.js";
|
|
23
23
|
import "../solution-details-panel/customElement.js";
|
|
24
24
|
import "../solution-deployed-card-panel/customElement.js";
|
|
25
25
|
import "../solution-builder-assistant/customElement.js";
|
|
26
|
-
const
|
|
26
|
+
const B = S`.back-color-override{background-color:var(--calcite-color-surface-3);--calcite-tab-border-color: var(--calcite-color-surface-4)}:host{--panel-edge-adjustment: 2vw;--assistant-panel-min-width: 420px;--assistant-panel-width: max(var(--assistant-panel-min-width), calc((96vw - 1440px) / 2 + var(--panel-edge-adjustment) - 15px))}.display-none{display:none!important}.height-100{height:100%}calcite-tab-nav{padding-bottom:6px;padding-top:6px}calcite-tab{--calcite-color-focus: transparent}calcite-tab>*{--calcite-color-focus: initial}calcite-tabs{--calcite-tab-border-color: var(--calcite-color-border-2);flex:1;min-height:0}.tab-space-0{--calcite-tab-content-space-y: var(--calcite-spacing-none)}.tab-space-md{--calcite-tab-content-space-y: var(--calcite-spacing-md)}solutions-searchsort-toolbar,solutions-deploy-app-nav,solution-details-panel,solutions-deployed-shell,solutions-all-shell,calcite-tab-nav,solution-deployed-card-panel{width:1440px;display:block;max-width:96vw;padding-right:var(--calcite-spacing-none);padding-left:var(--calcite-spacing-none);margin-left:auto;margin-right:auto;box-sizing:border-box}.border{height:var(--calcite-spacing-px);border-bottom-color:var(--calcite-color-border-2);border-bottom-style:solid;border-bottom-width:var(--calcite-border-width-sm);box-sizing:border-box}.overflow-auto{overflow:auto}solution-details-panel{scroll-margin-top:3rem}.main-content{container-type:inline-size;display:flex;flex-direction:column;height:100%;overflow:hidden}.main-content.assistant-open{margin-right:var(--assistant-panel-width)}.assistant-open solutions-searchsort-toolbar,.assistant-open solution-details-panel,.assistant-open solutions-deployed-shell,.assistant-open solutions-all-shell,.assistant-open calcite-tab-nav,.assistant-open solution-deployed-card-panel{margin-left:max(var(--panel-edge-adjustment),calc((96vw - 1440px) / 2 + var(--panel-edge-adjustment)));margin-right:0;width:auto;max-width:1440px}.builder-panel{position:fixed;top:65px;left:max(var(--panel-edge-adjustment),calc((96vw - 1440px) / 2 + var(--panel-edge-adjustment)));right:var(--assistant-panel-width);bottom:0;z-index:400;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(0);pointer-events:auto}.builder-panel.display-none{display:flex!important;transform:translate(100%);pointer-events:none}.builder-panel.display-none:has(~.assistant-panel.display-none){display:none!important;transition:none}.assistant-panel{position:fixed;top:65px;right:0;bottom:0;width:var(--assistant-panel-width);min-width:var(--assistant-panel-min-width);z-index:400;display:flex;flex-direction:column}@media(max-width:800px){.builder-panel{display:none!important}.assistant-panel{width:100%;box-shadow:none}.main-content.assistant-open{margin-right:0}}.assistant-fab{position:fixed;bottom:var(--calcite-spacing-xxl);right:var(--calcite-spacing-xxl);z-index:500}calcite-tooltip{--calcite-tooltip-max-size-x: 16rem}`, k = {
|
|
27
27
|
solution: {
|
|
28
28
|
title: "Bus Stop ADA Compliance Inspections",
|
|
29
29
|
description: "Bus Stop ADA Compliance Inspections can be used to perform routine inspections of bus stops for ADA compliance and monitor inspection progress.",
|
|
@@ -553,36 +553,39 @@ const M = w`.back-color-override{background-color:var(--calcite-color-surface-3)
|
|
|
553
553
|
};
|
|
554
554
|
class R extends C {
|
|
555
555
|
constructor() {
|
|
556
|
-
super(), this.initTitleOrId = "", this.sortType = "relevance", this.useLocalAppConfig = !1, this.loadExampleBuilderData = !1, this.authentication = void 0, this._isLoaded = !1, this.isMobile = !1, this._isAssistantOpen = !1, this._builderVisible = !1, this._hasActiveBuilderDesign = !1, this._showFabTooltip = !0, this._activeTab = "all-solutions", this._showDeployedCardFetchFailed = !1, this._globalAlerts = [], this._translations = T({ name: "solutions-deploy-app", blocking: !0 }), this._agoTerms = `${D}`, this._allCards = [], this._allShell =
|
|
556
|
+
super(), this.initTitleOrId = "", this.sortType = "relevance", this.useLocalAppConfig = !1, this.loadExampleBuilderData = !1, this.authentication = void 0, this._isLoaded = !1, this.isMobile = !1, this._isViewportMobile = window.innerWidth <= 800, this._isAssistantOpen = !1, this._builderVisible = !1, this._hasActiveBuilderDesign = !1, this._showFabTooltip = !0, this._activeTab = "all-solutions", this._showDeployedCardFetchFailed = !1, this._globalAlerts = [], this._translations = T({ name: "solutions-deploy-app", blocking: !0 }), this._agoTerms = `${D}`, this._allCards = [], this._allShell = o(), this._allTab = o(), this._allTabTitle = o(), this._resourcesTab = o(), this._resourcesTabTitle = o(), this._categories = [], this._configContextProvider = _({ context: F }), this._delay = !1, this._deployAppNav = o(), this._deployedCardPanel = o(), this._deployCardFetchFailedMessage = "", this._deployedCardTab = o(), this._deployedCardTabTitle = o(), this._detailsShell = o(), this._detailsTab = o(), this._detailsTabTitle = o(), this._forceInit = !1, this._getSuggested = !1, this._tabpanelsFixed = !1, this._solutionBuilderPanel = o(), this._builderDesignContextProvider = _({ context: L }), this._isMobileContextProvider = _({ context: $ }), this._handleWindowResize = () => {
|
|
557
|
+
const e = window.innerWidth <= 800;
|
|
558
|
+
this._isViewportMobile !== e && (this._isViewportMobile = e, e && (this._isAssistantOpen = !1, this._builderVisible = !1));
|
|
559
|
+
}, this._mainContentRef = o(), this._mySolutionsShell = o(), this._mySolutionsTab = o(), this._mySolutionsTabTitle = o(), this._sortField = "relevance", this._sortOrder = "desc", this._telemetryManager = new m(), this.deployAppTabSelected = d(), this.deployedCardFetchFailed = d(), this.detailsCardSelected = d(), this.deployedCardSelected = d(), this.metaTagStringsReady = d(), this.sessionRefreshed = d(), this.tabChanged = d(), this.listenOn(window, "detailsCardSelected", this._detailsCardSelected), this.listenOn(window, "deployedCardSelected", this._deployedCardSelected), this.listenOn(window, "displayDeployedCard", this._handleDeployedCardDisplay), this.listenOn(window, "navTabSelected", this._setActiveTab), this.listenOn(window, "forceSelectTab", (e) => this.selectTab(e.detail, {})), this.listenOn(window, "showGlobalAlert", this._handleShowGlobalAlert), this.listenOn(window, "openAssistant", () => {
|
|
557
560
|
this._openAssistant();
|
|
558
561
|
}), this.listenOn(window, "closeAssistant", () => {
|
|
559
562
|
this._isAssistantOpen = !1, this._builderVisible = !1;
|
|
560
563
|
}), this.listenOn(window, "toggleSolutionBuilder", () => {
|
|
561
564
|
this._builderVisible = !this._builderVisible;
|
|
562
|
-
}), this.listenOn(window, "discardBuilder", (
|
|
563
|
-
this._hasActiveBuilderDesign =
|
|
564
|
-
}), this.listenOn(window, "arcgis-solution-design-update", this._solutionBuilderSelected), this._builderDesignContextProvider.value = {
|
|
565
|
+
}), this.listenOn(window, "discardBuilder", (e) => {
|
|
566
|
+
this._hasActiveBuilderDesign = e.detail;
|
|
567
|
+
}), this.listenOn(window, "arcgis-solution-design-update", this._solutionBuilderSelected), window.addEventListener("resize", this._handleWindowResize), this._builderDesignContextProvider.value = {
|
|
565
568
|
design: this.loadExampleBuilderData ? k : null,
|
|
566
|
-
updateDesign: (
|
|
569
|
+
updateDesign: (e) => {
|
|
567
570
|
this._builderDesignContextProvider.value = {
|
|
568
571
|
...this._builderDesignContextProvider.value,
|
|
569
|
-
design:
|
|
572
|
+
design: e
|
|
570
573
|
};
|
|
571
574
|
},
|
|
572
575
|
isBuilderVisible: !1,
|
|
573
|
-
setBuilderVisible: (
|
|
574
|
-
this._builderVisible =
|
|
576
|
+
setBuilderVisible: (e) => {
|
|
577
|
+
this._builderVisible = e, this._builderDesignContextProvider.value = {
|
|
575
578
|
...this._builderDesignContextProvider.value,
|
|
576
|
-
isBuilderVisible:
|
|
579
|
+
isBuilderVisible: e
|
|
577
580
|
};
|
|
578
581
|
}
|
|
579
582
|
}, this.loadExampleBuilderData && (this._hasActiveBuilderDesign = !0);
|
|
580
583
|
}
|
|
581
584
|
static {
|
|
582
|
-
this.properties = { appConfig: 1, initTab: 1, initTitleOrId: 1, sortType: 1, useLocalAppConfig: 5, loadExampleBuilderData: 5, authentication: 16, _isLoaded: 16, isMobile: 16, _isAssistantOpen: 16, _builderVisible: 16, _hasActiveBuilderDesign: 16, _showFabTooltip: 16, _activeTab: 16, _showDeployedCardFetchFailed: 16, _globalAlerts: 16, _translations: 16 };
|
|
585
|
+
this.properties = { appConfig: 1, initTab: 1, initTitleOrId: 1, sortType: 1, useLocalAppConfig: 5, loadExampleBuilderData: 5, authentication: 16, _isLoaded: 16, isMobile: 16, _isViewportMobile: 16, _isAssistantOpen: 16, _builderVisible: 16, _hasActiveBuilderDesign: 16, _showFabTooltip: 16, _activeTab: 16, _showDeployedCardFetchFailed: 16, _globalAlerts: 16, _translations: 16 };
|
|
583
586
|
}
|
|
584
587
|
static {
|
|
585
|
-
this.styles =
|
|
588
|
+
this.styles = B;
|
|
586
589
|
}
|
|
587
590
|
get _telemetry() {
|
|
588
591
|
return this._configContextProvider.value?.telemetrySession;
|
|
@@ -596,10 +599,10 @@ class R extends C {
|
|
|
596
599
|
action: "Open"
|
|
597
600
|
}), this._isAssistantOpen = !0;
|
|
598
601
|
}
|
|
599
|
-
async selectTab(
|
|
602
|
+
async selectTab(e, t) {
|
|
600
603
|
if (this._isLoaded || this._forceInit) {
|
|
601
|
-
const i = this._getDefaultSearchOptions(
|
|
602
|
-
switch (this._searchSortToolbar && (this._searchSortToolbar.scope =
|
|
604
|
+
const i = this._getDefaultSearchOptions(t);
|
|
605
|
+
switch (this._searchSortToolbar && (this._searchSortToolbar.scope = e.tabType), e.tabType) {
|
|
603
606
|
case "all-solutions":
|
|
604
607
|
this._allTab.value.selected = !0, this._allTabTitle.value.selected = !0, i && await this._allShell.value?.searchSolutions(i);
|
|
605
608
|
break;
|
|
@@ -608,41 +611,41 @@ class R extends C {
|
|
|
608
611
|
break;
|
|
609
612
|
case "deployed-card":
|
|
610
613
|
if (this.authentication?.IsSignedIn) {
|
|
611
|
-
if (this._forceInit = !0, this._isLoaded = !1, this._cardFetcherDeployed && await this._getDeployedSolution(
|
|
614
|
+
if (this._forceInit = !0, this._isLoaded = !1, this._cardFetcherDeployed && await this._getDeployedSolution(e.tabTitleOrId), this._deployedSolutions?.cards?.length > 0) {
|
|
612
615
|
let s;
|
|
613
|
-
this._deployedSolutions.cards.some((
|
|
616
|
+
this._deployedSolutions.cards.some((l) => l.id === e.tabTitleOrId ? (s = l, this.deployedCardSelected.emit({ card: s }), !0) : !1), this._isLoaded = !0, this._forceInit = !1;
|
|
614
617
|
} else
|
|
615
|
-
return this._isLoaded = !0, this._forceInit = !1, this.selectTab({ tabTitleOrId: "", tabType: "deployments" },
|
|
618
|
+
return this._isLoaded = !0, this._forceInit = !1, this.selectTab({ tabTitleOrId: "", tabType: "deployments" }, t);
|
|
616
619
|
break;
|
|
617
620
|
} else
|
|
618
621
|
await this.authentication?.signIn();
|
|
619
622
|
case "details":
|
|
620
623
|
if (this._allCards) {
|
|
621
|
-
let s = E(this._allCards,
|
|
622
|
-
s = s ||
|
|
624
|
+
let s = E(this._allCards, e.tabTitleOrId);
|
|
625
|
+
s = s || M(this._allCards, e.tabTitleOrId), s ? (this._detailsTab.value.selected = !0, this._detailsTabTitle.value.selected = !0, this.detailsCardSelected.emit(s)) : (e.tabType = "all-solutions", this._allTab.value.selected = !0, this._allTabTitle.value.selected = !0);
|
|
623
626
|
}
|
|
624
627
|
break;
|
|
625
628
|
case "deployments":
|
|
626
629
|
this._mySolutionsTab.value.selected = !0, this._mySolutionsTabTitle.value.selected = !0, this._searchSortToolbar && i?.filter && this._searchSortToolbar.changeOwnerFilter(i.filter !== "Organization"), i && await this._mySolutionsShell.value?.searchSolutions(i);
|
|
627
630
|
break;
|
|
628
631
|
}
|
|
629
|
-
return this._builderVisible = !1, this._setActiveTab(new CustomEvent("setActiveTab", { detail:
|
|
632
|
+
return this._builderVisible = !1, this._setActiveTab(new CustomEvent("setActiveTab", { detail: e })), this._blurTabs(), this._showDeployedCardFetchFailed && (this.deployedCardFetchFailed.emit({ message: this._deployCardFetchFailedMessage, title: this._translations.failedToOpen }), this._showDeployedCardFetchFailed = !1), !0;
|
|
630
633
|
} else
|
|
631
|
-
return this._initTab =
|
|
634
|
+
return this._initTab = e, this._initFilters = t, !1;
|
|
632
635
|
}
|
|
633
|
-
updated(
|
|
634
|
-
this._fixTabpanelFocus(),
|
|
635
|
-
for (const i of
|
|
636
|
-
const
|
|
637
|
-
this.isMobile !==
|
|
636
|
+
updated(e) {
|
|
637
|
+
this._fixTabpanelFocus(), e.has("_isAssistantOpen") && this._setScrollbarGutters(this._isAssistantOpen ? "stable" : "stable both-edges"), !this._resizeObserver && this._mainContentRef.value && (this._resizeObserver = new ResizeObserver((t) => {
|
|
638
|
+
for (const i of t) {
|
|
639
|
+
const s = i.contentRect.width <= 800;
|
|
640
|
+
this.isMobile !== s && (this.isMobile = s, this._isMobileContextProvider.setValue(s));
|
|
638
641
|
}
|
|
639
642
|
}), this._resizeObserver.observe(this._mainContentRef.value));
|
|
640
643
|
}
|
|
641
644
|
_fixTabpanelFocus() {
|
|
642
645
|
if (!this._tabpanelsFixed && this._allTab.value) {
|
|
643
|
-
const
|
|
644
|
-
Promise.all(
|
|
645
|
-
const i =
|
|
646
|
+
const e = [this._allTab, this._mySolutionsTab, this._resourcesTab, this._detailsTab, this._deployedCardTab];
|
|
647
|
+
Promise.all(e.map(async (t) => {
|
|
648
|
+
const i = t.value;
|
|
646
649
|
if (i && (await i.componentOnReady?.(), i.shadowRoot)) {
|
|
647
650
|
const s = i.shadowRoot.querySelector('[role="tabpanel"]');
|
|
648
651
|
s && (s.tabIndex = -1);
|
|
@@ -657,15 +660,15 @@ class R extends C {
|
|
|
657
660
|
_setupTabpanelObserver() {
|
|
658
661
|
if (this._tabpanelObserver)
|
|
659
662
|
return;
|
|
660
|
-
this._tabpanelObserver = new MutationObserver((
|
|
661
|
-
|
|
663
|
+
this._tabpanelObserver = new MutationObserver((t) => {
|
|
664
|
+
t.forEach((i) => {
|
|
662
665
|
if (i.type === "attributes" && i.attributeName === "tabindex") {
|
|
663
666
|
const s = i.target;
|
|
664
667
|
s.getAttribute("role") === "tabpanel" && s.tabIndex === 0 && (s.tabIndex = -1);
|
|
665
668
|
}
|
|
666
669
|
});
|
|
667
|
-
}), [this._allTab, this._mySolutionsTab, this._resourcesTab, this._detailsTab, this._deployedCardTab].forEach((
|
|
668
|
-
const i =
|
|
670
|
+
}), [this._allTab, this._mySolutionsTab, this._resourcesTab, this._detailsTab, this._deployedCardTab].forEach((t) => {
|
|
671
|
+
const i = t.value;
|
|
669
672
|
if (i?.shadowRoot) {
|
|
670
673
|
const s = i.shadowRoot.querySelector('[role="tabpanel"]');
|
|
671
674
|
s && this._tabpanelObserver.observe(s, { attributes: !0, attributeFilter: ["tabindex"] });
|
|
@@ -673,31 +676,31 @@ class R extends C {
|
|
|
673
676
|
});
|
|
674
677
|
}
|
|
675
678
|
async load() {
|
|
676
|
-
this.useLocalAppConfig && (this.appConfig =
|
|
679
|
+
this.useLocalAppConfig && (this.appConfig = P);
|
|
677
680
|
}
|
|
678
681
|
render() {
|
|
679
|
-
const
|
|
680
|
-
return h`<calcite-shell><solutions-deploy-app-nav .appConfig=${this.appConfig} .assistantOpen=${this._isAssistantOpen} .initTab=${this.initTab} @authInit=${this._handleAuthInit} slot=header ${
|
|
682
|
+
const e = this._isLoaded ? "display-none" : "", t = this._isLoaded ? "" : "display-none";
|
|
683
|
+
return h`<calcite-shell><solutions-deploy-app-nav .appConfig=${this.appConfig} .assistantOpen=${this._isAssistantOpen} .initTab=${this.initTab} @authInit=${this._handleAuthInit} slot=header ${a(this._deployAppNav)}></solutions-deploy-app-nav><div class=${`main-content${this._isAssistantOpen ? " assistant-open" : ""}`} ${a(this._mainContentRef)}>${this._isSearchToolbarShowing() && h`<div class="border"></div>` || ""}<solutions-searchsort-toolbar ${a(async (i) => {
|
|
681
684
|
i && (await this._deployAppNav.value?.componentOnReady(), this._searchSortToolbar = i);
|
|
682
|
-
})}></solutions-searchsort-toolbar><calcite-loader class=${b(
|
|
685
|
+
})}></solutions-searchsort-toolbar><calcite-loader class=${b(e)} id=solutions-loader .label=${this._translations.fetchingAllSolutions}></calcite-loader>${this._renderGlobalAlerts()}<calcite-tabs class=${b(t)} scale=l><calcite-tab-nav class="display-none" @calciteTabChange=${this._handleCalciteTabChanged} slot=title-group><calcite-tab-title ${a(this._allTabTitle)}>${this._translations.allSolutions}</calcite-tab-title><calcite-tab-title ${a(this._mySolutionsTabTitle)}>${this._translations.mySolutions}</calcite-tab-title><calcite-tab-title ${a(this._resourcesTabTitle)}>${this._translations.solutionResources}</calcite-tab-title><calcite-tab-title class="display-none" ${a(this._detailsTabTitle)}></calcite-tab-title><calcite-tab-title class="display-none" ${a(this._deployedCardTabTitle)}></calcite-tab-title></calcite-tab-nav><calcite-tab class="back-color-override tab-space-0" selected ${a(this._allTab)}><solutions-all-shell class="height-100" ${a(this._allShell)}></solutions-all-shell></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${a(this._mySolutionsTab)}><solutions-deployed-shell class="height-100" ${a(this._mySolutionsShell)}></solutions-deployed-shell></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${a(this._resourcesTab)}><solutions-resources-shell .assistantOpen=${this._isAssistantOpen} class="height-100"></solutions-resources-shell></calcite-tab><calcite-tab class="back-color-override" ${a(this._detailsTab)}><solution-details-panel class="height-100" ${a(this._detailsShell)}></solution-details-panel></calcite-tab><calcite-tab class="back-color-override tab-space-0" ${a(this._deployedCardTab)}><solution-deployed-card-panel class="shell-container height-100" ${a(this._deployedCardPanel)}></solution-deployed-card-panel></calcite-tab></calcite-tabs></div>${!this._configContextProvider.value?.isEnterprise && h`<div class=${`builder-panel${this._builderVisible && !this._isViewportMobile ? "" : " display-none"}`}><solution-builder-assistant class="height-100" ${a(this._solutionBuilderPanel)}></solution-builder-assistant></div><div class=${`assistant-panel${this._isAssistantOpen && !this._isViewportMobile ? "" : " display-none"}`}><arcgis-solutions-assistant class="height-100" .builderVisible=${this._builderVisible} .hasActiveBuilderDesign=${this._hasActiveBuilderDesign}></arcgis-solutions-assistant></div><calcite-fab aria-label=${this._translations.assistantFabTooltip ?? w} class=${`assistant-fab${this._isAssistantOpen || this._isViewportMobile ? " display-none" : ""}`} icon=effects id=assistant-fab-button @click=${() => {
|
|
683
686
|
this._openAssistant(), this._showFabTooltip = !1;
|
|
684
|
-
}} scale=l></calcite-fab><calcite-tooltip class=${b(this._isAssistantOpen ? "display-none" : "")} .open=${this._showFabTooltip && !this._isAssistantOpen} placement=leading reference-element=assistant-fab-button><span>${this._translations.assistantFabTooltip}</span></calcite-tooltip>` || ""}</calcite-shell>`;
|
|
687
|
+
}} scale=l></calcite-fab><calcite-tooltip class=${b(this._isAssistantOpen || this._isViewportMobile ? "display-none" : "")} .open=${this._showFabTooltip && !this._isAssistantOpen && !this._isViewportMobile} placement=leading reference-element=assistant-fab-button><span>${this._translations.assistantFabTooltip}</span></calcite-tooltip>` || ""}</calcite-shell>`;
|
|
685
688
|
}
|
|
686
689
|
loaded() {
|
|
687
690
|
this._setScrollbarGutters();
|
|
688
691
|
}
|
|
689
692
|
disconnectedCallback() {
|
|
690
|
-
super.disconnectedCallback(), this._resizeObserver?.disconnect(), this._tabpanelObserver?.disconnect();
|
|
693
|
+
super.disconnectedCallback(), window.removeEventListener("resize", this._handleWindowResize), this._resizeObserver?.disconnect(), this._tabpanelObserver?.disconnect();
|
|
691
694
|
}
|
|
692
695
|
_renderGlobalAlerts() {
|
|
693
|
-
return v(this._globalAlerts, (
|
|
696
|
+
return v(this._globalAlerts, (e) => e.id, (e) => h`<calcite-alert .autoClose=${e.autoClose} .autoCloseDuration=${e.autoCloseDuration} .icon=${e.icon} .kind=${e.kind} .label=${e.title || ""} @calciteAlertClose=${() => this._removeGlobalAlert(e.id)} open>${e.title && h`<div slot=title>${e.title}</div>` || ""}<div slot=message>${e.message}</div></calcite-alert>`);
|
|
694
697
|
}
|
|
695
|
-
async _handleAuthInit(
|
|
696
|
-
const
|
|
697
|
-
|
|
698
|
+
async _handleAuthInit(e) {
|
|
699
|
+
const t = e.detail;
|
|
700
|
+
t.telemetrySession || (t.telemetrySession = m.getDisabledSession()), this._configContextProvider.setValue(t), t.authentication && (this.authentication = t.authentication), this._cardFetcherDeployed = new y(t.locale, t.orgUrl, t.portalURL), this._cardsFetcher = new y(t.locale, t.orgUrl, t.portalURL), this._isDisconnectedEnvironment || await this._getSolutions(t.primarySolutionsGroupId, t.agoBasedEnterpriseSolutionsGroupId), this._configContextProvider.value.allCards = this._allCards, this._configContextProvider.value.anonAgolSession = this._cardsFetcher.anonAgolSession, this._configContextProvider.value.agolPortalUrl = this._cardsFetcher.agolPortalUrl, await this._initializeTelemetry(), this._isLoaded = !0, this._setRefreshInterval(), this._initTab ? (this.selectTab(this._initTab, this._initFilters), this._logTabViewTelemetry(this._initTab.tabType), this._initTab = void 0, this._initFilters = void 0) : this.authentication?.IsSignedIn && (this.initTab === "details" || this.initTab === "deployed-card" || (this._logTabViewTelemetry(this._activeTab), this._emitMetaTagStrings(this._activeTab)));
|
|
698
701
|
}
|
|
699
|
-
_setActiveTab(
|
|
700
|
-
const i =
|
|
702
|
+
_setActiveTab(e) {
|
|
703
|
+
const i = e.detail.tabType, s = this._activeTab !== i;
|
|
701
704
|
switch (this._activeTab = i, s && this._logTabViewTelemetry(i), i) {
|
|
702
705
|
case "all-solutions":
|
|
703
706
|
this._allTabTitle.value?.click();
|
|
@@ -717,9 +720,9 @@ class R extends C {
|
|
|
717
720
|
}
|
|
718
721
|
this._builderVisible = !1, i !== "details" && i !== "deployed-card" && (this._deployAppNav.value.activateMenuItem(i), this.deployAppTabSelected.emit(i), this._emitMetaTagStrings(i));
|
|
719
722
|
}
|
|
720
|
-
_logTabViewTelemetry(
|
|
723
|
+
_logTabViewTelemetry(e, t) {
|
|
721
724
|
let i;
|
|
722
|
-
switch (
|
|
725
|
+
switch (e) {
|
|
723
726
|
case "all-solutions":
|
|
724
727
|
i = c.ALL_SOLUTIONS;
|
|
725
728
|
break;
|
|
@@ -736,23 +739,23 @@ class R extends C {
|
|
|
736
739
|
i = c.DEPLOYMENTS;
|
|
737
740
|
break;
|
|
738
741
|
}
|
|
739
|
-
if (!((
|
|
742
|
+
if (!((e === "details" || e === "deployed-card") && !t) && i) {
|
|
740
743
|
const s = [];
|
|
741
|
-
if ((
|
|
742
|
-
const n =
|
|
744
|
+
if ((e === "details" || e === "deployed-card") && t) {
|
|
745
|
+
const n = t;
|
|
743
746
|
s.push(n.title || ""), s.push(n.deployCommonId || ""), s.push(n.deployVersion || "");
|
|
744
747
|
}
|
|
745
|
-
const
|
|
748
|
+
const l = e === "deployed-card" ? "Open" : "View";
|
|
746
749
|
this._telemetry?.logEvent({
|
|
747
750
|
category: i,
|
|
748
|
-
action:
|
|
751
|
+
action: l,
|
|
749
752
|
dimensions: s.length > 0 ? s : void 0
|
|
750
753
|
});
|
|
751
754
|
}
|
|
752
755
|
}
|
|
753
|
-
_emitMetaTagStrings(
|
|
756
|
+
_emitMetaTagStrings(e, t) {
|
|
754
757
|
let i = "", s = "";
|
|
755
|
-
switch (
|
|
758
|
+
switch (e) {
|
|
756
759
|
case "all-solutions":
|
|
757
760
|
i = this._translations.metaAllSolutionsTitle, s = this._translations.metaAllSolutionsDescription;
|
|
758
761
|
break;
|
|
@@ -764,62 +767,62 @@ class R extends C {
|
|
|
764
767
|
i = this._translations.metaResourcesTitle, s = this._translations.metaResourcesDescription;
|
|
765
768
|
break;
|
|
766
769
|
case "details":
|
|
767
|
-
|
|
770
|
+
t && (i = this._translations.metaDetailsTitle.replace("{title}", t.title), s = t.snippet);
|
|
768
771
|
break;
|
|
769
772
|
}
|
|
770
773
|
this.metaTagStringsReady.emit({
|
|
771
|
-
pageType:
|
|
774
|
+
pageType: e,
|
|
772
775
|
title: i,
|
|
773
776
|
description: s,
|
|
774
|
-
detailTemplate:
|
|
777
|
+
detailTemplate: t
|
|
775
778
|
});
|
|
776
779
|
}
|
|
777
780
|
_handleCalciteTabChanged() {
|
|
778
781
|
this.tabChanged.emit(this._activeTab);
|
|
779
782
|
}
|
|
780
|
-
_detailsCardSelected(
|
|
781
|
-
this._activeTab = "details", this._detailsTabTitle.value.selected = !0, this._detailsTab.value.selected = !0, this._deployAppNav.value.clearMenuItems(),
|
|
783
|
+
_detailsCardSelected(e) {
|
|
784
|
+
this._activeTab = "details", this._detailsTabTitle.value.selected = !0, this._detailsTab.value.selected = !0, this._deployAppNav.value.clearMenuItems(), e?.detail && (this._selectedDetailsCard = e.detail), this._logTabViewTelemetry("details", this._selectedDetailsCard), this._emitMetaTagStrings("details", this._selectedDetailsCard);
|
|
782
785
|
}
|
|
783
|
-
_deployedCardSelected(
|
|
784
|
-
this._activeTab = "deployed-card", this._deployedCardTabTitle.value.selected = !0, this._deployedCardTab.value.selected = !0, this._deployAppNav.value.clearMenuItems(),
|
|
786
|
+
_deployedCardSelected(e) {
|
|
787
|
+
this._activeTab = "deployed-card", this._deployedCardTabTitle.value.selected = !0, this._deployedCardTab.value.selected = !0, this._deployAppNav.value.clearMenuItems(), e?.detail?.card && (this._selectedDeployedCard = e.detail.card), this._logTabViewTelemetry("deployed-card", this._selectedDeployedCard), this._emitMetaTagStrings("deployed-card");
|
|
785
788
|
}
|
|
786
|
-
_solutionBuilderSelected(
|
|
787
|
-
|
|
788
|
-
design:
|
|
789
|
-
updateDesign: (
|
|
789
|
+
_solutionBuilderSelected(e) {
|
|
790
|
+
e?.detail && (this._builderVisible = !0, this._hasActiveBuilderDesign = !0, this._builderDesignContextProvider.value = {
|
|
791
|
+
design: e.detail,
|
|
792
|
+
updateDesign: (t) => {
|
|
790
793
|
this._builderDesignContextProvider.value = {
|
|
791
794
|
...this._builderDesignContextProvider.value,
|
|
792
|
-
design:
|
|
795
|
+
design: t
|
|
793
796
|
};
|
|
794
797
|
},
|
|
795
798
|
isBuilderVisible: !0,
|
|
796
|
-
setBuilderVisible: (
|
|
797
|
-
this._builderVisible =
|
|
799
|
+
setBuilderVisible: (t) => {
|
|
800
|
+
this._builderVisible = t, this._builderDesignContextProvider.value = {
|
|
798
801
|
...this._builderDesignContextProvider.value,
|
|
799
|
-
isBuilderVisible:
|
|
802
|
+
isBuilderVisible: t
|
|
800
803
|
};
|
|
801
804
|
}
|
|
802
805
|
});
|
|
803
806
|
}
|
|
804
|
-
_handleDeployedCardDisplay(
|
|
805
|
-
const { card:
|
|
806
|
-
this.deployedCardSelected.emit({ card:
|
|
807
|
+
_handleDeployedCardDisplay(e) {
|
|
808
|
+
const { card: t, cardRef: i } = e.detail;
|
|
809
|
+
this.deployedCardSelected.emit({ card: t, cardRef: i });
|
|
807
810
|
}
|
|
808
|
-
_handleShowGlobalAlert(
|
|
809
|
-
const
|
|
810
|
-
this._globalAlerts = [...this._globalAlerts, { ...
|
|
811
|
+
_handleShowGlobalAlert(e) {
|
|
812
|
+
const t = e.detail, i = t.id || `alert-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
|
|
813
|
+
this._globalAlerts = [...this._globalAlerts, { ...t, id: i }];
|
|
811
814
|
}
|
|
812
|
-
_removeGlobalAlert(
|
|
813
|
-
this._globalAlerts = this._globalAlerts.filter((
|
|
815
|
+
_removeGlobalAlert(e) {
|
|
816
|
+
this._globalAlerts = this._globalAlerts.filter((t) => t.id !== e);
|
|
814
817
|
}
|
|
815
818
|
async _initializeTelemetry() {
|
|
816
|
-
const
|
|
817
|
-
if (!this.authentication || !
|
|
819
|
+
const e = this._configContextProvider.value;
|
|
820
|
+
if (!this.authentication || !e)
|
|
818
821
|
return;
|
|
819
|
-
const
|
|
820
|
-
this._configContextProvider.value.telemetrySession =
|
|
822
|
+
const t = await this._telemetryManager.initializeTelemetry(this.authentication, e);
|
|
823
|
+
this._configContextProvider.value.telemetrySession = t;
|
|
821
824
|
}
|
|
822
|
-
async _getSolutions(
|
|
825
|
+
async _getSolutions(e, t) {
|
|
823
826
|
if (this._isDisconnectedEnvironment)
|
|
824
827
|
return [];
|
|
825
828
|
this._abortController ? (this._abortController.abort(), this._abortController = new AbortController()) : this._abortController = new AbortController();
|
|
@@ -834,22 +837,22 @@ class R extends C {
|
|
|
834
837
|
delay: this._delay,
|
|
835
838
|
getSuggested: this._getSuggested,
|
|
836
839
|
num: 100
|
|
837
|
-
},
|
|
840
|
+
}, e, t, this._configContextProvider.value.userSession, this._configContextProvider.value.isEnterprise, this._abortController.signal, {
|
|
838
841
|
num: 1e3
|
|
839
842
|
});
|
|
840
843
|
return this._abortController = void 0, this._allCards.length === 0 && i?.cards && (this._allCards = i?.cards), this._allCards;
|
|
841
844
|
}
|
|
842
|
-
async _getDeployedSolution(
|
|
843
|
-
const
|
|
844
|
-
if (
|
|
845
|
+
async _getDeployedSolution(e) {
|
|
846
|
+
const t = this._configContextProvider.value.authentication, i = this._configContextProvider.value.userSession;
|
|
847
|
+
if (t && i && t.IsSignedIn) {
|
|
845
848
|
this._abortControllerDeployed ? (this._abortControllerDeployed.abort(), this._abortControllerDeployed = new AbortController()) : this._abortControllerDeployed = new AbortController();
|
|
846
|
-
const s = A(
|
|
849
|
+
const s = A(t);
|
|
847
850
|
try {
|
|
848
|
-
const
|
|
849
|
-
|
|
850
|
-
} catch (
|
|
851
|
-
const n =
|
|
852
|
-
n.indexOf("CONT_0001") > -1 || n.indexOf("Item does not exist or is inaccessible.") > -1 ? (this._deployCardFetchFailedMessage = this._translations.failedToFetchWrongId.replace("{{ITEMID}}",
|
|
851
|
+
const l = await O(t, i, this._cardsFetcher, this._cardFetcherDeployed, x, "created", "desc", !1, [], [], this._abortControllerDeployed.signal, s ? "My organization's solutions" : "My solutions", e);
|
|
852
|
+
l.cards.length === 0 || l.cards[0].typeKeywords.indexOf("Deployed") < 0 ? (this._deployCardFetchFailedMessage = this._translations.failedToFetchNotSolution.replace("{{ITEMID}}", e), this._showDeployedCardFetchFailed = !0) : this._deployedSolutions = l;
|
|
853
|
+
} catch (l) {
|
|
854
|
+
const n = l.message;
|
|
855
|
+
n.indexOf("CONT_0001") > -1 || n.indexOf("Item does not exist or is inaccessible.") > -1 ? (this._deployCardFetchFailedMessage = this._translations.failedToFetchWrongId.replace("{{ITEMID}}", e), this._showDeployedCardFetchFailed = !0) : n.indexOf("GWM_0003") > -1 || n.indexOf("You do not have permissions to access this resource or perform this operation.") > -1 ? (this._deployCardFetchFailedMessage = this._translations.failedToFetchWrongPermissions.replace("{{ITEMID}}", e), this._showDeployedCardFetchFailed = !0) : (this._showDeployedCardFetchFailed = !0, this._deployCardFetchFailedMessage = ""), console.warn(l);
|
|
853
856
|
}
|
|
854
857
|
}
|
|
855
858
|
}
|
|
@@ -859,35 +862,35 @@ class R extends C {
|
|
|
859
862
|
_isSearchToolbarShowing() {
|
|
860
863
|
return this._activeTab === "all-solutions" || this._activeTab === "deployments" && this.authentication?.IsSignedIn === !0;
|
|
861
864
|
}
|
|
862
|
-
_getDefaultSearchOptions(
|
|
863
|
-
let
|
|
864
|
-
if (
|
|
865
|
-
const i =
|
|
866
|
-
let r =
|
|
867
|
-
const p =
|
|
868
|
-
r === "suggested" && !this.authentication?.IsSignedIn && (r = this.sortType),
|
|
865
|
+
_getDefaultSearchOptions(e) {
|
|
866
|
+
let t;
|
|
867
|
+
if (e) {
|
|
868
|
+
const i = e.domain, s = e.industry === "AEC" ? I.AEC : e.industry, l = e.offerType, n = e.searchTerm, g = "";
|
|
869
|
+
let r = e.sortField;
|
|
870
|
+
const p = e.owner, u = e.filter;
|
|
871
|
+
r === "suggested" && !this.authentication?.IsSignedIn && (r = this.sortType), t = i || s ? {
|
|
869
872
|
type: i ? "domain" : s ? "industry" : ""
|
|
870
|
-
} : void 0, i && (
|
|
873
|
+
} : void 0, i && (t = t ? { ...t, domain: i } : { domain: i }), s && (t = t ? { ...t, industry: s } : { industry: s }), n && (t = t ? { ...t, searchTerm: n } : { searchTerm: n }), t && (t = { ...t, displayValue: g }), r && (t = t ? { ...t, sortType: r } : { sortType: r }), l && (r = l.toLowerCase(), t = t ? { ...t, sortType: r } : { sortType: r }), p && (t = t ? { ...t, owner: p } : { owner: p }), u && (t = t ? { ...t, filter: u } : { filter: u });
|
|
871
874
|
}
|
|
872
|
-
return
|
|
875
|
+
return t;
|
|
873
876
|
}
|
|
874
|
-
_setScrollbarGutters(
|
|
877
|
+
_setScrollbarGutters(e = "stable both-edges") {
|
|
875
878
|
[this._allTab, this._mySolutionsTab, this._resourcesTab, this._detailsTab, this._deployedCardTab].forEach((i) => {
|
|
876
879
|
const s = i.value?.shadowRoot?.firstElementChild;
|
|
877
|
-
s?.style && (s.style.scrollbarGutter =
|
|
880
|
+
s?.style && (s.style.scrollbarGutter = e);
|
|
878
881
|
});
|
|
879
882
|
}
|
|
880
883
|
_setRefreshInterval() {
|
|
881
|
-
const { userSession:
|
|
882
|
-
if (
|
|
883
|
-
const i = Date.now(),
|
|
884
|
+
const { userSession: e, authentication: t } = this._configContextProvider.value;
|
|
885
|
+
if (e && e.tokenDuration && t?.IsSignedIn) {
|
|
886
|
+
const i = Date.now(), l = (t.Credential?.expires - i) * 0.95;
|
|
884
887
|
setInterval(async () => {
|
|
885
|
-
if (
|
|
886
|
-
await
|
|
887
|
-
const n = new Date(
|
|
888
|
-
|
|
888
|
+
if (t.Credential && t.Credential.expires) {
|
|
889
|
+
await t.Credential?.refreshToken();
|
|
890
|
+
const n = new Date(t.Credential.expires);
|
|
891
|
+
e.updateToken(t.Credential.token, n), this.sessionRefreshed.emit(e.token);
|
|
889
892
|
}
|
|
890
|
-
},
|
|
893
|
+
}, l);
|
|
891
894
|
}
|
|
892
895
|
}
|
|
893
896
|
}
|