@esri/solutions-components 5.1.0-next.100 → 5.1.0-next.102

package/dist/components/solution-configure-titles/customElement.js

@@ -11,7 +11,7 @@ import * as w from "@esri/solution-common";
 import { updateGroup as x, updateItem as g, updateItemExtended as E } from "@esri/solution-common";
 import { v as C } from "../../chunks/validators.js";
 import { g as W } from "../../chunks/getRelatedInfos.js";
-import { d as L } from "../../chunks/helpers.js";
+import { i as L } from "../../chunks/helpers.js";
 const N = $`*[tabindex]:focus-visible{outline-style:solid!important;outline-width:2px!important;outline-color:var(--calcite-color-brand)!important;outline-offset:2px!important}.display-flex{display:flex}.display-none{display:none}.flex-direction-column{flex-direction:column}.flex-direction-row{flex-direction:row}.font-weight-medium{font-weight:var(--calcite-font-weight-medium)}.font-style-1{font-size:1rem;color:var(--calcite-color-text-2)}.margin-top-0{margin-top:0}.padding-top-20{padding-top:20px}.padding-bottom-2{padding-bottom:2rem}.padding-left-2{padding-left:2rem}.padding-right-2{padding-right:2rem}.padding-end-1{padding-inline-end:1rem}.padding-end-1-2{padding-inline-end:.5rem}.width-full{width:100%}.justify-content-space{justify-content:space-between}`;
 class O extends T {
   constructor() {

package/dist/components/solution-delete-dialog/customElement.js

@@ -11,7 +11,7 @@ import { c as C } from "../../chunks/deployAppContexts.js";
 import { createRef as w, ref as h } from "lit-html/directives/ref.js";
 import "../solution-item-accordion/customElement.js";
 import { p as $, g as v } from "../../chunks/getRelatedInfos.js";
-import { d as x } from "../../chunks/helpers.js";
+import { i as x } from "../../chunks/helpers.js";
 const S = u`*[tabindex]:focus-visible{outline-style:solid!important;outline-width:2px!important;outline-color:var(--calcite-color-brand)!important;outline-offset:2px!important}.deletion-note-text{display:inline-block}.deletion-note-container{display:flex;align-items:center;gap:var(--calcite-spacing-sm);font-size:var(--calcite-font-size-0);margin-bottom:var(--calcite-spacing-md)}.panel-bg-color{--calcite-panel-header-background-color: var(--calcite-color-surface-2);--calcite-panel-background-color: var(--calcite-color-surface-2)}.display-none{display:none}calcite-loader{--calcite-loader-spacing: var(--calcite-spacing-md)}.loader-text{margin-top:var(--calcite-spacing-md);margin-bottom:var(--calcite-spacing-xl);text-align:center;font-size:var(--calcite-font-size-relative-base);color:var(--calcite-color-text-1)}.padding-around{padding:12px 2rem 2rem}`;
 class T extends g {
   constructor() {

package/dist/components/solution-deployed-card-panel/customElement.d.ts

@@ -23,6 +23,7 @@ export abstract class SolutionDeployedCardPanel extends LitElement {
       mustOwnSolution: string;
       viewTheDiagram: string;
       learnMoreNewVersion: string;
+      openDetails: string;
       showMoreSummary: string;
       solutionsContentsAndCount: string;
       solutionDocumentation: string;
@@ -45,6 +46,7 @@ export abstract class SolutionDeployedCardPanel extends LitElement {
       mustOwnSolution: string;
       viewTheDiagram: string;
       learnMoreNewVersion: string;
+      openDetails: string;
       showMoreSummary: string;
       solutionsContentsAndCount: string;
       solutionDocumentation: string;

package/dist/components/solution-deployed-card-panel/customElement.js

@@ -1,32 +1,32 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as u } from "../../chunks/runtime.js";
-import { u as m } from "../../chunks/useT9n.js";
-import { LitElement as f, createEvent as r, safeClassMap as b, nothing as d } from "@arcgis/lumina";
-import { useContextConsumer as g } from "@arcgis/lumina/context";
-import { css as x, html as i } from "lit";
-import { c as _, i as v } from "../../chunks/deployAppContexts.js";
-import { y, T as s, x as w } from "../../chunks/interfaces.js";
-import { f as C, g as p, a as $ } from "../../chunks/cardsHelpers.js";
-import { g as D } from "../../chunks/getRelatedInfos.js";
-import { u as S } from "../../chunks/common.js";
-import { e as k, d as T } from "../../chunks/helpers.js";
-import * as h from "@esri/solution-common";
-const I = x`.negative-tabbing-offset[tabindex]:focus-visible{outline:2px solid var(--calcite-color-brand);outline-offset:-2px}.tabbing-offset[tabindex]:focus-visible{outline:2px solid var(--calcite-color-brand);outline-offset:2px}.font-weight-med{font-weight:var(--calcite-font-weight-medium)}.font-weight-bold{font-weight:var(--calcite-font-weight-bold)}.heading-font{font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium)}.title-font{font-size:1.8rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.font-1{font-size:var(--calcite-spacing-lg)}.display-flex{display:flex}.display-none{display:none}.flex-direction-column{flex-direction:column}.flex-direction-row{flex-direction:row}@container (min-width: 801px){.font-size-override .display-flex.flex-direction-row>.image-width+.display-flex{flex:1;min-width:0}}.icon-color{color:var(--calcite-color-text-3)}.padding-bottom-lg{padding-bottom:var(--calcite-spacing-lg)}.item-padding{--calcite-internal-accordion-item-padding: var(--calcite-spacing-xl)}.align-items-center{align-items:center}.align-items-start{align-items:start}.font-size-override{--calcite-font-size--2: var(--calcite-font-size--1)}.background-color-1{background-color:var(--calcite-color-surface-2)}.background-color-2{background-color:var(--calcite-color-surface-3)}.label-override{--calcite-label-margin-bottom: var(--calcite-spacing-none)}.position-relative{position:relative}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.margin-block-start-end-0{margin-block-start:var(--calcite-spacing-none);margin-block-end:var(--calcite-spacing-none)}.panel-background-2{--calcite-panel-background-color: var(--calcite-color-surface-3);background-color:var(--calcite-color-surface-3)}.panel-background-1{--calcite-panel-background-color: var(--calcite-color-surface-2);--calcite-shell-panel-background-color: var(--calcite-color-surface-2)}.border-none{border:none}.font-color-1{color:var(--calcite-color-text-1)}.panel-bg-color{--calcite-panel-header-background-color: var(--calcite-color-surface-2);--calcite-panel-background-color: var(--calcite-color-surface-2)}.dialog-y-size{--calcite-dialog-size-y: 90% }.dialog-x-size{--calcite-dialog-size-x: 90% }.bottom-border{border-bottom:solid var(--calcite-spacing-px);color:var(--calcite-color-border-1)}.margin-start-end-xxl{margin-inline-start:var(--calcite-spacing-xxl);margin-inline-end:var(--calcite-spacing-xxl)}.margin-start-end-lg{margin-inline-start:var(--calcite-spacing-lg);margin-inline-end:var(--calcite-spacing-lg)}.margin-top-xxl{margin-top:var(--calcite-spacing-xxl)}.justify-between{justify-content:space-between}.items-baseline{align-items:baseline}.padding-xxl{padding:var(--calcite-spacing-xxl)}.padding-lg{padding:var(--calcite-spacing-lg)}.padding-top-xxl{padding-top:var(--calcite-spacing-xxl)}.padding-top-lg{padding-top:var(--calcite-spacing-lg)}.padding-bottom-xxl{padding-bottom:var(--calcite-spacing-xxl)}.padding-end-1{padding-inline-end:var(--calcite-spacing-lg)}.padding-end-xxl{padding-inline-end:var(--calcite-spacing-xxl)}.padding-start-sm{padding-inline-start:var(--calcite-spacing-sm)}.padding-start-xxl{padding-inline-start:var(--calcite-spacing-xxl)}.image-width{width:300px;flex-grow:0;flex-shrink:0}@container (max-width: 1280px){.image-width{flex-grow:0;flex-shrink:1}}img{max-width:100%;height:auto;overflow-clip-margin:content-box;overflow:clip;display:block}.margin-xl{margin:var(--calcite-spacing-xl)}.line-height-1{line-height:1.1}.line-height-xxl{line-height:var(--calcite-line-height-xxl)}@container (max-width: 800px){.font-size-override .display-flex.flex-direction-row{flex-direction:column!important}.image-width{width:100%!important;max-width:100%!important;margin:0!important;padding:var(--calcite-spacing-lg)!important;padding-bottom:0!important;box-sizing:border-box}.image-width img{width:100%;max-width:100%}.margin-xl{margin:0!important}.image-width+.display-flex{padding-inline-start:var(--calcite-spacing-lg)!important;padding-inline-end:var(--calcite-spacing-lg)!important}.padding-start-sm{padding-inline-start:0!important}.title-font{padding-inline-start:0!important;padding-top:var(--calcite-spacing-lg)!important;padding-bottom:var(--calcite-spacing-lg)!important}.align-items-start.padding-bottom-xxl,.padding-bottom-xxl.padding-start-sm{padding-bottom:var(--calcite-spacing-lg)!important}}calcite-shell-panel{--calcite-shell-panel-max-width: 20rem;--calcite-shell-panel-width: 24vw}calcite-shell{block-size:unset}.solution-deployed-action{--calcite-color-focus: initial}.skeleton-loader{background:linear-gradient(90deg,var(--calcite-color-foreground-1) 0%,var(--calcite-color-foreground-2) 50%,var(--calcite-color-foreground-1) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--calcite-border-radius)}.skeleton-folder{height:1.5rem;width:12rem;border-radius:var(--calcite-border-radius)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}`;
-class O extends f {
+import { c as m } from "../../chunks/runtime.js";
+import { u as f } from "../../chunks/useT9n.js";
+import { LitElement as b, createEvent as r, safeClassMap as x, nothing as d } from "@arcgis/lumina";
+import { useContextConsumer as p } from "@arcgis/lumina/context";
+import { css as _, html as i } from "lit";
+import { c as v, i as y } from "../../chunks/deployAppContexts.js";
+import { y as w, T as l, x as C } from "../../chunks/interfaces.js";
+import { f as g, a as $, b as h } from "../../chunks/cardsHelpers.js";
+import { g as S } from "../../chunks/getRelatedInfos.js";
+import { u as D } from "../../chunks/common.js";
+import { j as k, i as T } from "../../chunks/helpers.js";
+import * as u from "@esri/solution-common";
+const I = _`.negative-tabbing-offset[tabindex]:focus-visible{outline:2px solid var(--calcite-color-brand);outline-offset:-2px}.tabbing-offset[tabindex]:focus-visible{outline:2px solid var(--calcite-color-brand);outline-offset:2px}.font-weight-med{font-weight:var(--calcite-font-weight-medium)}.font-weight-bold{font-weight:var(--calcite-font-weight-bold)}.heading-font{font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium)}.title-font{font-size:1.8rem;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1)}.font-1{font-size:var(--calcite-spacing-lg)}.display-flex{display:flex}.display-none{display:none}.flex-direction-column{flex-direction:column}.flex-direction-row{flex-direction:row}@container (min-width: 801px){.font-size-override .display-flex.flex-direction-row>.image-width+.display-flex{flex:1;min-width:0}}.icon-color{color:var(--calcite-color-text-3)}.padding-bottom-lg{padding-bottom:var(--calcite-spacing-lg)}.item-padding{--calcite-internal-accordion-item-padding: var(--calcite-spacing-xl)}.align-items-center{align-items:center}.align-items-start{align-items:start}.font-size-override{--calcite-font-size--2: var(--calcite-font-size--1)}.background-color-1{background-color:var(--calcite-color-surface-2)}.background-color-2{background-color:var(--calcite-color-surface-3)}.label-override{--calcite-label-margin-bottom: var(--calcite-spacing-none)}.position-relative{position:relative}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.margin-block-start-end-0{margin-block-start:var(--calcite-spacing-none);margin-block-end:var(--calcite-spacing-none)}.panel-background-2{--calcite-panel-background-color: var(--calcite-color-surface-3);background-color:var(--calcite-color-surface-3)}.panel-background-1{--calcite-panel-background-color: var(--calcite-color-surface-2);--calcite-shell-panel-background-color: var(--calcite-color-surface-2)}.border-none{border:none}.font-color-1{color:var(--calcite-color-text-1)}.panel-bg-color{--calcite-panel-header-background-color: var(--calcite-color-surface-2);--calcite-panel-background-color: var(--calcite-color-surface-2)}.dialog-y-size{--calcite-dialog-size-y: 90% }.dialog-x-size{--calcite-dialog-size-x: 90% }.bottom-border{border-bottom:solid var(--calcite-spacing-px);color:var(--calcite-color-border-1)}.margin-start-end-xxl{margin-inline-start:var(--calcite-spacing-xxl);margin-inline-end:var(--calcite-spacing-xxl)}.margin-start-end-lg{margin-inline-start:var(--calcite-spacing-lg);margin-inline-end:var(--calcite-spacing-lg)}.margin-top-xxl{margin-top:var(--calcite-spacing-xxl)}.justify-between{justify-content:space-between}.items-baseline{align-items:baseline}.padding-xxl{padding:var(--calcite-spacing-xxl)}.padding-lg{padding:var(--calcite-spacing-lg)}.padding-top-xxl{padding-top:var(--calcite-spacing-xxl)}.padding-top-lg{padding-top:var(--calcite-spacing-lg)}.padding-bottom-xxl{padding-bottom:var(--calcite-spacing-xxl)}.padding-end-1{padding-inline-end:var(--calcite-spacing-lg)}.padding-end-xxl{padding-inline-end:var(--calcite-spacing-xxl)}.padding-start-sm{padding-inline-start:var(--calcite-spacing-sm)}.padding-start-xxl{padding-inline-start:var(--calcite-spacing-xxl)}.image-width{width:300px;flex-grow:0;flex-shrink:0}@container (max-width: 1280px){.image-width{flex-grow:0;flex-shrink:1}}img{max-width:100%;height:auto;overflow-clip-margin:content-box;overflow:clip;display:block}.margin-xl{margin:var(--calcite-spacing-xl)}.line-height-1{line-height:1.1}.line-height-xxl{line-height:var(--calcite-line-height-xxl)}@container (max-width: 800px){.font-size-override .display-flex.flex-direction-row{flex-direction:column!important}.image-width{width:100%!important;max-width:100%!important;margin:0!important;padding:var(--calcite-spacing-lg)!important;padding-bottom:0!important;box-sizing:border-box}.image-width img{width:100%;max-width:100%}.margin-xl{margin:0!important}.image-width+.display-flex{padding-inline-start:var(--calcite-spacing-lg)!important;padding-inline-end:var(--calcite-spacing-lg)!important}.padding-start-sm{padding-inline-start:0!important}.title-font{padding-inline-start:0!important;padding-top:var(--calcite-spacing-lg)!important;padding-bottom:var(--calcite-spacing-lg)!important}.align-items-start.padding-bottom-xxl,.padding-bottom-xxl.padding-start-sm{padding-bottom:var(--calcite-spacing-lg)!important}}calcite-shell-panel{--calcite-shell-panel-max-width: 20rem;--calcite-shell-panel-width: 24vw}calcite-shell{block-size:unset}.solution-deployed-action{--calcite-color-focus: initial}.skeleton-loader{background:linear-gradient(90deg,var(--calcite-color-foreground-1) 0%,var(--calcite-color-foreground-2) 50%,var(--calcite-color-foreground-1) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--calcite-border-radius)}.skeleton-folder{height:1.5rem;width:12rem;border-radius:var(--calcite-border-radius)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}`;
+class O extends b {
   constructor() {
-    super(), this.diagramKey = "", this.open = !1, this.templateInfos = [], this._accordionLoading = !1, this._configureTitlesOpen = !1, this._deleteDialogOpen = !1, this._hasNewVersion = !1, this._isDiagramOpen = !1, this._isNameConflict = !1, this._invalidNameMessage = "", this._showFailedAlert = !1, this._showItemUpdateLoading = !1, this.isMobile = !1, this._templateInfoGraph = [], this._thumbnailUrl = "", this._folderName = "", this._folderId = null, this._folderLoading = !1, this._translations = m({ name: "solution-deployed-card-panel", blocking: !0 }), this._configContextConsumer = g({
-      context: _,
+    super(), this.diagramKey = "", this.open = !1, this.templateInfos = [], this._accordionLoading = !1, this._configureTitlesOpen = !1, this._deleteDialogOpen = !1, this._hasNewVersion = !1, this._isDiagramOpen = !1, this._isNameConflict = !1, this._invalidNameMessage = "", this._showFailedAlert = !1, this._showItemUpdateLoading = !1, this.isMobile = !1, this._templateInfoGraph = [], this._thumbnailUrl = "", this._folderName = "", this._folderId = null, this._folderLoading = !1, this._translations = f({ name: "solution-deployed-card-panel", blocking: !0 }), this._configContextConsumer = p({
+      context: v,
       subscribe: !0,
       callback: async (e) => {
-        e && (this._isOrgAdmin = y(e.authentication), this._user = e.authentication?.Portal?.user);
+        e && (this._isOrgAdmin = w(e.authentication), this._user = e.authentication?.Portal?.user);
       }
-    }), this._isOrgAdmin = !1, this._isMobileContextConsumer = g({
-      context: v,
+    }), this._isOrgAdmin = !1, this._isMobileContextConsumer = p({
+      context: y,
       subscribe: !0,
       callback: (e) => this.isMobile = e
     }), this.navTabSelected = r(), this.forceSelectTab = r(), this.sortTypeChanged = r(), this.solutionConfigureDialogClose = r(), this._nonSolutionDependencyItems = [], this._openFolder = (e) => {
       e.stopPropagation(), this._telemetry?.logEvent({
-        category: s.DEPLOYMENTS,
+        category: l.DEPLOYMENTS,
         action: "Open Folder",
         dimensions: [
           this.card?.title || "",
@@ -41,11 +41,23 @@ class O extends f {
       const o = this._configContextConsumer.value?.userSession?.username, n = this.card?.owner === o;
       let a;
       if (n) {
-        const l = this._folderId || this.card?.owner;
-        a = `${t}/home/content.html?folder=${l}`;
+        const s = this._folderId || this.card?.owner;
+        a = `${t}/home/content.html?folder=${s}`;
       } else
         this._folderId ? a = `${t}/home/content.html?user=${this.card?.owner}&folder=${this._folderId}` : a = `${t}/home/content.html?user=${this.card?.owner}&folder=${this.card?.owner}`;
       window.open(a, "_blank");
+    }, this._openSourceSolutionDetails = async (e) => {
+      e.stopPropagation(), this._telemetry?.logEvent({
+        category: l.DEPLOYMENTS,
+        action: "Open Details",
+        dimensions: [
+          this.card?.title || "",
+          this.card?.deployCommonId || "",
+          this.card?.deployVersion || ""
+        ]
+      }), await new Promise((o) => setTimeout(o, 100));
+      const t = g(this._configContextConsumer.value.allCards, this.card.deployCommonId);
+      t && this.forceSelectTab.emit({ tabType: "details", tabTitleOrId: t });
     }, this.listenOn(window, "deployedCardSelected", this._deployedCardSelected), this.listenOn(window, "deployAppTabSelected", this._handleDeployAppTabSelected), this.listenOn(window, "displayDeployedCard", () => {
       k({
         kind: "success",
@@ -86,13 +98,13 @@ class O extends f {
   async _deployedCardSelected(e) {
     const t = e.detail;
     this.card = t.card, this.cardRef = t.cardRef, this.templateInfos = [], this._accordionLoading = !0, this.templateInfos = await this._getTemplates(), this._accordionLoading = !1;
-    const o = await D(this._configContextConsumer.value.userSession, this.card);
+    const o = await S(this._configContextConsumer.value.userSession, this.card);
     this._nonSolutionDependencyItems = o._nonSolutionDependencyItems;
-    const n = C(this._configContextConsumer.value?.allCards || [], this.card.deployCommonId);
+    const n = $(this._configContextConsumer.value?.allCards || [], this.card.deployCommonId);
     let a = !1;
     if (n) {
-      const l = p(n), c = p(this.card);
-      a = l > c;
+      const s = h(n), c = h(this.card);
+      a = s > c;
     }
     this._hasNewVersion = a, this._folderLoading = !0, this._folderName = "", this._folderId = null, await this._fetchFolderInfo(), this._folderLoading = !1;
   }
@@ -100,8 +112,8 @@ class O extends f {
     e.detail === "deployed-card" && this.sortTypeChanged.emit("");
   }
   _getButtons() {
-    const e = this._configContextConsumer.value?.userSession?.username, t = this._configContextConsumer.value?.authentication?.CanUpdateSolution, o = this._configContextConsumer.value?.authentication?.CanDeleteSolution && this._configContextConsumer.value?.authentication?.CanUpdateSolution, n = this.card?.owner === e || this._isOrgAdmin || t, a = this.card?.owner === e || this._isOrgAdmin || o, l = n ? "display-none" : "", c = this.isMobile ? "padding-lg" : "padding-xxl";
-    return i`<div class=${`display-flex flex-direction-column ${c}`}>${!this.isMobile && i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._openDiagram}>${this._translations.viewTheDiagram}</calcite-button>` || ""}<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._viewDocumentation}>${this._translations.solutionDocumentation}</calcite-button><calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._openItemDetails}>${this._translations.itemDetails}</calcite-button>${n && !this.isMobile && i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" id=solution-configure-titles-button kind=neutral @click=${this._openConfigureTitlesDialog}>${this._translations.updateTitles}</calcite-button><calcite-tooltip class=${b(l)} overlay-positioning=fixed reference-element=solution-configure-titles-button><span>${this._translations.mustOwnSolution}</span></calcite-tooltip>` || ""}${a && !this.isMobile && i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._deleteSolution}>${this._translations.deleteSolution}</calcite-button>` || ""}</div>`;
+    const e = this._configContextConsumer.value?.userSession?.username, t = this._configContextConsumer.value?.authentication?.CanUpdateSolution, o = this._configContextConsumer.value?.authentication?.CanDeleteSolution && this._configContextConsumer.value?.authentication?.CanUpdateSolution, n = this.card?.owner === e || this._isOrgAdmin || t, a = this.card?.owner === e || this._isOrgAdmin || o, s = n ? "display-none" : "", c = this.isMobile ? "padding-lg" : "padding-xxl";
+    return i`<div class=${`display-flex flex-direction-column ${c}`}>${!this.isMobile && i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._openDiagram}>${this._translations.viewTheDiagram}</calcite-button>` || ""}<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._viewDocumentation}>${this._translations.solutionDocumentation}</calcite-button><calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._openItemDetails}>${this._translations.itemDetails}</calcite-button>${n && !this.isMobile && i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" id=solution-configure-titles-button kind=neutral @click=${this._openConfigureTitlesDialog}>${this._translations.updateTitles}</calcite-button><calcite-tooltip class=${x(s)} overlay-positioning=fixed reference-element=solution-configure-titles-button><span>${this._translations.mustOwnSolution}</span></calcite-tooltip>` || ""}${a && !this.isMobile && i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._deleteSolution}>${this._translations.deleteSolution}</calcite-button>` || ""}</div>`;
   }
   _openConfigureTitlesDialog() {
     this._configureTitlesOpen = !0;
@@ -115,7 +127,7 @@ class O extends f {
   }
   _viewDocumentation(e) {
     e.stopPropagation(), this._telemetry?.logEvent({
-      category: s.DEPLOYMENTS,
+      category: l.DEPLOYMENTS,
       action: "Open Help",
       dimensions: [
         this.card?.title || "",
@@ -127,7 +139,7 @@ class O extends f {
   }
   _openItemDetails(e) {
     e.stopPropagation(), this._telemetry?.logEvent({
-      category: s.DEPLOYMENTS,
+      category: l.DEPLOYMENTS,
       action: "Open Item Details",
       dimensions: [
         this.card?.title || "",
@@ -147,7 +159,7 @@ class O extends f {
     e.stopPropagation();
     const t = await this._getTemplates();
     t && (this._telemetry?.logEvent({
-      category: s.DEPLOYMENTS,
+      category: l.DEPLOYMENTS,
       action: "View Diagram",
       dimensions: [
         this.card?.title || "",
@@ -158,7 +170,7 @@ class O extends f {
     }), this._templateInfoGraph = t, this._isDiagramOpen = !0);
   }
   async _getTemplates() {
-    return this.cardRef ? await this.cardRef.getTemplates() : this.card ? await w(this.card.id, this._configContextConsumer.value.userSession) : void 0;
+    return this.cardRef ? await this.cardRef.getTemplates() : this.card ? await C(this.card.id, this._configContextConsumer.value.userSession) : void 0;
   }
   async _fetchFolderInfo() {
     if (this.card?.id)
@@ -166,9 +178,9 @@ class O extends f {
         const e = this._configContextConsumer.value?.userSession;
         if (!e)
           return;
-        const t = await h.getItemBase(this.card.id, e);
+        const t = await u.getItemBase(this.card.id, e);
         if (this._folderId = t.ownerFolder ?? null, this._folderId) {
-          const o = await h.getUserFolder(this.card.owner, this._folderId, e);
+          const o = await u.getUserFolder(this.card.owner, this._folderId, e);
           this._folderName = o?.currentFolder?.title || this._folderId;
         } else
           this._folderName = this.card.owner || "Root";
@@ -182,11 +194,11 @@ class O extends f {
   }
   _getSolutionVersionCard() {
     const e = this._hasNewVersion ? this._translations.newVersionAvailable : this._translations.youHaveTheLatestVersion, t = this.isMobile ? "padding-lg" : "padding-xxl";
-    return i`<div class=${`${t} display-flex flex-direction-column`}><calcite-label class="font-weight-med label-override tabbing-offset" layout=inline scale=l slot=heading tabindex=0>${this._translations.solutionVersion.replace("{{version}}", this.card?.deployVersion || "")}</calcite-label><div class="display-flex"><div class="display-flex flex-direction-row padding-top-lg align-items-center"><calcite-icon class="icon-color" icon=clock-forward scale=m></calcite-icon><div class="display-flex flex-direction-column padding-start-xxl"><span class="tabbing-offset" tabindex=0>${e}</span></div></div></div>${this._hasNewVersion ? i`<calcite-button appearance=outline class="padding-top-lg solution-deployed-action" kind=neutral @click=${this._openNewVersionSolution} width=full>${this._translations.learnMoreNewVersion}</calcite-button>` : ""}</div>`;
+    return i`<div class=${`${t} display-flex flex-direction-column`}><calcite-label class="font-weight-med label-override tabbing-offset" layout=inline scale=l slot=heading tabindex=0>${this._translations.solutionVersion.replace("{{version}}", this.card?.deployVersion || "")}</calcite-label><div class="display-flex"><div class="display-flex flex-direction-row padding-top-lg align-items-center"><calcite-icon class="icon-color" icon=clock-forward scale=m></calcite-icon><div class="display-flex flex-direction-column padding-start-xxl"><span class="tabbing-offset" tabindex=0>${e}</span></div></div></div>${this._hasNewVersion ? i`<calcite-button appearance=outline class="padding-top-lg solution-deployed-action" kind=neutral @click=${this._openNewVersionSolution} width=full>${this._translations.learnMoreNewVersion}</calcite-button>` : i`<calcite-button appearance=outline class="padding-top-lg solution-deployed-action" kind=neutral @click=${this._openSourceSolutionDetails} width=full>${this._translations.openDetails}</calcite-button>`}</div>`;
   }
   async _openNewVersionSolution(e) {
     e.stopPropagation(), this._telemetry?.logEvent({
-      category: s.DEPLOYMENTS,
+      category: l.DEPLOYMENTS,
       action: "View Latest Version",
       dimensions: [
         this.card?.title || "",
@@ -194,7 +206,7 @@ class O extends f {
         this.card?.deployVersion || ""
       ]
     }), await new Promise((o) => setTimeout(o, 100));
-    const t = $(this._configContextConsumer.value.allCards, this.card.deployCommonId);
+    const t = g(this._configContextConsumer.value.allCards, this.card.deployCommonId);
     t && this.forceSelectTab.emit({ tabType: "details", tabTitleOrId: t });
   }
   _getSolutionPanel() {
@@ -218,10 +230,10 @@ class O extends f {
     this._deleteDialogOpen = !0;
   }
   _updateThumbnailToken(e) {
-    this._thumbnailUrl !== "" && (this._thumbnailUrl = S(this._thumbnailUrl, e));
+    this._thumbnailUrl !== "" && (this._thumbnailUrl = D(this._thumbnailUrl, e));
   }
 }
-u("solution-deployed-card-panel", O);
+m("solution-deployed-card-panel", O);
 export {
   O as SolutionDeployedCardPanel
 };

package/dist/components/solution-details-card/customElement.js

@@ -1,34 +1,34 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as h } from "../../chunks/runtime.js";
-import { css as p, html as o } from "lit";
-import { u as m } from "../../chunks/useT9n.js";
-import { LitElement as u, createEvent as f, nothing as s, safeClassMap as g } from "@arcgis/lumina";
+import { css as m, html as o } from "lit";
+import { u } from "../../chunks/useT9n.js";
+import { LitElement as f, createEvent as g, nothing as r, safeClassMap as c } from "@arcgis/lumina";
 import { useContextConsumer as y } from "@arcgis/lumina/context";
 import { c as v } from "../../chunks/deployAppContexts.js";
-import { T as b } from "../../chunks/interfaces.js";
-import { c as x } from "../../chunks/cardsHelpers.js";
-import { s as _, h as $ } from "../../chunks/helpers.js";
-import * as C from "@esri/solution-common";
-const T = p`calcite-card{height:100%;padding-bottom:2px;border:2px solid transparent;transition:border-color .1s ease;box-sizing:border-box}@media(max-width:400px){calcite-card{width:100%}}calcite-card:hover img{-webkit-filter:brightness(30%);filter:brightness(30%);-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-o-transition:all .1s ease;-ms-transition:all .1s ease;transition:all .1s ease}calcite-card:hover .hover-text{opacity:1;color:#fff}calcite-card:hover{border-color:var(--calcite-color-brand);cursor:pointer}.chip-status{--calcite-chip-icon-color: var(--calcite-color-brand);cursor:pointer}.chip-deployed{--calcite-chip-icon-color: var(--calcite-color-status-success)}.hover-text{transition:.1s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:row;align-items:center;height:100%;font-size:1.2rem}.font-color-text-2{--calcite-label-text-color: var(--calcite-color-text-2)}.font-line-height{line-height:1.4}.font-size-size--1{font-size:var(--calcite-font-size--1)}.header-line-height{--calcite-label-margin-bottom: 0;margin-top:.5rem;margin-bottom:.7rem}.info-icon{--calcite-icon-color: var(--calcite-color-text-inverse);padding-inline-end:.3rem}.card-image-wrap{flex:0 0 auto}.card-image-wrap{width:100%;position:relative;margin-bottom:0;-webkit-box-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.card-image{width:100%;display:block}video,img{max-width:100%;height:auto}img{overflow-clip-margin:content-box;overflow:clip}a{text-decoration:none;color:inherit;outline:0;padding:0;margin:0;display:inherit;height:100%}`;
-class S extends u {
+import { T as x } from "../../chunks/interfaces.js";
+import { d as b } from "../../chunks/cardsHelpers.js";
+import { k as _ } from "../../chunks/helpers.js";
+import * as $ from "@esri/solution-common";
+const C = m`calcite-card{height:100%;padding-bottom:2px;border:2px solid transparent;transition:border-color .1s ease;box-sizing:border-box}@media(max-width:400px){calcite-card{width:100%}}calcite-card:hover img{-webkit-filter:brightness(30%);filter:brightness(30%);-webkit-transition:all .1s ease;-moz-transition:all .1s ease;-o-transition:all .1s ease;-ms-transition:all .1s ease;transition:all .1s ease}calcite-card:hover .hover-text{opacity:1;color:#fff}calcite-card:hover{border-color:var(--calcite-color-brand);cursor:pointer}.chip-status{--calcite-chip-icon-color: var(--calcite-color-brand);cursor:pointer}.chip-deployed{--calcite-chip-icon-color: var(--calcite-color-status-success)}.chip-deployed-warn{--calcite-chip-icon-color: var(--calcite-color-status-warning)}.hover-text{transition:.1s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:row;align-items:center;height:100%;font-size:1.2rem}.font-color-text-2{--calcite-label-text-color: var(--calcite-color-text-2)}.font-line-height{line-height:1.4}.font-size-size--1{font-size:var(--calcite-font-size--1)}.header-line-height{--calcite-label-margin-bottom: 0;margin-top:.5rem;margin-bottom:.7rem}.info-icon{--calcite-icon-color: var(--calcite-color-text-inverse);padding-inline-end:.3rem}.card-image-wrap{flex:0 0 auto}.card-image-wrap{width:100%;position:relative;margin-bottom:0;-webkit-box-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.card-image{width:100%;display:block}video,img{max-width:100%;height:auto}img{overflow-clip-margin:content-box;overflow:clip}a{text-decoration:none;color:inherit;outline:0;padding:0;margin:0;display:inherit;height:100%}`;
+class T extends f {
   constructor() {
-    super(...arguments), this.referrerSolutionId = "", this.referrerSolutionTitle = "", this.referrerSolutionVersion = "", this.source = "all-solutions", this._deployedTooltipContent = "", this._isTooltipOpen = !1, this._translations = m({ name: "solution-details-card", blocking: !0 }), this._configContextConsumer = y({
+    super(...arguments), this.referrerSolutionId = "", this.referrerSolutionTitle = "", this.referrerSolutionVersion = "", this.source = "all-solutions", this._deployedTooltipContent = "", this._isTooltipOpen = !1, this._translations = u({ name: "solution-details-card", blocking: !0 }), this._configContextConsumer = y({
       context: v,
       subscribe: !0
-    }), this.detailsCardSelected = f();
+    }), this.detailsCardSelected = g();
   }
   static {
     this.properties = { card: 0, referrerSolutionId: 1, referrerSolutionTitle: 1, referrerSolutionVersion: 1, source: 1, _deployedTooltipContent: 16, _isTooltipOpen: 16, _translations: 16 };
   }
   static {
-    this.styles = T;
+    this.styles = C;
   }
   get _telemetry() {
     return this._configContextConsumer.value?.telemetrySession;
   }
   render() {
-    const e = x(this.card.title);
-    return o`<a href=${e ?? s} @click=${this._isTooltipOpen ? void 0 : this._anchorClick} tabindex=-1 .title=${this._isTooltipOpen ? "" : `${this._translations.arcgisSolutions} | ${this.card.title}`}>${this._renderCard()}</a>`;
+    const e = b(this.card.title);
+    return this._isTooltipOpen ? o`<a tabindex=-1>${this._renderCard()}</a>` : o`<a href=${e ?? r} @click=${this._anchorClick} tabindex=-1 .title=${`${this._translations.arcgisSolutions} | ${this.card.title}`}>${this._renderCard()}</a>`;
   }
   _anchorClick(e) {
     e.preventDefault();
@@ -44,7 +44,7 @@ class S extends u {
         this.card?.deployVersion || ""
       ];
       this._telemetry?.logEvent({
-        category: b.SOLUTION_DETAILS,
+        category: x.SOLUTION_DETAILS,
         action: "Related Solution",
         dimensions: i
       });
@@ -52,28 +52,28 @@ class S extends u {
     this.detailsCardSelected.emit(this.card);
   }
   _renderChips(e) {
-    const i = e.filter((t) => t === "deployed" || t === "deployedOlderVersion"), c = e.filter((t) => t !== "deployed" && t !== "deployedOlderVersion"), r = [];
-    return c.forEach((t) => {
-      const l = "chip-status", n = `solution-details-card-chip-${t}`, d = t === "new" ? "star" : "mega-phone", a = t === "new" ? this._translations.newSolution : this._translations.updated;
-      r.push(o`<calcite-chip class=${g(l)} .icon=${d} id=${n ?? s} .label=${a} .value=${a} scale=s></calcite-chip><calcite-tooltip .referenceElement=${n}><span>${a}</span></calcite-tooltip>`);
-    }), i.length > 0 && r.push(o`<calcite-chip class="chip-deployed" .icon=${i[0] === "deployedOlderVersion" ? "recent" : "check-circle"} id=solution-details-card-chip-deployed .label=${this._translations.deployed} .value=${this._translations.deployed} scale=s></calcite-chip><calcite-tooltip placement=bottom reference-element=solution-details-card-chip-deployed @calciteTooltipBeforeOpen=${async () => {
+    const i = e.filter((t) => t === "deployed" || t === "deployedOlderVersion"), d = e.filter((t) => t !== "deployed" && t !== "deployedOlderVersion"), s = [];
+    return d.forEach((t) => {
+      const l = "chip-status", n = `solution-details-card-chip-${t}`, p = t === "new" ? "star" : "mega-phone", a = t === "new" ? this._translations.newSolution : this._translations.updated;
+      s.push(o`<calcite-chip class=${c(l)} .icon=${p} id=${n ?? r} .label=${a} .value=${a} scale=s></calcite-chip><calcite-tooltip .referenceElement=${n}><span>${a}</span></calcite-tooltip>`);
+    }), i.length > 0 && s.push(o`<calcite-chip class=${c(i[0] === "deployedOlderVersion" ? "chip-deployed-warn" : "chip-deployed")} .icon=${i[0] === "deployedOlderVersion" ? "recent" : "check-circle"} id=solution-details-card-chip-deployed .label=${this._translations.deployed} .value=${this._translations.deployed} scale=s></calcite-chip><calcite-tooltip placement=top reference-element=solution-details-card-chip-deployed @calciteTooltipBeforeOpen=${async () => {
       this._isTooltipOpen = !0;
       const t = {
         q: `${this.card?.deployCommonId} and owner:${this._configContextConsumer.value?.userSession?.username}`,
         authentication: this._configContextConsumer.value?.userSession,
         pagingParam: { start: 1, num: 100 }
-      }, l = await C.searchItems(t);
-      this._deployedTooltipContent = o`<solutions-deployed-list .cards=${_(l.results)} has-links .listTitle=${i[0] === "deployedOlderVersion" ? this._translations.deployedPreviousTitle : this._translations.deployedTitle}></solutions-deployed-list>`;
+      }, l = await $.searchItems(t);
+      this._deployedTooltipContent = o`<solutions-deployed-list .results=${l} has-links .listTitle=${i[0] === "deployedOlderVersion" ? this._translations.deployedPreviousTitle : this._translations.deployedTitle}></solutions-deployed-list>`;
     }} @calciteTooltipBeforeClose=${() => {
       this._isTooltipOpen = !1;
-    }}>${this._deployedTooltipContent}</calcite-tooltip>`), r;
+    }}>${this._deployedTooltipContent}</calcite-tooltip>`), s;
   }
   _renderCard() {
     const e = this.card;
-    return o`<calcite-card .label=${e.snippet} @click=${this._cardSelected} @keydown=${(i) => $(i, () => this._cardSelected())}><div class="card-image-wrap" slot=thumbnail><img alt=${e.title ?? s} class="thumbnail card-image" src=${e.thumbnailUrl ?? s}><div class="hover-text">${this._translations.viewDetails}</div></div><calcite-label slot=heading class="header-line-height" scale=l>${e.title}</calcite-label><p slot=description class="font-color-text-2 font-line-height font-size-size--1">${e.snippet}</p>${e.chips && e.chips.length > 0 ? o`<div slot=footer-end style="display: flex; gap: 0.5rem; justify-content: flex-end;">${this._renderChips(e.chips)}</div>` : void 0}<div slot=footer-start></div></calcite-card>`;
+    return o`<calcite-card .label=${e.snippet} @click=${this._cardSelected} @keydown=${(i) => _(i, () => this._cardSelected())}><div class="card-image-wrap" slot=thumbnail><img alt=${e.title ?? r} class="thumbnail card-image" src=${e.thumbnailUrl ?? r}><div class="hover-text">${this._translations.viewDetails}</div></div><calcite-label slot=heading class="header-line-height" scale=l>${e.title}</calcite-label><p slot=description class="font-color-text-2 font-line-height font-size-size--1">${e.snippet}</p>${e.chips && e.chips.length > 0 ? o`<div slot=footer-end style="display: flex; gap: 0.5rem; justify-content: flex-end;">${this._renderChips(e.chips)}</div>` : void 0}<div slot=footer-start></div></calcite-card>`;
   }
 }
-h("solution-details-card", S);
+h("solution-details-card", T);
 export {
-  S as SolutionDetailsCard
+  T as SolutionDetailsCard
 };