npm - @esri/solutions-components - Versions diffs - 5.1.0-next.109 → 5.1.0-next.110 - Mend

@esri/solutions-components 5.1.0-next.109 → 5.1.0-next.110

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (182) hide show

package/dist/components/solution-builder-assistant/index.js CHANGED Viewed

@@ -7,11 +7,11 @@ import "@esri/calcite-components/components/calcite-alert";
 import "@esri/calcite-components/components/calcite-icon";
 import "@esri/calcite-components/components/calcite-table-row";
 import "@esri/calcite-components/components/calcite-table-cell";
+import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-tooltip";
 import "@esri/calcite-components/components/calcite-input-text";
 import "@esri/calcite-components/components/calcite-label";
 import "@esri/calcite-components/components/calcite-text-area";
-import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-notice";
 import "@esri/calcite-components/components/calcite-list";
 import "@esri/calcite-components/components/calcite-list-item";

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

@@ -105,7 +105,7 @@ class T extends g {
       this.solutionDeleteDialogBeforeClose.emit();
     }} @calciteDialogClose=${() => {
       this.open = !1, this.solutionDeleteDialogOpen.emit(!1);
-    }}>${this._isDeleteInProgress ? r`<calcite-loader .label=${this._translations.deleteInProgress} scale=l type=determinate-value .value=${this._deletePercentage}></calcite-loader><div class="loader-text" tabindex=0>${this._translations.deleteInProgress}</div>` : this._showUndeletableItems ? r`<calcite-label class=${c(t)} layout=inline><span tabindex=0>${this._translations.failedToDeleteItems}</span></calcite-label><solution-item-accordion class=${c(t)} .itemRelationshipDependencies=${[]} link-type=item list-selection-mode=multiple .reuseWarning=${this._translations.itemDependencyReusewarning} .templateInfos=${this._templateInfos} .typeKeywords=${this.card?.typeKeywords} usage-context=delete ${h(this._accordion)}></solution-item-accordion><calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.buttonClose}</calcite-button>` : r`<div class="padding-around"><div class=${`deletion-note-container ${t}`}><span class="deletion-note-text" tabindex=0>${this._translations.deletionNote}</span><calcite-chip .label=${o} scale=m icon=information>${o}</calcite-chip></div><calcite-loader class=${c(e)} label></calcite-loader><solution-item-accordion class=${c(t)} .itemRelationshipDependencies=${i} link-type=item list-selection-mode=multiple .reuseWarning=${this._translations.itemDependencyReusewarning} .templateInfos=${this._templateInfos} .typeKeywords=${this.card?.typeKeywords} usage-context=delete ${h(this._accordion)}></solution-item-accordion></div><calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.buttonCancel}</calcite-button><calcite-button @click=${() => {
+    }}>${this._isDeleteInProgress ? r`<calcite-loader .label=${this._translations.deleteInProgress} scale=l type=determinate-value .value=${this._deletePercentage}></calcite-loader><div class="loader-text" role=status tabindex=0>${this._translations.deleteInProgress}</div>` : this._showUndeletableItems ? r`<calcite-label class=${c(t)} layout=inline><span tabindex=0>${this._translations.failedToDeleteItems}</span></calcite-label><solution-item-accordion class=${c(t)} .itemRelationshipDependencies=${[]} link-type=item list-selection-mode=multiple .reuseWarning=${this._translations.itemDependencyReusewarning} .templateInfos=${this._templateInfos} .typeKeywords=${this.card?.typeKeywords} usage-context=delete ${h(this._accordion)}></solution-item-accordion><calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.buttonClose}</calcite-button>` : r`<div class="padding-around"><div class=${`deletion-note-container ${t}`}><span class="deletion-note-text" tabindex=0>${this._translations.deletionNote}</span><calcite-chip .label=${o} scale=m icon=information>${o}</calcite-chip></div><calcite-loader class=${c(e)} label></calcite-loader><solution-item-accordion class=${c(t)} .itemRelationshipDependencies=${i} link-type=item list-selection-mode=multiple .reuseWarning=${this._translations.itemDependencyReusewarning} .templateInfos=${this._templateInfos} .typeKeywords=${this.card?.typeKeywords} usage-context=delete ${h(this._accordion)}></solution-item-accordion></div><calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.buttonCancel}</calcite-button><calcite-button @click=${() => {
       this.delete();
     }} slot=footer-end kind=danger>${this._translations.buttonDelete}</calcite-button>${this._showDeleteError && r`<calcite-alert icon=exclamation-mark-triangle kind=danger .label=${this._translations.failedToDelete} @calciteAlertClose=${() => {
       this._showDeleteError = !1;

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

@@ -1,7 +1,7 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 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 { LitElement as b, createEvent as r, safeClassMap as x, nothing as c } 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";
@@ -103,8 +103,8 @@ class O extends b {
     const n = $(this._configContextConsumer.value?.allCards || [], this.card.deployCommonId);
     let a = !1;
     if (n) {
-      const s = h(n), c = h(this.card);
-      a = s > c;
+      const s = h(n), d = h(this.card);
+      a = s > d;
     }
     this._hasNewVersion = a, this._folderLoading = !0, this._folderName = "", this._folderId = null, await this._fetchFolderInfo(), this._folderLoading = !1;
   }
@@ -112,8 +112,8 @@ class O extends b {
     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, 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>`;
+    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" : "", d = this.isMobile ? "padding-lg" : "padding-xxl";
+    return i`<div class=${`display-flex flex-direction-column ${d}`}>${!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;
@@ -190,11 +190,11 @@ class O extends b {
   }
   _getFolderSection() {
     const e = this.isMobile ? "padding-lg" : "padding-xxl", o = !this._folderId ? "home" : "folder";
-    return i`<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 ? i`<div class="skeleton-loader skeleton-folder"></div>` : i`<calcite-icon class="icon-color" .icon=${o} 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>`;
+    return i`<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 aria-label=${this._translations.openFolder ?? c} .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 ? i`<div class="skeleton-loader skeleton-folder"></div>` : i`<calcite-icon aria-hidden=true class="icon-color" .icon=${o} 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 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>` : 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>`;
+    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 aria-hidden=true 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({
@@ -210,7 +210,7 @@ class O extends b {
     t && this.forceSelectTab.emit({ tabType: "details", tabTitleOrId: t });
   }
   _getSolutionPanel() {
-    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 ?? 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>`;
+    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}</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></div></div></div></calcite-panel>`;
   }
   _getSolutionContents() {
     const e = this.card ? T(this._nonSolutionDependencyItems, this.card.id) : [];
@@ -222,7 +222,7 @@ class O extends b {
     }} .open=${this._deleteDialogOpen} source="Details Page"></solution-delete-dialog>` : "";
   }
   _renderDiagramDialog() {
-    return this._isDiagramOpen ? i`<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=${() => {
+    return this._isDiagramOpen ? i`<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 ?? "") ?? c} 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>` : "";
   }

package/dist/components/solution-deploying-dialog/customElement.js CHANGED Viewed

@@ -5,8 +5,8 @@ import { keyed as r } from "lit/directives/keyed.js";
 import { u as d } from "../../chunks/useT9n.js";
 import { LitElement as h, createEvent as a } from "@arcgis/lumina";
 import { createRef as i, ref as l } from "lit-html/directives/ref.js";
-const p = c`*[tabindex]:focus-visible{outline:2px solid var(--calcite-color-brand);outline-offset:2px}.panel-bg-white{--calcite-panel-background-color: var(--calcite-color-surface-2)}calcite-loader{--calcite-loader-spacing: var(--calcite-spacing-md)}.loader-text{margin-top:var(--calcite-spacing-sm);margin-bottom:var(--calcite-spacing-xxxl);text-align:center;font-size:var(--calcite-font-size-relative-base);color:var(--calcite-color-text-1)}.carousel-style{height:120px;display:flex;align-items:center}`;
-class g extends h {
+const u = c`*[tabindex]:focus-visible{outline:2px solid var(--calcite-color-brand);outline-offset:2px}.panel-bg-white{--calcite-panel-background-color: var(--calcite-color-surface-2)}calcite-loader{--calcite-loader-spacing: var(--calcite-spacing-md)}.loader-text{margin-top:var(--calcite-spacing-sm);margin-bottom:var(--calcite-spacing-xxxl);text-align:center;font-size:var(--calcite-font-size-relative-base);color:var(--calcite-color-text-1)}.carousel-style{height:120px;display:flex;align-items:center}`;
+class p extends h {
   constructor() {
     super(), this.deploymentProgress = 0, this.open = !1, this.isWaitingForCard = !1, this._isInCancelConfirmation = !1, this._showCancelConfirmation = !1, this._showIsCancelling = !1, this._translations = d({ name: "solution-deploying-dialog", blocking: !0 }), this._carouselKey = 0, this._deployingDialogRef = i(), this._carouselRef = i(), this._carouselMessages = [], this._confirmUnload = !1, this.deployingDialogOpened = a(), this.deploymentProcessCancelled = a(), this.listenOn(window, "beforeunload", (e) => {
       (this._confirmUnload || this._showIsCancelling) && (e.preventDefault(), e.returnValue = !0);
@@ -16,7 +16,7 @@ class g extends h {
     this.properties = { abortController: 0, card: 0, deploymentProgress: 9, open: 5, isWaitingForCard: 5, _isInCancelConfirmation: 16, _showCancelConfirmation: 16, _showIsCancelling: 16, _translations: 16, _carouselKey: 16 };
   }
   static {
-    this.styles = p;
+    this.styles = u;
   }
   close() {
     this._showCancelConfirmation = !1, this._showIsCancelling = !1, this.isWaitingForCard = !1;
@@ -35,14 +35,14 @@ class g extends h {
   render() {
     return t`<calcite-dialog close-disabled .heading=${this._translations.title.replace("{{solution}}", this.card?.title ?? "")} escape-disabled modal width=m .open=${this.open} @calciteDialogBeforeClose=${(e) => {
       e.preventDefault(), this._confirmUnload = !1;
-    }} @calciteDialogOpen=${() => this._onDialogOpen()} outside-close-disabled ${l(this._deployingDialogRef)}>${this._showCancelConfirmation ? this.renderCancelModal() : this._showIsCancelling ? this.renderCancellingModal() : t`<calcite-panel class="panel-bg-white">${this.isWaitingForCard ? t`<calcite-loader .label=${this._translations.deploymentInProgress} scale=l type=indeterminate></calcite-loader><div class="loader-text" tabindex=0>${this._translations.deploymentInProgress}</div>` : t`<calcite-loader .label=${this._translations.deploymentInProgress} scale=l type=determinate-value .value=${this.deploymentProgress}></calcite-loader><div class="loader-text" tabindex=0>${this._translations.deploymentInProgress}</div>`}<div class="carousel-style">${r(this._carouselKey, t`<calcite-carousel .label=${this._translations.newsAndFeatures} arrow-type=inline ${l(this._carouselRef)}>${this.renderCarouselItems()}</calcite-carousel>`)}</div></calcite-panel>`}${!this._showCancelConfirmation && !this._showIsCancelling && t`<calcite-button appearance=outline @click=${this.confirmCancel} slot=footer-end>${this._translations.cancel}</calcite-button>` || ""}${this._showCancelConfirmation && t`<calcite-button kind=brand @click=${() => {
+    }} @calciteDialogOpen=${() => this._onDialogOpen()} outside-close-disabled ${l(this._deployingDialogRef)}>${this._showCancelConfirmation ? this.renderCancelModal() : this._showIsCancelling ? this.renderCancellingModal() : t`<calcite-panel class="panel-bg-white">${this.isWaitingForCard ? t`<calcite-loader .label=${this._translations.deploymentInProgress} scale=l type=indeterminate></calcite-loader><div class="loader-text" role=status tabindex=0>${this._translations.deploymentInProgress}</div>` : t`<calcite-loader .label=${this._translations.deploymentInProgress} scale=l type=determinate-value .value=${this.deploymentProgress}></calcite-loader><div class="loader-text" role=status tabindex=0>${this._translations.deploymentInProgress}</div>`}<div class="carousel-style">${r(this._carouselKey, t`<calcite-carousel .label=${this._translations.newsAndFeatures} arrow-type=inline ${l(this._carouselRef)}>${this.renderCarouselItems()}</calcite-carousel>`)}</div></calcite-panel>`}${!this._showCancelConfirmation && !this._showIsCancelling && t`<calcite-button appearance=outline @click=${this.confirmCancel} slot=footer-end>${this._translations.cancel}</calcite-button>` || ""}${this._showCancelConfirmation && t`<calcite-button kind=brand @click=${() => {
       this._isInCancelConfirmation = !1, this._showCancelConfirmation = !1;
     }} slot=footer-end>${this._translations.continueDeployment}</calcite-button><calcite-button appearance=outline @click=${this.cancelDeployment} slot=footer-end>${this._translations.cancelDeploymentButton}</calcite-button>` || ""}</calcite-dialog>`;
   }
   renderCarouselItems() {
     const e = [];
     return this._carouselMessages.forEach((s, o) => {
-      e.push(t`<calcite-carousel-item .label=${`carousel-item-${o}`}><calcite-label layout=inline scale=m>${s.icon && t`<calcite-icon .icon=${s.icon} class="padding-end-0-5"></calcite-icon>` || ""}<span .innerHTML=${this._processCarouselMessage(s) ?? ""} tabindex=0></span></calcite-label></calcite-carousel-item>`);
+      e.push(t`<calcite-carousel-item .label=${`carousel-item-${o}`}><calcite-label layout=inline scale=m>${s.icon && t`<calcite-icon aria-hidden=true .icon=${s.icon} class="padding-end-0-5"></calcite-icon>` || ""}<span .innerHTML=${this._processCarouselMessage(s) ?? ""} tabindex=0></span></calcite-label></calcite-carousel-item>`);
     }), e;
   }
   _getCarouselMessages() {
@@ -88,7 +88,7 @@ class g extends h {
     return t`<calcite-panel class="panel-bg-white"><div tabindex=0>${this._translations.deploymentCancelMessage}</div></calcite-panel>`;
   }
   renderCancellingModal() {
-    return t`<calcite-panel class="panel-bg-white"><calcite-loader .label=${this._translations.cancelCurrentDeployment}></calcite-loader><div class="loader-text" tabindex=0>${this._translations.cancelCurrentDeployment}</div></calcite-panel>`;
+    return t`<calcite-panel class="panel-bg-white"><calcite-loader .label=${this._translations.cancelCurrentDeployment}></calcite-loader><div class="loader-text" role=status tabindex=0>${this._translations.cancelCurrentDeployment}</div></calcite-panel>`;
   }
   _onDialogOpen() {
     this._confirmUnload = !0, this._carouselKey++, this._translations.carousel && (this._carouselMessages = this._getCarouselMessages()), this.deployingDialogOpened.emit(), setTimeout(() => {
@@ -97,7 +97,7 @@ class g extends h {
     }, 100);
   }
 }
-n("solution-deploying-dialog", g);
+n("solution-deploying-dialog", p);
 export {
-  g as SolutionDeployingDialog
+  p as SolutionDeployingDialog
 };

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

@@ -6,8 +6,8 @@ import { LitElement as f, createEvent as g, nothing as s, safeClassMap as c } fr
 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 x } from "../../chunks/cardsHelpers.js";
-import { k as b } from "../../chunks/helpers.js";
+import { d as b } from "../../chunks/cardsHelpers.js";
+import { k 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 {
@@ -27,8 +27,8 @@ class T extends f {
     return this._configContextConsumer.value?.telemetrySession;
   }
   render() {
-    const e = x(this.card.title);
-    return o`<a href=${(this._isTooltipOpen ? void 0 : e) ?? s} @click=${this._anchorClick} tabindex=-1 title=${(this._isTooltipOpen ? void 0 : `${this._translations.arcgisSolutions} | ${this.card.title}`) ?? s}>${this._renderCard()}</a>`;
+    const e = b(this.card.title);
+    return o`<a aria-disabled=${this._isTooltipOpen ? "true" : "false"} href=${(this._isTooltipOpen ? void 0 : e) ?? s} @click=${this._anchorClick} tabindex=-1 title=${(this._isTooltipOpen ? void 0 : `${this._translations.arcgisSolutions} | ${this.card.title}`) ?? s}>${this._renderCard()}</a>`;
   }
   _anchorClick(e) {
     e.preventDefault();
@@ -70,7 +70,7 @@ class T extends f {
   }
   _renderCard() {
     const e = this.card;
-    return o`<calcite-card .label=${e.snippet} @click=${this._isTooltipOpen ? void 0 : this._cardSelected} @keydown=${(i) => b(i, () => this._isTooltipOpen ? void 0 : 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._isTooltipOpen ? void 0 : this._cardSelected} @keydown=${(i) => x(i, () => this._isTooltipOpen ? void 0 : this._cardSelected())}><div class="card-image-wrap" slot=thumbnail><img alt=${e.title ?? s} aria-hidden=true 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>`;
   }
 }
 h("solution-details-card", T);

package/dist/components/solution-item-accordion/customElement.js CHANGED Viewed

@@ -127,7 +127,7 @@ class v extends g {
     const i = this.typeKeywords.includes("Deployed") && e.url, t = this.linkType === "action";
     return o`<calcite-list-item id=${e.id ?? m} @mouseenter=${() => this.solutionItemHover.emit({ itemId: e.id, entering: !0 })} @mouseleave=${() => this.solutionItemHover.emit({ itemId: e.id, entering: !1 })} @calciteListItemSelect=${() => {
       this._deselectOthers(e.id), this.solutionItemSelect.emit({ itemId: e.id, selected: !0 }), i && !t && window.open(e.url, "_blank");
-    }} .value=${e.id}><div class="solution-list-item-content" slot=content><div class=${`solution-list-item-label ${i && !t ? "underline" : ""}`}>${e.title}</div><div class="solution-list-item-description">${e.snippet}</div></div>${this._checkUsageForWarnings(e)}${i && t ? o`<div slot=actions-end><calcite-action icon=launch .id=${`${e.id}-launch`} @click=${() => window.open(e.url, "_blank")} text></calcite-action><calcite-tooltip overlay-positioning=fixed .referenceElement=${`${e.id}-launch`}><span>${this._translations?.openDetails}</span></calcite-tooltip></div>` : null}</calcite-list-item>`;
+    }} .value=${e.id}><div class="solution-list-item-content" slot=content><div class=${`solution-list-item-label ${i && !t ? "underline" : ""}`}>${e.title}</div><div class="solution-list-item-description">${e.snippet}</div></div>${this._checkUsageForWarnings(e)}${i && t ? o`<div slot=actions-end><calcite-action icon=launch .id=${`${e.id}-launch`} .label=${this._translations?.openDetails} @click=${() => window.open(e.url, "_blank")} text></calcite-action><calcite-tooltip overlay-positioning=fixed .referenceElement=${`${e.id}-launch`}><span>${this._translations?.openDetails}</span></calcite-tooltip></div>` : null}</calcite-list-item>`;
   }
   _sortTemplatesByTitle(e) {
     return e.sort((i, t) => i.title < t.title ? -1 : i.title > t.title ? 1 : 0);