@esri/solutions-components 5.1.0-next.71 → 5.1.0-next.72

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

@@ -1,418 +1,30 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as customElement } from "../../chunks/runtime.js";
-import { u as useT9n } from "../../chunks/useT9n.js";
-import { LitElement, createEvent, safeClassMap, nothing } from "@arcgis/lumina";
-import { useContextConsumer } from "@arcgis/lumina/context";
-import { css, html } from "lit";
-import { c as configContext, i as isMobileContext } from "../../chunks/deployAppContexts.js";
-import { F as getUserIsAdmin, T as TELEMETRY_CATEGORY, H as dispatchGlobalAlert, z as prepareDataForSolutionDisplay, J as updateUrlToken } from "../../chunks/helpers.js";
-import { f as findSolutionByTypeKeywordSolutionId, g as getSolutionVersionFromTypekeyword, a as findSolutionTitleByDeployCommonId } from "../../chunks/cardsHelpers.js";
-import { g as getRelatedSolutionsInfos } from "../../chunks/getRelatedInfos.js";
-import * as common from "@esri/solution-common";
-const styles = css`/** @license
- * Copyright 2025 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-/* Focus styles with negative offset to prevent clipping */
-.negative-tabbing-offset[tabindex]:focus-visible {
-  outline: 2px solid var(--calcite-color-brand);
-  outline-offset: -2px;
-}
-
-/* Focus styles with positive offset */
-.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;
-}
-
-/* Prevent text overflow in solution panel on desktop/tablet */
-@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-end-xxl {
-  padding-inline-end: var(--calcite-spacing-xxl);
-}
-
-.padding-bottom-lg {
-  padding-bottom: var(--calcite-spacing-lg);
-}
-
-.padding-bottom-xxl {
-  padding-bottom: var(--calcite-spacing-xxl);
-}
-
-.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) {
-  /* Make solution panel stack vertically on mobile */
-  .font-size-override .display-flex.flex-direction-row {
-    flex-direction: column !important;
-  }
-
-  /* Image container takes full width on mobile */
-  .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;
-  }
-
-  /* Ensure img respects container padding */
-  .image-width img {
-    width: 100%;
-    max-width: 100%;
-  }
-
-  /* Remove the margin from the wrapper */
-  .margin-xl {
-    margin: 0 !important;
-  }
-
-  /* Adjust text content padding on mobile */
-  .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;
-  }
-
-  /* Reduce space between snippet and deployment date */
-  .align-items-start.padding-bottom-xxl {
-    padding-bottom: var(--calcite-spacing-lg) !important;
-  }
-
-  /* Reduce space underneath deployment date */
-  .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 styles */
-.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;
-  }
-  100% {
-    background-position: -200% 0;
-  }
-}`;
-class SolutionDeployedCardPanel extends LitElement {
+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 t } from "lit";
+import { c as _, i as v } from "../../chunks/deployAppContexts.js";
+import { F as y, T as s, H as w, z as C, J as $ } from "../../chunks/helpers.js";
+import { f as S, g as p, a as k } from "../../chunks/cardsHelpers.js";
+import { g as D } from "../../chunks/getRelatedInfos.js";
+import * as h from "@esri/solution-common";
+const T = 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 I extends f {
   constructor() {
-    super();
-    this.diagramKey = "";
-    this.open = false;
-    this.templateInfos = [];
-    this._accordionLoading = false;
-    this._configureTitlesOpen = false;
-    this._deleteDialogOpen = false;
-    this._hasNewVersion = false;
-    this._isDiagramOpen = false;
-    this._isNameConflict = false;
-    this._invalidNameMessage = "";
-    this._showFailedAlert = false;
-    this._showItemUpdateLoading = false;
-    this.isMobile = false;
-    this._templateInfoGraph = [];
-    this._thumbnailUrl = "";
-    this._folderName = "";
-    this._folderId = null;
-    this._folderLoading = false;
-    this._translations = useT9n({ name: "solution-deployed-card-panel", blocking: true });
-    this._configContextConsumer = useContextConsumer({
-      context: configContext,
-      subscribe: true,
-      callback: async (evt) => {
-        if (evt) {
-          this._isOrgAdmin = getUserIsAdmin(evt.authentication);
-          this._user = evt.authentication?.Portal?.user;
-        }
+    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: _,
+      subscribe: !0,
+      callback: async (e) => {
+        e && (this._isOrgAdmin = y(e.authentication), this._user = e.authentication?.Portal?.user);
       }
-    });
-    this._isOrgAdmin = false;
-    this._isMobileContextConsumer = useContextConsumer({
-      context: isMobileContext,
-      subscribe: true,
-      callback: (value) => this.isMobile = value
-    });
-    this.navTabSelected = createEvent();
-    this.forceSelectTab = createEvent();
-    this.sortTypeChanged = createEvent();
-    this.solutionConfigureDialogClose = createEvent();
-    this._nonSolutionDependencyItems = [];
-    this._openFolder = (evt) => {
-      evt.stopPropagation();
-      this._telemetry?.logEvent({
-        category: TELEMETRY_CATEGORY.DEPLOYMENTS,
+    }), this._isOrgAdmin = !1, this._isMobileContextConsumer = g({
+      context: v,
+      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,
         action: "Open Folder",
         dimensions: [
           this.card?.title || "",
@@ -421,119 +33,81 @@ class SolutionDeployedCardPanel extends LitElement {
           "Details Page"
         ]
       });
-      const orgUrl = this._configContextConsumer.value?.orgUrl;
-      if (!orgUrl) {
+      const i = this._configContextConsumer.value?.orgUrl;
+      if (!i)
         return;
-      }
-      const folder = this._folderId || this.card?.owner;
-      const folderUrl = `${orgUrl}/home/content.html?folder=${folder}`;
-      window.open(folderUrl, "_blank");
-    };
-    this.listenOn(window, "deployedCardSelected", this._deployedCardSelected);
-    this.listenOn(window, "deployAppTabSelected", this._handleDeployAppTabSelected);
-    this.listenOn(window, "displayDeployedCard", () => {
-      dispatchGlobalAlert({
+      const a = this._folderId || this.card?.owner, o = `${i}/home/content.html?folder=${a}`;
+      window.open(o, "_blank");
+    }, this.listenOn(window, "deployedCardSelected", this._deployedCardSelected), this.listenOn(window, "deployAppTabSelected", this._handleDeployAppTabSelected), this.listenOn(window, "displayDeployedCard", () => {
+      w({
         kind: "success",
         icon: "check-circle",
         title: this._translations.deploySuccessAlert.replace("{{solutionTitle}}", this.card?.title ?? ""),
         message: "",
-        autoClose: true,
+        autoClose: !0,
         autoCloseDuration: "medium"
       });
-    });
-    this.listenOn(window, "sessionRefreshed", (newToken) => {
-      this._updateThumbnailToken(newToken.detail);
+    }), this.listenOn(window, "sessionRefreshed", (e) => {
+      this._updateThumbnailToken(e.detail);
     });
   }
   static {
-    this.properties = { card: [0, {}, { attribute: false }], cardRef: 1, diagramKey: 1, open: [5, {}, { type: Boolean }], templateInfos: [0, {}, { attribute: false }], _accordionLoading: [16, {}, { state: true }], _configureTitlesOpen: [16, {}, { state: true }], _deleteDialogOpen: [16, {}, { state: true }], _hasNewVersion: [16, {}, { state: true }], _isDiagramOpen: [16, {}, { state: true }], _isNameConflict: [16, {}, { state: true }], _invalidNameMessage: [16, {}, { state: true }], _showFailedAlert: [16, {}, { state: true }], _showItemUpdateLoading: [16, {}, { state: true }], isMobile: [16, {}, { state: true }], _templateInfoGraph: [16, {}, { state: true }], _thumbnailUrl: [16, {}, { state: true }], _folderName: [16, {}, { state: true }], _folderId: [16, {}, { state: true }], _folderLoading: [16, {}, { state: true }], _translations: [16, {}, { state: true }], _nonSolutionDependencyItems: [16, {}, { state: true }] };
+    this.properties = { card: 0, cardRef: 1, diagramKey: 1, open: 5, templateInfos: 0, _accordionLoading: 16, _configureTitlesOpen: 16, _deleteDialogOpen: 16, _hasNewVersion: 16, _isDiagramOpen: 16, _isNameConflict: 16, _invalidNameMessage: 16, _showFailedAlert: 16, _showItemUpdateLoading: 16, isMobile: 16, _templateInfoGraph: 16, _thumbnailUrl: 16, _folderName: 16, _folderId: 16, _folderLoading: 16, _translations: 16, _nonSolutionDependencyItems: 16 };
   }
   static {
-    this.styles = styles;
+    this.styles = T;
   }
   get _telemetry() {
     return this._configContextConsumer.value?.telemetrySession;
   }
   async load() {
-    if (this._isMobileContextConsumer.value) {
-      this.isMobile = this._isMobileContextConsumer.value;
-    }
-    if (this.card?.thumbnailUrl) {
-      const userSession = this._configContextConsumer.value?.userSession;
-      const url = this.card?.thumbnailUrl.replace(/w=\d+/, "w=400");
-      this._thumbnailUrl = `${url}&token=${userSession?.token}`;
+    if (this._isMobileContextConsumer.value && (this.isMobile = this._isMobileContextConsumer.value), this.card?.thumbnailUrl) {
+      const e = this._configContextConsumer.value?.userSession, i = this.card?.thumbnailUrl.replace(/w=\d+/, "w=400");
+      this._thumbnailUrl = `${i}&token=${e?.token}`;
     }
   }
-  willUpdate(_changedProperties) {
-    if (_changedProperties.has("card")) {
-      const userSession = this._configContextConsumer.value?.userSession;
-      const url = this.card?.thumbnailUrl.replace(/w=\d+/, "w=400");
-      this._thumbnailUrl = `${url}&token=${userSession?.token}`;
-      this._folderLoading = true;
-      this._folderName = "";
-      this._folderId = null;
+  willUpdate(e) {
+    if (e.has("card")) {
+      const i = this._configContextConsumer.value?.userSession, a = this.card?.thumbnailUrl.replace(/w=\d+/, "w=400");
+      this._thumbnailUrl = `${a}&token=${i?.token}`, this._folderLoading = !0, this._folderName = "", this._folderId = null;
     }
   }
   render() {
-    if (this.isMobile) {
-      return html`<calcite-shell class="position-relative background-color-2"><calcite-panel class="panel-background-2 border-none" slot=panel-bottom><div class="background-color-2 padding-top-lg">${this._getSolutionPanel()}</div><div class="background-color-1 margin-top-xxl">${this._getButtons()}${this._getOwnerSection()}${this.card?.owner === this._configContextConsumer.value?.userSession?.username && html`<div class="bottom-border margin-start-end-xxl"></div>${this._getFolderSection()}` || ""}<div class="bottom-border margin-start-end-xxl"></div>${this._getSolutionVersionCard()}</div>${this._getSolutionContents()}</calcite-panel></calcite-shell>`;
+    return this.isMobile ? t`<calcite-shell class="position-relative background-color-2"><calcite-panel class="panel-background-2 border-none" slot=panel-bottom><div class="background-color-2 padding-top-lg">${this._getSolutionPanel()}</div><div class="background-color-1 margin-top-xxl">${this._getButtons()}${this._getOwnerSection()}${this.card?.owner === this._configContextConsumer.value?.userSession?.username && t`<div class="bottom-border margin-start-end-xxl"></div>${this._getFolderSection()}` || ""}<div class="bottom-border margin-start-end-xxl"></div>${this._getSolutionVersionCard()}</div>${this._getSolutionContents()}</calcite-panel></calcite-shell>` : t`<calcite-shell class="position-relative background-color-2"><calcite-panel class="padding-end-xxl panel-background-2 border-none" slot=panel-bottom><div class="display-flex flex-direction-column overflow-hidden"><div class="background-color-2 padding-top-xxl">${this._getSolutionPanel()}</div>${this._getSolutionContents()}</div></calcite-panel><calcite-shell-panel class="panel-background-1" slot=panel-end>${this._getButtons()}${this._getOwnerSection()}${this.card?.owner === this._configContextConsumer.value?.userSession?.username && t`<div class="bottom-border margin-start-end-xxl"></div>${this._getFolderSection()}` || ""}<div class="bottom-border margin-start-end-xxl"></div>${this._getSolutionVersionCard()}</calcite-shell-panel>${this._renderDiagramDialog()}${this._getConfigureTitlesDialog()}${this._getDeleteDialog()}</calcite-shell>`;
+  }
+  async _deployedCardSelected(e) {
+    const i = e.detail;
+    this.card = i.card, this.cardRef = i.cardRef, this.templateInfos = [], this._accordionLoading = !0, this.templateInfos = await this._getTemplates(), this._accordionLoading = !1;
+    const a = await D(this._configContextConsumer.value.userSession, this.card);
+    this._nonSolutionDependencyItems = a._nonSolutionDependencyItems;
+    const o = S(this._configContextConsumer.value?.allCards || [], this.card.deployCommonId);
+    let n = !1;
+    if (o) {
+      const l = p(o), c = p(this.card);
+      n = l > c;
     }
-    return html`<calcite-shell class="position-relative background-color-2"><calcite-panel class="padding-end-xxl panel-background-2 border-none" slot=panel-bottom><div class="display-flex flex-direction-column overflow-hidden"><div class="background-color-2 padding-top-xxl">${this._getSolutionPanel()}</div>${this._getSolutionContents()}</div></calcite-panel><calcite-shell-panel class="panel-background-1" slot=panel-end>${this._getButtons()}${this._getOwnerSection()}${this.card?.owner === this._configContextConsumer.value?.userSession?.username && html`<div class="bottom-border margin-start-end-xxl"></div>${this._getFolderSection()}` || ""}<div class="bottom-border margin-start-end-xxl"></div>${this._getSolutionVersionCard()}</calcite-shell-panel>${this._renderDiagramDialog()}${this._getConfigureTitlesDialog()}${this._getDeleteDialog()}</calcite-shell>`;
+    this._hasNewVersion = n, this._folderLoading = !0, this._folderName = "", this._folderId = null, await this._fetchFolderInfo(), this._folderLoading = !1;
   }
-  async _deployedCardSelected(evt) {
-    const deployedCard = evt.detail;
-    this.card = deployedCard.card;
-    this.cardRef = deployedCard.cardRef;
-    this.templateInfos = [];
-    this._accordionLoading = true;
-    this.templateInfos = await this._getTemplates();
-    this._accordionLoading = false;
-    const relatedInfos = await getRelatedSolutionsInfos(this._configContextConsumer.value.userSession, this.card);
-    this._nonSolutionDependencyItems = relatedInfos._nonSolutionDependencyItems;
-    const sourceSolutionCard = findSolutionByTypeKeywordSolutionId(this._configContextConsumer.value?.allCards || [], this.card.deployCommonId);
-    let hasNewVersion = false;
-    if (sourceSolutionCard) {
-      const sourceVersion = getSolutionVersionFromTypekeyword(sourceSolutionCard);
-      const deployedVersion = getSolutionVersionFromTypekeyword(this.card);
-      hasNewVersion = sourceVersion > deployedVersion;
-    }
-    this._hasNewVersion = hasNewVersion;
-    this._folderLoading = true;
-    this._folderName = "";
-    this._folderId = null;
-    await this._fetchFolderInfo();
-    this._folderLoading = false;
-  }
-  _handleDeployAppTabSelected(evt) {
-    const activeTab = evt.detail;
-    if (activeTab === "deployed-card") {
-      this.sortTypeChanged.emit("");
-    }
+  _handleDeployAppTabSelected(e) {
+    e.detail === "deployed-card" && this.sortTypeChanged.emit("");
   }
   _getButtons() {
-    const userName = this._configContextConsumer.value?.userSession?.username;
-    const canUpdate = this._configContextConsumer.value?.authentication?.CanUpdateSolution;
-    const canEditTitles = this.card?.owner === userName || this._isOrgAdmin || canUpdate;
-    const canDeleteSolution = this.card?.owner === userName || this._isOrgAdmin;
-    const editTitlesTooltipClass = canEditTitles ? "display-none" : "";
-    const paddingClass = this.isMobile ? "padding-lg" : "padding-xxl";
-    return html`<div class=${`display-flex flex-direction-column ${paddingClass}`}>${!this.isMobile && html`<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>${canEditTitles && !this.isMobile && html`<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=${safeClassMap(editTitlesTooltipClass)} overlay-positioning=fixed reference-element=solution-configure-titles-button><span>${this._translations.mustOwnSolution}</span></calcite-tooltip>` || ""}${canDeleteSolution && !this.isMobile && html`<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, i = this._configContextConsumer.value?.authentication?.CanUpdateSolution, a = this.card?.owner === e || this._isOrgAdmin || i, o = this.card?.owner === e || this._isOrgAdmin, n = a ? "display-none" : "", l = this.isMobile ? "padding-lg" : "padding-xxl";
+    return t`<div class=${`display-flex flex-direction-column ${l}`}>${!this.isMobile && t`<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>${a && !this.isMobile && t`<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(n)} overlay-positioning=fixed reference-element=solution-configure-titles-button><span>${this._translations.mustOwnSolution}</span></calcite-tooltip>` || ""}${o && !this.isMobile && t`<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 = true;
+    this._configureTitlesOpen = !0;
   }
   _getConfigureTitlesDialog() {
-    return this._configureTitlesOpen ? html`<solution-configure-titles .card=${this.card} @solutionConfigureTitlesBeforeClose=${async () => {
-      this.templateInfos = await this._getTemplates();
-      this._configureTitlesOpen = false;
+    return this._configureTitlesOpen ? t`<solution-configure-titles .card=${this.card} @solutionConfigureTitlesBeforeClose=${async () => {
+      this.templateInfos = await this._getTemplates(), this._configureTitlesOpen = !1;
     }} @solutionItemsTitlesChanged=${async () => {
       this.templateInfos = await this._getTemplates();
     }} .open=${this._configureTitlesOpen} source="Details Page" .templateInfos=${this.templateInfos}></solution-configure-titles>` : "";
   }
-  _viewDocumentation(evt) {
-    evt.stopPropagation();
-    this._telemetry?.logEvent({
-      category: TELEMETRY_CATEGORY.DEPLOYMENTS,
+  _viewDocumentation(e) {
+    e.stopPropagation(), this._telemetry?.logEvent({
+      category: s.DEPLOYMENTS,
       action: "Open Help",
       dimensions: [
         this.card?.title || "",
@@ -541,13 +115,11 @@ class SolutionDeployedCardPanel extends LitElement {
         this.card?.deployVersion || "",
         "Details Page"
       ]
-    });
-    window.open(this.card.learnMoreUrl, "_blank");
+    }), window.open(this.card.learnMoreUrl, "_blank");
   }
-  _openItemDetails(evt) {
-    evt.stopPropagation();
-    this._telemetry?.logEvent({
-      category: TELEMETRY_CATEGORY.DEPLOYMENTS,
+  _openItemDetails(e) {
+    e.stopPropagation(), this._telemetry?.logEvent({
+      category: s.DEPLOYMENTS,
       action: "Open Item Details",
       dimensions: [
         this.card?.title || "",
@@ -555,124 +127,100 @@ class SolutionDeployedCardPanel extends LitElement {
         this.card?.deployVersion || "",
         "Details Page"
       ]
-    });
-    window.open(this.card.itemUrl, "_blank");
+    }), window.open(this.card.itemUrl, "_blank");
   }
   _getOwnerSection() {
-    if (!this._configContextConsumer?.value) {
+    if (!this._configContextConsumer?.value)
       return;
-    }
-    const marginClass = this.isMobile ? "margin-start-end-lg" : "margin-start-end-xxl";
-    return html`<div class=${`display-flex padding-bottom-xxl ${marginClass} flex-direction-column`}><div class="display-flex justify-between items-baseline"><calcite-label class="font-weight-med label-override tabbing-offset" layout=inline scale=l tabindex=0>${this._translations.aboutYourSolutionOwner}</calcite-label></div><solution-user-avatar .fullname=${this._user?.username === this.card?.owner ? this._user?.fullName : void 0} .lookupProfile=${this._user?.username === this.card?.owner ? false : true} .thumbnailUrl=${this._user?.username === this.card?.owner ? this._user?.thumbnailUrl : void 0} .username=${this.card?.owner}></solution-user-avatar></div>`;
-  }
-  async _openDiagram(evt) {
-    evt.stopPropagation();
-    const templates = await this._getTemplates();
-    if (templates) {
-      this._telemetry?.logEvent({
-        category: TELEMETRY_CATEGORY.DEPLOYMENTS,
-        action: "View Diagram",
-        dimensions: [
-          this.card?.title || "",
-          this.card?.deployCommonId || "",
-          this.card?.deployVersion || "",
-          "Details Page"
-        ]
-      });
-      this._templateInfoGraph = templates;
-      this._isDiagramOpen = true;
-    }
+    const e = this.isMobile ? "margin-start-end-lg" : "margin-start-end-xxl";
+    return t`<div class=${`display-flex padding-bottom-xxl ${e} flex-direction-column`}><div class="display-flex justify-between items-baseline"><calcite-label class="font-weight-med label-override tabbing-offset" layout=inline scale=l tabindex=0>${this._translations.aboutYourSolutionOwner}</calcite-label></div><solution-user-avatar .fullname=${this._user?.username === this.card?.owner ? this._user?.fullName : void 0} .lookupProfile=${this._user?.username !== this.card?.owner} .thumbnailUrl=${this._user?.username === this.card?.owner ? this._user?.thumbnailUrl : void 0} .username=${this.card?.owner}></solution-user-avatar></div>`;
+  }
+  async _openDiagram(e) {
+    e.stopPropagation();
+    const i = await this._getTemplates();
+    i && (this._telemetry?.logEvent({
+      category: s.DEPLOYMENTS,
+      action: "View Diagram",
+      dimensions: [
+        this.card?.title || "",
+        this.card?.deployCommonId || "",
+        this.card?.deployVersion || "",
+        "Details Page"
+      ]
+    }), this._templateInfoGraph = i, this._isDiagramOpen = !0);
   }
   async _getTemplates() {
-    return this.cardRef ? await this.cardRef.getTemplates() : this.card ? await prepareDataForSolutionDisplay(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) {
+    if (!this.card?.id)
       return;
-    }
-    const userName = this._configContextConsumer.value?.userSession?.username;
-    if (this.card?.owner !== userName) {
-      return;
-    }
-    try {
-      const userSession = this._configContextConsumer.value?.userSession;
-      if (!userSession) {
-        return;
+    const e = this._configContextConsumer.value?.userSession?.username;
+    if (this.card?.owner === e)
+      try {
+        const i = this._configContextConsumer.value?.userSession;
+        if (!i)
+          return;
+        const a = await h.getItemBase(this.card.id, i);
+        this._folderId = a.ownerFolder ?? null;
+        const o = this._configContextConsumer.value?.userSession?.username;
+        if (this.card?.owner !== o)
+          return;
+        if (this._folderId) {
+          const { folders: n } = await h.getFoldersAndGroups(i), l = n.find((c) => c.id === this._folderId);
+          this._folderName = l?.title || this._folderId;
+        } else
+          this._folderName = this.card?.owner || "Root";
+      } catch (i) {
+        console.error("Error fetching folder info:", i), this._folderId = null, this._folderName = "";
       }
-      const item = await common.getItemBase(this.card.id, userSession);
-      this._folderId = item.ownerFolder ?? null;
-      const userName2 = this._configContextConsumer.value?.userSession?.username;
-      if (this.card?.owner !== userName2) {
-        return;
-      }
-      if (this._folderId) {
-        const { folders } = await common.getFoldersAndGroups(userSession);
-        const folder = folders.find((f) => f.id === this._folderId);
-        this._folderName = folder?.title || this._folderId;
-      } else {
-        this._folderName = this.card?.owner || "Root";
-      }
-    } catch (error) {
-      console.error("Error fetching folder info:", error);
-      this._folderId = null;
-      this._folderName = "";
-    }
   }
   _getFolderSection() {
-    const paddingClass = this.isMobile ? "padding-lg" : "padding-xxl";
-    const isRootFolder = !this._folderId;
-    const folderIcon = isRootFolder ? "home" : "folder";
-    return html`<div class=${`${paddingClass} display-flex flex-direction-column`}><div class="display-flex justify-between items-baseline"><calcite-label class="font-weight-med label-override tabbing-offset" layout=inline scale=l slot=heading tabindex=0>${this._translations.folder}</calcite-label><calcite-button appearance=transparent .disabled=${this._folderLoading} kind=neutral icon-start=launch2 @click=${this._openFolder}>${this._translations.openFolder}</calcite-button></div><div class="display-flex"><div class="display-flex flex-direction-row padding-top-lg align-items-center">${this._folderLoading ? html`<div class="skeleton-loader skeleton-folder"></div>` : html`<calcite-icon class="icon-color" .icon=${folderIcon} scale=m></calcite-icon><div class="display-flex flex-direction-column padding-start-xxl"><span class="tabbing-offset" tabindex=0>${this._folderName || "Root"}</span></div>`}</div></div></div>`;
+    const e = this.isMobile ? "padding-lg" : "padding-xxl", a = !this._folderId ? "home" : "folder";
+    return t`<div class=${`${e} display-flex flex-direction-column`}><div class="display-flex justify-between items-baseline"><calcite-label class="font-weight-med label-override tabbing-offset" layout=inline scale=l slot=heading tabindex=0>${this._translations.folder}</calcite-label><calcite-button appearance=transparent .disabled=${this._folderLoading} kind=neutral icon-start=launch2 @click=${this._openFolder}>${this._translations.openFolder}</calcite-button></div><div class="display-flex"><div class="display-flex flex-direction-row padding-top-lg align-items-center">${this._folderLoading ? t`<div class="skeleton-loader skeleton-folder"></div>` : t`<calcite-icon class="icon-color" .icon=${a} scale=m></calcite-icon><div class="display-flex flex-direction-column padding-start-xxl"><span class="tabbing-offset" tabindex=0>${this._folderName || "Root"}</span></div>`}</div></div></div>`;
   }
   _getSolutionVersionCard() {
-    const versionString = this._hasNewVersion ? this._translations.newVersionAvailable : this._translations.youHaveTheLatestVersion;
-    const paddingClass = this.isMobile ? "padding-lg" : "padding-xxl";
-    return html`<div class=${`${paddingClass} 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>${versionString}</span></div></div></div>${this._hasNewVersion ? html`<calcite-button appearance=outline class="padding-top-lg solution-deployed-action" kind=neutral @click=${this._openNewVersionSolution} width=full>${this._translations.learnMoreNewVersion}</calcite-button>` : ""}</div>`;
+    const e = this._hasNewVersion ? this._translations.newVersionAvailable : this._translations.youHaveTheLatestVersion, i = this.isMobile ? "padding-lg" : "padding-xxl";
+    return t`<div class=${`${i} 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 ? t`<calcite-button appearance=outline class="padding-top-lg solution-deployed-action" kind=neutral @click=${this._openNewVersionSolution} width=full>${this._translations.learnMoreNewVersion}</calcite-button>` : ""}</div>`;
   }
-  async _openNewVersionSolution(evt) {
-    evt.stopPropagation();
-    this._telemetry?.logEvent({
-      category: TELEMETRY_CATEGORY.DEPLOYMENTS,
+  async _openNewVersionSolution(e) {
+    e.stopPropagation(), this._telemetry?.logEvent({
+      category: s.DEPLOYMENTS,
       action: "View Latest Version",
       dimensions: [
         this.card?.title || "",
         this.card?.deployCommonId || "",
         this.card?.deployVersion || ""
       ]
-    });
-    await new Promise((resolve) => setTimeout(resolve, 100));
-    const title = findSolutionTitleByDeployCommonId(this._configContextConsumer.value.allCards, this.card.deployCommonId);
-    if (title) {
-      this.forceSelectTab.emit({ tabType: "details", tabTitleOrId: title });
-    }
+    }), await new Promise((a) => setTimeout(a, 100));
+    const i = k(this._configContextConsumer.value.allCards, this.card.deployCommonId);
+    i && this.forceSelectTab.emit({ tabType: "details", tabTitleOrId: i });
   }
   _getSolutionPanel() {
-    return html`<calcite-panel class="font-size-override panel-background-1"><div class="display-flex flex-direction-row"><div class="image-width margin-xl"><img alt=${this.card?.title ?? nothing} src=${this._thumbnailUrl ?? nothing}></div><div class="display-flex flex-direction-column"><h1 class="title-font margin-block-start-end-0 padding-end-xxl padding-start-sm padding-top-xxl padding-bottom-xxl line-height-1 negative-tabbing-offset" tabindex=0>${this.card?.title}</h1><div class="display-flex flex-direction-column padding-bottom-xxl padding-start-sm"><div class="display-flex align-items-start padding-bottom-xxl"><div class="font-1 padding-end-1 line-height-xxl negative-tabbing-offset" tabindex=0>${this.card?.snippet}</div></div><div class="display-flex"><div class="display-flex"><calcite-label class="label-override icon-color tabbing-offset" layout=inline tabindex=0><calcite-icon class="icon-color" icon=projects scale=s></calcite-icon>${this._translations.aboutYourSolutionDeployedDate.replace("{{deployedDate}}", this.card?.created || "")}</calcite-label></div></div></div></div></div></calcite-panel>`;
+    return t`<calcite-panel class="font-size-override panel-background-1"><div class="display-flex flex-direction-row"><div class="image-width margin-xl"><img alt=${this.card?.title ?? d} src=${this._thumbnailUrl ?? d}></div><div class="display-flex flex-direction-column"><h1 class="title-font margin-block-start-end-0 padding-end-xxl padding-start-sm padding-top-xxl padding-bottom-xxl line-height-1 negative-tabbing-offset" tabindex=0>${this.card?.title}</h1><div class="display-flex flex-direction-column padding-bottom-xxl padding-start-sm"><div class="display-flex align-items-start padding-bottom-xxl"><div class="font-1 padding-end-1 line-height-xxl negative-tabbing-offset" tabindex=0>${this.card?.snippet}</div></div><div class="display-flex"><div class="display-flex"><calcite-label class="label-override icon-color tabbing-offset" layout=inline tabindex=0><calcite-icon class="icon-color" icon=projects scale=s></calcite-icon>${this._translations.aboutYourSolutionDeployedDate.replace("{{deployedDate}}", this.card?.created || "")}</calcite-label></div></div></div></div></div></calcite-panel>`;
   }
   _getSolutionContents() {
-    const justDependencies = [...new Set(this._nonSolutionDependencyItems.map((dep) => dep.controlItemId))];
-    return html`<calcite-panel class="panel-background-1 padding-top-xxl"><calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded><div class="margin-block-start-end-0 heading-font " slot=content-start>${this._translations.solutionsContentsAndCount.replace("{{numberOfSolutions}}", this.templateInfos.length.toString())}</div><div class="overflow-auto">${this._accordionLoading ? html`<calcite-loader .label=${this._translations.loadingText} scale=m></calcite-loader>` : html`<solution-item-accordion .itemRelationshipDependencies=${justDependencies} .listSelectionMode=${justDependencies.length > 0 ? "multiple" : "single"} .reuseWarning=${this._translations.itemUsedInOtherSolutions} .templateInfos=${this.templateInfos} .typeKeywords=${this.card?.typeKeywords}></solution-item-accordion>`}</div></calcite-accordion-item></calcite-accordion></calcite-panel>`;
+    const e = [...new Set(this._nonSolutionDependencyItems.map((i) => i.controlItemId))];
+    return t`<calcite-panel class="panel-background-1 padding-top-xxl"><calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded><div class="margin-block-start-end-0 heading-font " slot=content-start>${this._translations.solutionsContentsAndCount.replace("{{numberOfSolutions}}", this.templateInfos.length.toString())}</div><div class="overflow-auto">${this._accordionLoading ? t`<calcite-loader .label=${this._translations.loadingText} scale=m></calcite-loader>` : t`<solution-item-accordion .itemRelationshipDependencies=${e} .listSelectionMode=${e.length > 0 ? "multiple" : "single"} .reuseWarning=${this._translations.itemUsedInOtherSolutions} .templateInfos=${this.templateInfos} .typeKeywords=${this.card?.typeKeywords}></solution-item-accordion>`}</div></calcite-accordion-item></calcite-accordion></calcite-panel>`;
   }
   _getDeleteDialog() {
-    return this._deleteDialogOpen ? html`<solution-delete-dialog .card=${this.card} @solutionDeleted=${() => setTimeout(() => this.navTabSelected.emit({ tabType: "deployments" }), 100)} @solutionDeleteDialogBeforeClose=${() => {
-      this._deleteDialogOpen = false;
+    return this._deleteDialogOpen ? t`<solution-delete-dialog .card=${this.card} @solutionDeleted=${() => setTimeout(() => this.navTabSelected.emit({ tabType: "deployments" }), 100)} @solutionDeleteDialogBeforeClose=${() => {
+      this._deleteDialogOpen = !1;
     }} .open=${this._deleteDialogOpen} source="Details Page"></solution-delete-dialog>` : "";
   }
   _renderDiagramDialog() {
-    return this._isDiagramOpen ? html`<calcite-dialog class="dialog-y-size dialog-x-size panel-bg-color" .heading=${this._translations.diagramOfTheSolution.replace("{{solution}}", this.card?.title ?? "")} id=${this._translations.diagramOfTheSolution.replace("{{solution}}", this.card?.title ?? "") ?? nothing} modal .open=${this._isDiagramOpen} @calciteDialogClose=${() => {
-      this._isDiagramOpen = false;
+    return this._isDiagramOpen ? t`<calcite-dialog class="dialog-y-size dialog-x-size panel-bg-color" .heading=${this._translations.diagramOfTheSolution.replace("{{solution}}", this.card?.title ?? "")} id=${this._translations.diagramOfTheSolution.replace("{{solution}}", this.card?.title ?? "") ?? d} modal .open=${this._isDiagramOpen} @calciteDialogClose=${() => {
+      this._isDiagramOpen = !1;
     }} outside-close-disabled scale=m width=l><solution-item-diagram .diagramKey=${this.diagramKey !== "" ? this.diagramKey : this._configContextConsumer.value?.diagramKey ?? ""} .templateInfoGraph=${this._templateInfoGraph} .typeKeywords=${this.card?.typeKeywords}></solution-item-diagram></calcite-dialog>` : "";
   }
   async _deleteSolution() {
-    this._deleteDialogOpen = true;
+    this._deleteDialogOpen = !0;
   }
-  _updateThumbnailToken(newToken) {
-    if (this._thumbnailUrl !== "") {
-      this._thumbnailUrl = updateUrlToken(this._thumbnailUrl, newToken);
-    }
+  _updateThumbnailToken(e) {
+    this._thumbnailUrl !== "" && (this._thumbnailUrl = $(this._thumbnailUrl, e));
   }
 }
-customElement("solution-deployed-card-panel", SolutionDeployedCardPanel);
+u("solution-deployed-card-panel", I);
 export {
-  SolutionDeployedCardPanel
+  I as SolutionDeployedCardPanel
 };