@esri/solutions-components 5.1.0-next.145 → 5.1.0-next.147

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

@@ -10,9 +10,9 @@ 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 { i as x, h as S } from "../../chunks/helpers.js";
-const T = m`*[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 P extends g {
+import { i as x, j as S, h as T } from "../../chunks/helpers.js";
+const P = m`*[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 E extends g {
   constructor() {
     super(), this.open = !1, this.source = "Card Dropdown", this._deletePercentage = 0, this._fetchingTemplates = !1, this._isDeleteInProgress = !1, this._nonSolutionDependencyItems = [], this._showDeleteError = !1, this._showUndeletableItems = !1, this._templateInfos = [], this._translations = f({ name: "solution-delete-dialog", blocking: !0 }), this._accordion = w(), this._configContextConsumer = _({
       context: C,
@@ -25,7 +25,7 @@ class P extends g {
     this.properties = { card: 0, open: 5, source: 1, _deletePercentage: 16, _fetchingTemplates: 16, _isDeleteInProgress: 16, _nonSolutionDependencyItems: 16, _showDeleteError: 16, _showUndeletableItems: 16, _templateInfos: 16, _translations: 16 };
   }
   static {
-    this.styles = T;
+    this.styles = P;
   }
   get _hasAdminDeletePermission() {
     return this._configContextConsumer.value?.authentication ? D(this._configContextConsumer.value?.authentication) : !1;
@@ -48,7 +48,8 @@ class P extends g {
         this.card?.title || "",
         this.card?.deployCommonId || "",
         this.card?.deployVersion || "",
-        this.source
+        this.source,
+        S(this.card?.typeKeywords)
       ]
     }), this._isDeleteInProgress = !0, this.card) {
       const e = [{
@@ -103,7 +104,7 @@ class P extends g {
     }
   }
   render() {
-    const e = this._fetchingTemplates ? "" : "display-none", t = this._fetchingTemplates ? "display-none" : "", i = S(this._nonSolutionDependencyItems, this.card.id), s = this._templateInfos.length - this._getDependencyCount() - this._getNonOwnerCount(), o = this._translations.deletionCount.replace("{{deleteableCount}}", s.toString()).replace("{{totalCount}}", this._templateInfos.length.toString());
+    const e = this._fetchingTemplates ? "" : "display-none", t = this._fetchingTemplates ? "display-none" : "", i = T(this._nonSolutionDependencyItems, this.card.id), s = this._templateInfos.length - this._getDependencyCount() - this._getNonOwnerCount(), o = this._translations.deletionCount.replace("{{deleteableCount}}", s.toString()).replace("{{totalCount}}", this._templateInfos.length.toString());
     return r`<calcite-dialog class="panel-bg-color" .closeDisabled=${this._isDeleteInProgress} .escapeDisabled=${this._isDeleteInProgress} .heading=${this._translations.title.replace("{{solution}}", this.card?.title ?? "")} id=${this._translations.title.replace("{{solution}}", this.card?.title ?? "") ?? p} modal kind=danger .open=${this.open} width=l outside-close-disabled @calciteDialogBeforeClose=${() => {
       this.solutionDeleteDialogBeforeClose.emit();
     }} @calciteDialogClose=${() => {
@@ -125,7 +126,7 @@ class P extends g {
     return this._templateInfos.filter((s) => !t.has(s.id)).filter((s) => s.owner !== i).length;
   }
 }
-u("solution-delete-dialog", P);
+u("solution-delete-dialog", E);
 export {
-  P as SolutionDeleteDialog
+  E as SolutionDeleteDialog
 };

package/dist/components/solution-deploy-dialog/customElement.d.ts

@@ -72,8 +72,12 @@ export abstract class SolutionDeployDialog extends LitElement {
    * may be able to remove completely for v2 but need to look closer at other custom params that were supported to see
    */
   accessor userOptions: IUserOption[];
-  /** Closes the panel */
-  close(): void;
+  /**
+   * Closes the panel
+   *
+   * @param emitCancelEvent
+   */
+  close(emitCancelEvent?: boolean): void;
   /** Deploys a solution */
   deploy(): void;
   /** Emitted when the deploy dialog is cancelled or closed before deployment */

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

@@ -1,26 +1,26 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as b } from "../../chunks/runtime.js";
-import { u as _ } from "../../chunks/useT9n.js";
-import { LitElement as x, createEvent as r, safeClassMap as v, nothing as c, safeStyleMap as y } from "@arcgis/lumina";
-import { useContextConsumer as p } from "@arcgis/lumina/context";
-import { css as w, html as i } from "lit";
-import { c as $, i as C } from "../../chunks/deployAppContexts.js";
-import { y as S, T as l, x as D, A as k } from "../../chunks/interfaces.js";
-import { f as g, a as T, b as h } from "../../chunks/cardsHelpers.js";
-import { g as I } from "../../chunks/getRelatedInfos.js";
-import { j as O, i as u, h as N } from "../../chunks/helpers.js";
-import * as m from "@esri/solution-common";
-const M = w`.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}.chipClass{padding-left:var(--calcite-spacing-sm)!important;padding-right:var(--calcite-spacing-sm)!important}.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 U extends x {
+import { c as _ } from "../../chunks/runtime.js";
+import { u as x } from "../../chunks/useT9n.js";
+import { LitElement as v, createEvent as r, safeClassMap as y, nothing as c, safeStyleMap as w } from "@arcgis/lumina";
+import { useContextConsumer as g } from "@arcgis/lumina/context";
+import { css as $, html as i } from "lit";
+import { c as C, i as S } from "../../chunks/deployAppContexts.js";
+import { y as k, T as l, x as D, A as T } from "../../chunks/interfaces.js";
+import { f as h, a as I, b as u } from "../../chunks/cardsHelpers.js";
+import { g as O } from "../../chunks/getRelatedInfos.js";
+import { k as N, i as m, j as p, h as M } from "../../chunks/helpers.js";
+import * as f from "@esri/solution-common";
+const U = $`.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;block-size:2.5rem;min-block-size:2.5rem}.solution-deployed-action.padding-bottom-lg{padding-bottom:0;margin-bottom:var(--calcite-spacing-lg)}.solution-deployed-action::part(button){block-size:100%;min-block-size:100%}.chipClass{padding-left:var(--calcite-spacing-sm)!important;padding-right:var(--calcite-spacing-sm)!important}.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 V extends v {
   constructor() {
-    super(), this.diagramKey = "", this.open = !1, this.readOnlyNotice = "", this.templateInfos = [], this._accordionLoading = !1, this._configureTitlesOpen = !1, this._deleteDialogOpen = !1, this._hasNewVersion = !1, this._hasSourceSolution = !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 = _({ name: "solution-deployed-card-panel", blocking: !0 }), this._configContextConsumer = p({
-      context: $,
+    super(), this.diagramKey = "", this.open = !1, this.readOnlyNotice = "", this.templateInfos = [], this._accordionLoading = !1, this._configureTitlesOpen = !1, this._deleteDialogOpen = !1, this._hasNewVersion = !1, this._hasSourceSolution = !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 = x({ name: "solution-deployed-card-panel", blocking: !0 }), this._configContextConsumer = g({
+      context: C,
       subscribe: !0,
       callback: async (e) => {
-        e && (this._isOrgAdmin = S(e.authentication), this._user = e.authentication?.Portal?.user);
+        e && (this._isOrgAdmin = k(e.authentication), this._user = e.authentication?.Portal?.user);
       }
-    }), this._isOrgAdmin = !1, this._isMobileContextConsumer = p({
-      context: C,
+    }), this._isOrgAdmin = !1, this._isMobileContextConsumer = g({
+      context: S,
       subscribe: !0,
       callback: (e) => this.isMobile = e
     }), this.navTabSelected = r(), this.forceSelectTab = r(), this.sortTypeChanged = r(), this.solutionConfigureDialogClose = r(), this._nonSolutionDependencyItems = [], this._openFolder = (e) => {
@@ -55,10 +55,10 @@ class U extends x {
           this.card?.deployVersion || ""
         ]
       }), await new Promise((a) => setTimeout(a, 100));
-      const t = g(this._configContextConsumer.value.allCards, this.card.deployCommonId);
+      const t = h(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", () => {
-      O({
+      N({
         kind: "success",
         icon: "check-circle",
         title: this._translations.deploySuccessAlert.replace("{{solutionTitle}}", this.card?.title ?? ""),
@@ -74,7 +74,7 @@ class U extends x {
     this.properties = { card: 0, cardRef: 1, diagramKey: 1, open: 5, readOnlyNotice: 1, templateInfos: 0, _accordionLoading: 16, _configureTitlesOpen: 16, _deleteDialogOpen: 16, _hasNewVersion: 16, _hasSourceSolution: 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 = M;
+    this.styles = U;
   }
   get _telemetry() {
     return this._configContextConsumer.value?.telemetrySession;
@@ -98,13 +98,13 @@ class U extends x {
   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 a = await I(this._configContextConsumer.value.userSession, this.card);
+    const a = await O(this._configContextConsumer.value.userSession, this.card);
     this._nonSolutionDependencyItems = a._nonSolutionDependencyItems;
-    const n = T(this._configContextConsumer.value?.allCards || [], this.card.deployCommonId);
+    const n = I(this._configContextConsumer.value?.allCards || [], this.card.deployCommonId);
     this._hasSourceSolution = !!n;
     let o = !1;
     if (n) {
-      const s = h(n), d = h(this.card);
+      const s = u(n), d = u(this.card);
       o = s > d;
     }
     this._hasNewVersion = o, this._folderLoading = !0, this._folderName = "", this._folderId = null, await this._fetchFolderInfo(), this._folderLoading = !1;
@@ -113,8 +113,8 @@ class U extends x {
     e.detail === "deployed-card" && this.sortTypeChanged.emit("");
   }
   _getButtons() {
-    const e = this._configContextConsumer.value?.userSession?.username, t = this._configContextConsumer.value?.authentication?.CanUpdateSolution, a = this._configContextConsumer.value?.authentication?.CanDeleteSolution && this._configContextConsumer.value?.authentication?.CanUpdateSolution, n = u(this._configContextConsumer.value), o = this.card?.owner === e || this._isOrgAdmin || t, s = this.card?.owner === e || this._isOrgAdmin || a, d = o ? "display-none" : "", f = this.isMobile ? "padding-lg" : "padding-xxl";
-    return i`<div class=${`display-flex flex-direction-column ${f}`}>${!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>${o && !this.isMobile && i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" .disabled=${n} id=solution-configure-titles-button kind=neutral @click=${this._openConfigureTitlesDialog}>${this._translations.updateTitles}</calcite-button><calcite-tooltip class=${v(d)} overlay-positioning=fixed reference-element=solution-configure-titles-button><span>${this._translations.mustOwnSolution}</span></calcite-tooltip>` || ""}${s && !this.isMobile && i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" .disabled=${n} kind=neutral @click=${this._deleteSolution}>${this._translations.deleteSolution}</calcite-button>` || ""}</div>`;
+    const e = this._configContextConsumer.value?.userSession?.username, t = this._configContextConsumer.value?.authentication?.CanUpdateSolution, a = this._configContextConsumer.value?.authentication?.CanDeleteSolution && this._configContextConsumer.value?.authentication?.CanUpdateSolution, n = m(this._configContextConsumer.value), o = this.card?.owner === e || this._isOrgAdmin || t, s = this.card?.owner === e || this._isOrgAdmin || a, d = o ? "display-none" : "", b = this.isMobile ? "padding-lg" : "padding-xxl";
+    return i`<div class=${`display-flex flex-direction-column ${b}`}>${!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>${o && !this.isMobile && i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" .disabled=${n} id=solution-configure-titles-button kind=neutral @click=${this._openConfigureTitlesDialog}>${this._translations.updateTitles}</calcite-button><calcite-tooltip class=${y(d)} overlay-positioning=fixed reference-element=solution-configure-titles-button><span>${this._translations.mustOwnSolution}</span></calcite-tooltip>` || ""}${s && !this.isMobile && i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" .disabled=${n} kind=neutral @click=${this._deleteSolution}>${this._translations.deleteSolution}</calcite-button>` || ""}</div>`;
   }
   _getReadOnlyNotice() {
     return i`<calcite-notice class="padding-bottom-lg" icon=exclamation-mark-triangle kind=warning open scale=s><div slot=message .innerHTML=${this.readOnlyNotice ?? ""}></div></calcite-notice>`;
@@ -137,7 +137,8 @@ class U extends x {
         this.card?.title || "",
         this.card?.deployCommonId || "",
         this.card?.deployVersion || "",
-        "Details Page"
+        "Details Page",
+        p(this.card?.typeKeywords)
       ]
     }), window.open(this.card.learnMoreUrl, "_blank");
   }
@@ -149,7 +150,8 @@ class U extends x {
         this.card?.title || "",
         this.card?.deployCommonId || "",
         this.card?.deployVersion || "",
-        "Details Page"
+        "Details Page",
+        p(this.card?.typeKeywords)
       ]
     }), window.open(this.card.itemUrl, "_blank");
   }
@@ -169,7 +171,8 @@ class U extends x {
         this.card?.title || "",
         this.card?.deployCommonId || "",
         this.card?.deployVersion || "",
-        "Details Page"
+        "Details Page",
+        p(this.card?.typeKeywords)
       ]
     }), this._templateInfoGraph = t, this._isDiagramOpen = !0);
   }
@@ -182,9 +185,9 @@ class U extends x {
         const e = this._configContextConsumer.value?.userSession;
         if (!e)
           return;
-        const t = await m.getItemBase(this.card.id, e);
+        const t = await f.getItemBase(this.card.id, e);
         if (this._folderId = t.ownerFolder ?? null, this._folderId) {
-          const a = await m.getUserFolder(this.card.owner, this._folderId, e);
+          const a = await f.getUserFolder(this.card.owner, this._folderId, e);
           this._folderName = a?.currentFolder?.title || this._folderId;
         } else
           this._folderName = this.card.owner || "Root";
@@ -210,15 +213,15 @@ class U extends x {
         this.card?.deployVersion || ""
       ]
     }), await new Promise((a) => setTimeout(a, 100));
-    const t = g(this._configContextConsumer.value.allCards, this.card.deployCommonId);
+    const t = h(this._configContextConsumer.value.allCards, this.card.deployCommonId);
     t && this.forceSelectTab.emit({ tabType: "details", tabTitleOrId: t });
   }
   _getSolutionPanel() {
     const e = this.card && this.card.typeKeywords?.includes("AIAssistant");
-    return i`<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 ?? c} src=${this._thumbnailUrl ?? c}></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}${e && this._getChips() || ""}</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 aria-hidden=true class="icon-color" icon=projects scale=s></calcite-icon>${this._translations.aboutYourSolutionDeployedDate.replace("{{deployedDate}}", this.card?.created || "")}</calcite-label></div></div>${u(this._configContextConsumer.value) && i`<div class="display-flex flex-direction-row padding-end-xxl" style=${y({ paddingTop: "1rem" })}>${this._getReadOnlyNotice()}</div>` || ""}</div></div></div></calcite-panel>`;
+    return i`<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 ?? c} src=${this._thumbnailUrl ?? c}></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}${e && this._getChips() || ""}</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 aria-hidden=true class="icon-color" icon=projects scale=s></calcite-icon>${this._translations.aboutYourSolutionDeployedDate.replace("{{deployedDate}}", this.card?.created || "")}</calcite-label></div></div>${m(this._configContextConsumer.value) && i`<div class="display-flex flex-direction-row padding-end-xxl" style=${w({ paddingTop: "1rem" })}>${this._getReadOnlyNotice()}</div>` || ""}</div></div></div></calcite-panel>`;
   }
   _getSolutionContents() {
-    const e = this.card ? N(this._nonSolutionDependencyItems, this.card.id) : [];
+    const e = this.card ? M(this._nonSolutionDependencyItems, this.card.id) : [];
     return i`<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 ? i`<calcite-loader .label=${this._translations.loadingText} scale=m></calcite-loader>` : i`<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() {
@@ -238,10 +241,10 @@ class U extends x {
     this._deleteDialogOpen = !0;
   }
   _updateThumbnailToken(e) {
-    this._thumbnailUrl !== "" && (this._thumbnailUrl = k(this._thumbnailUrl, e));
+    this._thumbnailUrl !== "" && (this._thumbnailUrl = T(this._thumbnailUrl, e));
   }
 }
-b("solution-deployed-card-panel", U);
+_("solution-deployed-card-panel", V);
 export {
-  U as SolutionDeployedCardPanel
+  V as SolutionDeployedCardPanel
 };

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

@@ -7,7 +7,7 @@ import { useContextConsumer as y } from "@arcgis/lumina/context";
 import { c as v } from "../../chunks/deployAppContexts.js";
 import { T as _ } from "../../chunks/interfaces.js";
 import { d as b } from "../../chunks/cardsHelpers.js";
-import { k as x } from "../../chunks/helpers.js";
+import { l as x } 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 {