@esri/solutions-components 1.1.0-next.20250811 → 1.1.0-next.20250812

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

@@ -1,5 +1,4 @@
 import "@esri/calcite-components/components/calcite-dialog";
-import "@esri/calcite-components/components/calcite-panel";
 import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-alert";
 import "@esri/calcite-components/components/calcite-action";

package/dist/components/solution-deploy-dialog/index.js

@@ -1,5 +1,4 @@
 import "@esri/calcite-components/components/calcite-dialog";
-import "@esri/calcite-components/components/calcite-panel";
 import "@esri/calcite-components/components/calcite-button";
 import "@esri/calcite-components/components/calcite-alert";
 import "@esri/calcite-components/components/calcite-action";

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

@@ -1,14 +1,14 @@
 import { c as r } from "../../chunks/runtime.js";
-import { css as n, html as i, svg as c } from "lit";
+import { css as n, html as t, svg as c } from "lit";
 import { u as d } from "../../chunks/useT9n.js";
-import { LitElement as h, nothing as t } from "@arcgis/lumina";
+import { LitElement as h, nothing as i } from "@arcgis/lumina";
 import { useContextConsumer as s } from "@arcgis/lumina/context";
-import { a as p, u as g } from "../../chunks/deployAppContexts.js";
+import { a as g, u as p } from "../../chunks/deployAppContexts.js";
 import { p as u } from "../../chunks/prepareDataForSolutionDisplay.js";
 import { createRef as a, ref as o } from "lit-html/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250811 */
+v1.1.0-next.20250812 */
 const m = n`/** @license
  * Copyright 2025 Esri
  *
@@ -23,14 +23,14 @@ const m = n`/** @license
  * 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.
- */calcite-card{width:295px}@media (max-width: 400px){calcite-card{width:100%}}calcite-card:hover img{-webkit-filter:brightness(50%);filter:brightness(50%);-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{outline:2px solid var(--calcite-ui-brand);box-sizing:border-box;cursor:pointer}.hover-text{transition:.5s 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.1rem}.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}.width-full{width:100%}.deployed-label-override{--calcite-label-text-color: var(--calcite-color-text-3);--calcite-label-margin-bottom: 0px}.svg-color{fill:var(--calcite-color-text-3)}.padding-end-1-2{padding-inline-end:.5rem}.padding-bottom-1-2{padding-bottom:.5rem}.display-flex{display:flex}.flex-direction-column{flex-direction:column}.align-items-center{align-items:center}.font-weight-bold{font-weight:700}.font-weight-normal{font-weight:400}.icon-brand-color{--calcite-icon-color: var(--calcite-color-brand)}.header-line-height{--calcite-label-margin-bottom: 0;margin-top:.5rem;margin-bottom:.7rem}.dialog-y-size{--calcite-dialog-size-y: 90% }.dialog-x-size{--calcite-dialog-size-x: 90% }.justify-content-space-between{justify-content:space-between}.panel-bg-color{--calcite-panel-header-background-color: var(--calcite-color-foreground-1);--calcite-panel-background-color: var(--calcite-color-foreground-1)}.cursor-default{cursor:default}`;
+ */calcite-card{width:295px;height:100%;padding-bottom:2px}@media (max-width: 400px){calcite-card{width:100%}}calcite-card:hover img{-webkit-filter:brightness(50%);filter:brightness(50%);-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{outline:2px solid var(--calcite-ui-brand);box-sizing:border-box;cursor:pointer}.hover-text{transition:.5s 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.1rem}.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}.width-full{width:100%}.deployed-label-override{--calcite-label-text-color: var(--calcite-color-text-3);--calcite-label-margin-bottom: 0px}.svg-color{fill:var(--calcite-color-text-3)}.padding-end-1-2{padding-inline-end:.5rem}.padding-bottom-1-2{padding-bottom:.5rem}.display-flex{display:flex}.flex-direction-column{flex-direction:column}.align-items-center{align-items:center}.font-weight-bold{font-weight:700}.font-weight-normal{font-weight:400}.icon-brand-color{--calcite-icon-color: var(--calcite-color-brand)}.header-line-height{--calcite-label-margin-bottom: 0;margin-top:.5rem;margin-bottom:.7rem}.dialog-y-size{--calcite-dialog-size-y: 90% }.dialog-x-size{--calcite-dialog-size-x: 90% }.justify-content-space-between{justify-content:space-between}.panel-bg-color{--calcite-panel-header-background-color: var(--calcite-color-foreground-1);--calcite-panel-background-color: var(--calcite-color-foreground-1)}.cursor-default{cursor:default}`;
 class f extends h {
   constructor() {
     super(...arguments), this.allowDelete = !1, this.deployedDate = "", this.description = "", this.heading = "", this.itemId = "", this.owner = "", this.thumbnail = "", this.updateAvailable = !1, this._isConfigureOpen = !1, this._isDeleteOpen = !1, this._isDiagramOpen = !1, this.templateInfoGraph = [], this._translations = d({ name: "solution-deployed-card", blocking: !0 }), this._authContextConsumer = s({
-      context: p,
+      context: g,
       subscribe: !0
     }), this._configureDialogRef = a(), this._deleteDialogRef = a(), this._diagramDialogRef = a(), this._userSessionContextConsumer = s({
-      context: g,
+      context: p,
       subscribe: !0
     });
   }
@@ -53,38 +53,38 @@ class f extends h {
     return this._processTemplates(this.card);
   }
   render() {
-    return i`<div><calcite-card .label=${this.description} @click=${this._cardSelected}>${this._getImage()}${this._getHeader()}<p slot=description>${this.description}</p><div class="width-full display-flex flex-direction-column" slot=footer-start><div class="padding-bottom-1-2">${this._getOwnerLabel()}${this._getDeployedDate()}</div>${this._getConfigureButton()}</div></calcite-card>${this._renderDeleteDialog()}${this._renderDiagramDialog()}${this._renderConfigureDialog()}</div>`;
+    return t`<calcite-card .label=${this.description} @click=${this._cardSelected}>${this._getImage()}${this._getHeader()}<p slot=description>${this.description}</p><div class="width-full display-flex flex-direction-column" slot=footer-start><div class="padding-bottom-1-2">${this._getOwnerLabel()}${this._getDeployedDate()}</div>${this._getConfigureButton()}</div></calcite-card>${this._renderDeleteDialog()}${this._renderDiagramDialog()}${this._renderConfigureDialog()}`;
   }
   _getImage() {
     const e = this._userSessionContextConsumer.value;
-    return i`<div class="card-image-wrap" slot=thumbnail><img class="thumbnail card-image" alt=${this.heading ?? t} src=${`${this.thumbnail}&token=${e?.token}`}><div class="hover-text">${this._translations.configure}</div></div>`;
+    return t`<div class="card-image-wrap" slot=thumbnail><img class="thumbnail card-image" alt=${this.heading ?? i} src=${`${this.thumbnail}&token=${e?.token}`}><div class="hover-text">${this._translations.configure}</div></div>`;
   }
   _getHeader() {
-    return i`<div class="display-flex justify-content-space-between header-line-height" slot=heading><calcite-label layout=inline-space-between>${this.heading}</calcite-label><calcite-chip scale=s appearance=outline-fill kind=neutral label><calcite-icon class="icon-brand-color cursor-default" icon=refresh id=solution-update-available-icon @click=${this._updateAvailable} scale=s></calcite-icon><calcite-tooltip placement=bottom reference-element=solution-update-available-icon>${this._translations.updateAvailable}</calcite-tooltip></calcite-chip></div>`;
+    return t`<div class="display-flex justify-content-space-between header-line-height" slot=heading><calcite-label layout=inline-space-between>${this.heading}</calcite-label></div>`;
   }
   _getOwnerLabel() {
-    return i`<calcite-label class="font-weight-bold padding-end-1-2" layout=inline scale=s>${`${this._translations.owner}:`}<calcite-link class="font-weight-normal" @click=${this._openUserProfile}>${this.owner}</calcite-link></calcite-label>`;
+    return t`<calcite-label class="font-weight-bold padding-end-1-2" layout=inline scale=s>${`${this._translations.owner}:`}<calcite-link class="font-weight-normal" @click=${this._openUserProfile}>${this.owner}</calcite-link></calcite-label>`;
   }
   _getDeployedDate() {
-    return i`<div class="display-flex align-items-center"><div class="padding-end-1-2"><svg height=16px viewBox="0 0 32 32" width=16px xmlns=http://www.w3.org/2000/svg>${c`<path class="svg-color" d="M29.963 7.672a1.586 1.586 0 0 0-1.584-1.585h-5.274a.187.187 0 0 1-.188-.187V3.977A2 2 0 0 0 20.825 2h-9.672A2.095 2.095 0 0 0 9.06 4.093V5.9a.187.187 0 0 1-.187.187H3.598a1.586 1.586 0 0 0-1.584 1.585v4.016a.281.281 0 0 0 .281.28H4.9l.014-.013V9.153a.177.177 0 0 1 .177-.177h21.46a.456.456 0 0 1 .449.45v13.742A1.832 1.832 0 0 1 25.168 25h-8.892a.568.568 0 0 1-.534-.373 3.98 3.98 0 0 0-7.6.373H5.657a.757.757 0 0 1-.757-.757v-3.055A.188.188 0 0 0 4.714 21H2.028l-.014.014v4.58a2.35 2.35 0 0 0 2.347 2.346h4.161a3.963 3.963 0 0 0 6.8.256.569.569 0 0 1 .475-.256h12.065a2.102 2.102 0 0 0 2.101-2.101zM21 5.625a.375.375 0 0 1-.375.375h-9.25A.375.375 0 0 1 11 5.625V4.45a.456.456 0 0 1 .45-.45h9.1a.456.456 0 0 1 .45.45zM12 28a2 2 0 1 1 2-2 2 2 0 0 1-2 2z" /><path class="svg-color" d="M13.273 17.994a.57.57 0 0 1 .479.262A3.73 3.73 0 0 0 17 20a3.74 3.74 0 0 0 3.403-2.006h3.41a.188.188 0 0 0 .187-.188v-2.589a.187.187 0 0 0-.188-.188H20.8A3.8 3.8 0 0 0 17 12a4.058 4.058 0 0 0-3.69 2.647.568.568 0 0 1-.537.383H1.093a.094.094 0 0 0-.093.093V17.9a.094.094 0 0 0 .094.094zM17 13.9a2.1 2.1 0 1 1-2.1 2.1 2.1 2.1 0 0 1 2.1-2.1z" />`}</svg></div><calcite-label class="deployed-label-override" scale=s>${this._translations.deployedDate.replace("{{date}}", this.deployedDate)}</calcite-label></div>`;
+    return t`<div class="display-flex align-items-center"><div class="padding-end-1-2"><svg height=16px viewBox="0 0 32 32" width=16px xmlns=http://www.w3.org/2000/svg>${c`<path class="svg-color" d="M29.963 7.672a1.586 1.586 0 0 0-1.584-1.585h-5.274a.187.187 0 0 1-.188-.187V3.977A2 2 0 0 0 20.825 2h-9.672A2.095 2.095 0 0 0 9.06 4.093V5.9a.187.187 0 0 1-.187.187H3.598a1.586 1.586 0 0 0-1.584 1.585v4.016a.281.281 0 0 0 .281.28H4.9l.014-.013V9.153a.177.177 0 0 1 .177-.177h21.46a.456.456 0 0 1 .449.45v13.742A1.832 1.832 0 0 1 25.168 25h-8.892a.568.568 0 0 1-.534-.373 3.98 3.98 0 0 0-7.6.373H5.657a.757.757 0 0 1-.757-.757v-3.055A.188.188 0 0 0 4.714 21H2.028l-.014.014v4.58a2.35 2.35 0 0 0 2.347 2.346h4.161a3.963 3.963 0 0 0 6.8.256.569.569 0 0 1 .475-.256h12.065a2.102 2.102 0 0 0 2.101-2.101zM21 5.625a.375.375 0 0 1-.375.375h-9.25A.375.375 0 0 1 11 5.625V4.45a.456.456 0 0 1 .45-.45h9.1a.456.456 0 0 1 .45.45zM12 28a2 2 0 1 1 2-2 2 2 0 0 1-2 2z" /><path class="svg-color" d="M13.273 17.994a.57.57 0 0 1 .479.262A3.73 3.73 0 0 0 17 20a3.74 3.74 0 0 0 3.403-2.006h3.41a.188.188 0 0 0 .187-.188v-2.589a.187.187 0 0 0-.188-.188H20.8A3.8 3.8 0 0 0 17 12a4.058 4.058 0 0 0-3.69 2.647.568.568 0 0 1-.537.383H1.093a.094.094 0 0 0-.093.093V17.9a.094.094 0 0 0 .094.094zM17 13.9a2.1 2.1 0 1 1-2.1 2.1 2.1 2.1 0 0 1 2.1-2.1z" />`}</svg></div><calcite-label class="deployed-label-override" scale=s>${this._translations.deployedDate.replace("{{date}}", this.deployedDate)}</calcite-label></div>`;
   }
   _getConfigureButton() {
-    return i`<calcite-split-button appearance=outline @calciteSplitButtonPrimaryClick=${() => {
+    return t`<calcite-split-button appearance=outline @calciteSplitButtonPrimaryClick=${() => {
       this._isConfigureOpen = !0;
-    }} @click=${(e) => e.stopPropagation()} overlay-positioning=fixed primary-text=${this._translations.configure ?? t} width=full><calcite-dropdown-group selection-mode=none><calcite-dropdown-item icon-start=model @click=${this._viewDiagram}>${this._translations.viewDiagram}</calcite-dropdown-item><calcite-dropdown-item icon-start=file-text @click=${this._viewDocumentation}>${this._translations.documentation}</calcite-dropdown-item><calcite-dropdown-item icon-start=information @click=${this._viewItemDetails}>${this._translations.viewItemDetails}</calcite-dropdown-item>${this.allowDelete && i`<calcite-dropdown-item icon-start=trash @click=${this._deleteSolution}>${this._translations.deleteSolution}</calcite-dropdown-item>` || ""}</calcite-dropdown-group></calcite-split-button>`;
+    }} @click=${(e) => e.stopPropagation()} overlay-positioning=fixed primary-text=${this._translations.configure ?? i} width=full><calcite-dropdown-group selection-mode=none><calcite-dropdown-item icon-start=model @click=${this._viewDiagram}>${this._translations.viewDiagram}</calcite-dropdown-item><calcite-dropdown-item icon-start=file-text @click=${this._viewDocumentation}>${this._translations.documentation}</calcite-dropdown-item><calcite-dropdown-item icon-start=information @click=${this._viewItemDetails}>${this._translations.viewItemDetails}</calcite-dropdown-item>${this.allowDelete && t`<calcite-dropdown-item icon-start=trash @click=${this._deleteSolution}>${this._translations.deleteSolution}</calcite-dropdown-item>` || ""}</calcite-dropdown-group></calcite-split-button>`;
   }
   _renderDeleteDialog() {
-    return this._isDeleteOpen ? i`<solution-delete-dialog .card=${this.card} @solutionDeleteDialogOpen=${(e) => {
+    return this._isDeleteOpen ? t`<solution-delete-dialog .card=${this.card} @solutionDeleteDialogOpen=${(e) => {
       this._isDeleteOpen = e.detail;
     }} .open=${this._isDeleteOpen} ${o(this._deleteDialogRef)}></solution-delete-dialog>` : "";
   }
   _renderDiagramDialog() {
-    return this._isDiagramOpen ? i`<calcite-dialog class="dialog-y-size dialog-x-size panel-bg-color" .heading=${this._translations.diagramTitle.replace("{{solution}}", this.card?.title ?? "")} id=${this._translations.diagramTitle.replace("{{solution}}", this.card?.title ?? "") ?? t} modal .open=${this._isDiagramOpen} @calciteDialogClose=${() => {
+    return this._isDiagramOpen ? t`<calcite-dialog class="dialog-y-size dialog-x-size panel-bg-color" .heading=${this._translations.diagramTitle.replace("{{solution}}", this.card?.title ?? "")} id=${this._translations.diagramTitle.replace("{{solution}}", this.card?.title ?? "") ?? i} modal .open=${this._isDiagramOpen} @calciteDialogClose=${() => {
       this._isDiagramOpen = !1;
     }} outside-close-disabled resizable scale=l width=l ${o(this._diagramDialogRef)}><solution-item-diagram .templateInfoGraph=${this.templateInfoGraph}></solution-item-diagram></calcite-dialog>` : "";
   }
   _renderConfigureDialog() {
-    return i`<solution-configure-dialog .card=${this.card} .cardRef=${this.el} @solutionConfigureDialogClose=${() => {
+    return t`<solution-configure-dialog .card=${this.card} .cardRef=${this.el} @solutionConfigureDialogClose=${() => {
       this._isConfigureOpen = !1;
     }} .open=${this._isConfigureOpen} ${o(this._configureDialogRef)}></solution-configure-dialog>`;
   }
@@ -108,9 +108,6 @@ class f extends h {
     const l = this._authContextConsumer.value?.PortalSubset?.orgUrl;
     l && window.open(`${l}/home/user.html`, "_blank");
   }
-  _updateAvailable(e) {
-    e.stopPropagation();
-  }
   async _processTemplates(e) {
     return await u(e.id, this._userSessionContextConsumer.value);
   }

package/dist/components/solution-deployed-card/index.d.ts

@@ -1,8 +1,5 @@
 import "@esri/calcite-components/components/calcite-card";
 import "@esri/calcite-components/components/calcite-label";
-import "@esri/calcite-components/components/calcite-chip";
-import "@esri/calcite-components/components/calcite-icon";
-import "@esri/calcite-components/components/calcite-tooltip";
 import "@esri/calcite-components/components/calcite-link";
 import "@esri/calcite-components/components/calcite-split-button";
 import "@esri/calcite-components/components/calcite-dropdown-group";

package/dist/components/solution-deployed-card/index.js

@@ -1,8 +1,5 @@
 import "@esri/calcite-components/components/calcite-card";
 import "@esri/calcite-components/components/calcite-label";
-import "@esri/calcite-components/components/calcite-chip";
-import "@esri/calcite-components/components/calcite-icon";
-import "@esri/calcite-components/components/calcite-tooltip";
 import "@esri/calcite-components/components/calcite-link";
 import "@esri/calcite-components/components/calcite-split-button";
 import "@esri/calcite-components/components/calcite-dropdown-group";

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

@@ -3,6 +3,8 @@ import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/
 import { ISolutionInfoCard } from '../../utils/interfaces';
 
 export declare class SolutionDeployingDialog extends LitElement {
+    /** Abort controller to stop the deploying. Actual cancel callback is in solution-details */
+    abortController: AbortController | undefined;
     /** Key details about the solution */
     card: ISolutionInfoCard | undefined;
     /**
@@ -21,4 +23,6 @@ export declare class SolutionDeployingDialog extends LitElement {
     close(): void;
     /** Confirm cancel the deployment */
     confirmCancel(): void;
+    /** Cancel the current deployment */
+    cancelDeployment(): void;
 }

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

@@ -1,12 +1,12 @@
 import { c as a } from "../../chunks/runtime.js";
-import { css as s, html as t } from "lit";
-import { u as l } from "../../chunks/useT9n.js";
+import { css as o, html as t } from "lit";
+import { u as s } from "../../chunks/useT9n.js";
 import { LitElement as c } from "@arcgis/lumina";
 import { createRef as r, ref as h } from "lit-html/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250811 */
-const p = s`/** @license
+v1.1.0-next.20250812 */
+const p = o`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -23,45 +23,47 @@ const p = s`/** @license
  */.panel-bg-white{--calcite-panel-background-color: var(--calcite-color-foreground-1)}`;
 class d extends c {
   constructor() {
-    super(...arguments), this.deploymentProgress = 0, this.open = !1, this._isInCancelConfirmation = !1, this._showCancelConfirmation = !1, this._translations = l({ name: "solution-deploying-dialog", blocking: !0 }), this._deployingDialogRef = r();
+    super(...arguments), this.deploymentProgress = 0, this.open = !1, this._isInCancelConfirmation = !1, this._showCancelConfirmation = !1, this._showIsCancelling = !1, this._translations = s({ name: "solution-deploying-dialog", blocking: !0 }), this._deployingDialogRef = r();
   }
   static {
-    this.properties = { card: 0, deploymentProgress: 9, open: 5, _isInCancelConfirmation: 16, _showCancelConfirmation: 16, _translations: 16 };
+    this.properties = { abortController: 0, card: 0, deploymentProgress: 9, open: 5, _isInCancelConfirmation: 16, _showCancelConfirmation: 16, _showIsCancelling: 16, _translations: 16 };
   }
   static {
     this.styles = p;
   }
   close() {
-    this._showCancelConfirmation = !1;
+    this._showCancelConfirmation = !1, this._showIsCancelling = !1;
     const e = this._deployingDialogRef.value;
     e && (e.open = !1), this.open = !1;
   }
   confirmCancel() {
-    if (this._isInCancelConfirmation)
-      this.close();
-    else {
-      const e = this._deployingDialogRef.value;
-      e && (e.open = !0, e.closeDisabled = !0, this._isInCancelConfirmation = !0), this._showCancelConfirmation = !0;
-    }
+    const e = this._deployingDialogRef.value;
+    e && (e.open = !0, e.closeDisabled = !0, this._isInCancelConfirmation = !0, this._showIsCancelling = !1), this._showCancelConfirmation = !0;
+  }
+  cancelDeployment() {
+    this._isInCancelConfirmation && this.abortController && (this.abortController.abort(), this._showIsCancelling = !0, this._showCancelConfirmation = !1);
   }
   async load() {
   }
   render() {
     return t`<calcite-dialog .heading=${this._translations.title.replace("{{solution}}", this.card?.title ?? "")} modal .open=${this.open} @calciteDialogBeforeClose=${(e) => {
       e.preventDefault();
-    }} outside-close-disabled ${h(this._deployingDialogRef)}>${this._showCancelConfirmation ? this.renderCancelModal() : t`<calcite-panel class="panel-bg-white"><calcite-loader .label=${this._translations.deploymentInProgress} scale=l .text=${this._translations.deploymentInProgress} type=determinate-value .value=${this.deploymentProgress}></calcite-loader><calcite-carousel autoplay .label=${this._translations.newsAndFeatures} arrow-type=inline>${this.renderCarouselItems()}</calcite-carousel><calcite-button appearance=outline @click=${this.confirmCancel} slot=footer-end>${this._translations.cancel}</calcite-button></calcite-panel>`}</calcite-dialog>`;
+    }} outside-close-disabled ${h(this._deployingDialogRef)}>${this._showCancelConfirmation ? this.renderCancelModal() : this._showIsCancelling ? this.renderCancellingModal() : t`<calcite-panel class="panel-bg-white"><calcite-loader .label=${this._translations.deploymentInProgress} scale=l .text=${this._translations.deploymentInProgress} type=determinate-value .value=${this.deploymentProgress}></calcite-loader><calcite-carousel autoplay .label=${this._translations.newsAndFeatures} arrow-type=inline>${this.renderCarouselItems()}</calcite-carousel><calcite-button appearance=outline @click=${this.confirmCancel} slot=footer-end>${this._translations.cancel}</calcite-button></calcite-panel>`}</calcite-dialog>`;
   }
   renderCarouselItems() {
     const e = [], n = this._translations.carousel;
-    for (const [i, o] of Object.entries(n))
-      e.push(t`<calcite-carousel-item .label=${i}><calcite-label layout=inline>${i === "stockMessage1" && t`<calcite-icon icon=model></calcite-icon>` || ""}${i === "stockMessage2" && t`<calcite-icon icon=trash></calcite-icon>` || ""}${o}</calcite-label></calcite-carousel-item>`);
+    for (const [i, l] of Object.entries(n))
+      e.push(t`<calcite-carousel-item .label=${i}><calcite-label layout=inline>${i === "stockMessage1" && t`<calcite-icon icon=model></calcite-icon>` || ""}${i === "stockMessage2" && t`<calcite-icon icon=trash></calcite-icon>` || ""}${l}</calcite-label></calcite-carousel-item>`);
     return e;
   }
   renderCancelModal() {
     return t`<calcite-panel class="panel-bg-white">${this._translations.deploymentCancelMessage}<calcite-button kind=brand @click=${() => {
       const e = this._deployingDialogRef.value;
       e && (e.closeDisabled = !1), this._isInCancelConfirmation = !1, this._showCancelConfirmation = !1;
-    }} slot=footer-end>${this._translations.continueDeployment}</calcite-button><calcite-button appearance=outline @click=${this.confirmCancel} slot=footer-end>${this._translations.cancelDeploymentButton}</calcite-button></calcite-panel>`;
+    }} slot=footer-end>${this._translations.continueDeployment}</calcite-button><calcite-button appearance=outline @click=${this.cancelDeployment} slot=footer-end>${this._translations.cancelDeploymentButton}</calcite-button></calcite-panel>`;
+  }
+  renderCancellingModal() {
+    return t`<calcite-panel class="panel-bg-white"><calcite-loader .label=${this._translations.cancelCurrentDeployment} .text=${this._translations.cancelCurrentDeployment}></calcite-loader></calcite-panel>`;
   }
 }
 a("solution-deploying-dialog", d);

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

@@ -4,7 +4,7 @@ import { u as l } from "../../chunks/useT9n.js";
 import { LitElement as n, createEvent as d, nothing as s, safeClassMap as p } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250811 */
+v1.1.0-next.20250812 */
 const h = r`/** @license
  * Copyright 2025 Esri
  *
@@ -19,7 +19,7 @@ const h = r`/** @license
  * 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.
- */calcite-card{width:240px}@media (max-width: 400px){calcite-card{width:100%}}calcite-card:hover img{-webkit-filter:brightness(50%);filter:brightness(50%);-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{outline:2px solid var(--calcite-ui-brand);box-sizing:border-box;cursor:pointer}.chip-updated{--calcite-chip-icon-color: var(--calcite-ui-brand);cursor:pointer}.chip-deployed{--calcite-chip-icon-color: var(--calcite-color-status-success)}.hover-text{transition:.5s 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.1rem}.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}`;
+ */calcite-card{width:240px;height:100%;padding-bottom:2px}@media (max-width: 400px){calcite-card{width:100%}}calcite-card:hover img{-webkit-filter:brightness(50%);filter:brightness(50%);-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{outline:2px solid var(--calcite-ui-brand);box-sizing:border-box;cursor:pointer}.chip-updated{--calcite-chip-icon-color: var(--calcite-ui-brand);cursor:pointer}.chip-deployed{--calcite-chip-icon-color: var(--calcite-color-status-success)}.hover-text{transition:.5s 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.1rem}.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}`;
 class m extends n {
   constructor() {
     super(...arguments), this._translations = l({ name: "solution-details-card", blocking: !0 }), this.detailsCardSelected = d();
@@ -31,8 +31,8 @@ class m extends n {
     this.styles = h;
   }
   render() {
-    const e = this.card, c = e.chip === "updated" ? "chip-updated" : this.card.chip === "deployed" ? "chip-deployed" : "", t = "solution-details-card-chip", i = e.chip === "updated" ? this._translations.updated : this._translations.deployed;
-    return a`<div><calcite-card .label=${e.snippet} @click=${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">${e.title}</calcite-label><p slot=description>${e.snippet}</p>${e.chip !== "none" ? a`<div slot=footer-end><calcite-chip class=${p(c)} .icon=${e.chip === "updated" ? "mega-phone" : "check-circle"} id=${t} .label=${i} .value=${i} scale=s></calcite-chip><calcite-tooltip .referenceElement=${t}><span>${i}</span></calcite-tooltip></div>` : void 0}<div slot=footer-start></div></calcite-card></div>`;
+    const e = this.card, c = e.chip === "updated" ? "chip-updated" : this.card.chip === "deployed" ? "chip-deployed" : "", i = "solution-details-card-chip", t = e.chip === "updated" ? this._translations.updated : this._translations.deployed;
+    return a`<calcite-card .label=${e.snippet} @click=${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">${e.title}</calcite-label><p slot=description>${e.snippet}</p>${e.chip !== "none" ? a`<div slot=footer-end><calcite-chip class=${p(c)} .icon=${e.chip === "updated" ? "mega-phone" : "check-circle"} id=${i} .label=${t} .value=${t} scale=s></calcite-chip><calcite-tooltip .referenceElement=${i}><span>${t}</span></calcite-tooltip></div>` : void 0}<div slot=footer-start></div></calcite-card>`;
   }
   _cardSelected() {
     this.detailsCardSelected.emit(this.card);

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

@@ -8,12 +8,12 @@ import { a as S, i as R, u as P } from "../../chunks/deployAppContexts.js";
 import { getItemDataAsJson as M, getItem as k, getPropWithDefault as f, getProp as u, setCreateProp as L } from "@esri/solution-common";
 import { a as C, b as I } from "../../chunks/privilegeUtils.js";
 import { _findExistingItem as A } from "@esri/solution-deployer";
-import { _ as T } from "../../chunks/appConfig.js";
-import { A as D } from "../../chunks/Auth.js";
+import { _ as D } from "../../chunks/appConfig.js";
+import { A as T } from "../../chunks/Auth.js";
 import { g as H, a as E } from "../../chunks/common.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250811 */
+v1.1.0-next.20250812 */
 const U = b`/** @license
  * Copyright 2025 Esri
  *
@@ -43,7 +43,7 @@ class O extends w {
     super.connectedCallback(), this._mediaQuery = window.matchMedia("(max-width: 800px)"), this.listenOn(this._mediaQuery, "change", this._mediaQueryChange), this.listenOn(window, "calciteTabChange", this._cleanupPanel), this.listenOn(window, "detailsCardSelected", this._cleanupPanel);
   }
   async load() {
-    this.useLocalAppConfig && (this.appConfig = T), this.authentication || (console.log("auth not provided in solutions-details-panel...loading from app config"), this.authentication = new D(this.appConfig.appId, this.appConfig.portalURL, this.appConfig.locale), await this.authentication.init(), this.authentication.SignedIn || this.authentication.signIn()), this._authContextProvider.setValue(this.authentication), this.authentication.RestUserSession && this._userSessionContextProvider.setValue(this.authentication.RestUserSession), this._setRefreshInterval();
+    this.useLocalAppConfig && (this.appConfig = D), this.authentication || (console.log("auth not provided in solutions-details-panel...loading from app config"), this.authentication = new T(this.appConfig.appId, this.appConfig.portalURL, this.appConfig.locale), await this.authentication.init(), this.authentication.SignedIn || this.authentication.signIn()), this._authContextProvider.setValue(this.authentication), this.authentication.RestUserSession && this._userSessionContextProvider.setValue(this.authentication.RestUserSession), this._setRefreshInterval();
   }
   loaded() {
     this._resizeObserver = new ResizeObserver(async () => {
@@ -274,8 +274,8 @@ class O extends w {
   _cleanupPanel() {
     this.el.shadowRoot?.getElementById("solution-details-row")?.scrollIntoView(!0), this.el.shadowRoot?.getElementById("screenshots-subsection")?.scrollTo(0, 0), this.el.shadowRoot?.getElementById("you-may-also-like-subsection")?.scrollTo(0, 0), this._privilegePopoverRef.value?.open && (this._privilegePopoverRef.value.open = !1);
   }
-  _deployProgressStart() {
-    this._deployingDialogRef.value && (this._deployingDialogRef.value.open = !0), this._deployDialogRef.value && this._deployDialogRef.value.classList.add("display-none");
+  _deployProgressStart(e) {
+    this._deployingDialogRef.value && (this._deployingDialogRef.value.open = !0, this._deployingDialogRef.value.abortController = e.detail), this._deployDialogRef.value && this._deployDialogRef.value.classList.add("display-none");
   }
   _deployProgessUpdated(e) {
     const t = e.detail;

package/dist/components/solution-item/customElement.js

@@ -5,7 +5,7 @@ import { css as l, html as i } from "lit";
 import { LitElement as n, noShadowRoot as c, safeStyleMap as a } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250811 */
+v1.1.0-next.20250812 */
 const r = l`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -4,7 +4,7 @@ import { css as d, html as n, nothing as p } from "lit";
 import { LitElement as h, createEvent as l } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250811 */
+v1.1.0-next.20250812 */
 const m = d`/** @license
  * Copyright 2025 Esri
  *
@@ -117,7 +117,7 @@ class u extends h {
     const i = this.typeKeywords.includes("Deployed") && e.url, t = this.linkType === "action";
     return n`<calcite-list-item id=${e.id ?? p} @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.itemRelationshipDependencies.length > 0 && this.itemRelationshipDependencies.some((s) => s === e.id) && n`<calcite-chip slot=actions-end .label=${this._translations?.itemDependency}>${this._translations?.itemDependency}</calcite-chip>` || ""}${i && t ? n`<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.itemRelationshipDependencies.length > 0 && this.itemRelationshipDependencies.some((s) => s === e.id) && n`<calcite-chip slot=actions-end icon=exclamation-mark-triangle scale=s .label=${this._translations?.itemDependency}>${this._translations?.itemDependency}</calcite-chip>` || ""}${i && t ? n`<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>`;
   }
   _sortTemplatesByTitle(e) {
     return e.sort((i, t) => i.title < t.title ? -1 : i.title > t.title ? 1 : 0);

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

@@ -6,7 +6,7 @@ import { createRef as a, ref as s } from "lit-html/directives/ref.js";
 import { LitElement as c, noShadowRoot as h } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250811 */
+v1.1.0-next.20250812 */
 const p = m`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-item-diagram/customElement.js

@@ -7,7 +7,7 @@ import * as c from "gojs";
 import { injectGlobal as P } from "@emotion/css";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250811 */
+v1.1.0-next.20250812 */
 const z = B`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-item-icon/customElement.js

@@ -3,7 +3,7 @@ import { css as l, html as p } from "lit";
 import { LitElement as u, noShadowRoot as d, nothing as c } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250811 */
+v1.1.0-next.20250812 */
 const g = l`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-item-sharing/customElement.js

@@ -5,7 +5,7 @@ import { css as h, html as a, nothing as o } from "lit";
 import { LitElement as p } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250811 */
+v1.1.0-next.20250812 */
 const d = h`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-organization-variables/customElement.js

@@ -4,7 +4,7 @@ import { css as n, html as a } from "lit";
 import { LitElement as o, createEvent as l } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250811 */
+v1.1.0-next.20250812 */
 const c = n`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-resource-item/customElement.js

@@ -7,7 +7,7 @@ import { css as u, html as a, nothing as n } from "lit";
 import { LitElement as p, safeStyleMap as m, safeClassMap as f } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250811 */
+v1.1.0-next.20250812 */
 const _ = u`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-snapshot-gallery/customElement.js

@@ -8,7 +8,7 @@ import { css as d, html as t } from "lit";
 import { createRef as p, ref as g } from "lit-html/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250811 */
+v1.1.0-next.20250812 */
 const m = d`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-social-share/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as y, nothing as p, safeStyleMap as a, safeClassMap as k } f
 import { createRef as r, ref as c } from "lit-html/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250811 */
+v1.1.0-next.20250812 */
 const x = b`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-spatial-ref/customElement.js

@@ -7,7 +7,7 @@ import { css as u, html as n } from "lit";
 import { LitElement as m, createEvent as c, noShadowRoot as b } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250811 */
+v1.1.0-next.20250812 */
 const S = u`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-template-data/customElement.js

@@ -5,7 +5,7 @@ import { css as h, nothing as d, html as p } from "lit";
 import { LitElement as u, noShadowRoot as m, safeClassMap as s } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250811 */
+v1.1.0-next.20250812 */
 const v = h`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-variables/customElement.js

@@ -4,7 +4,7 @@ import { css as n, html as s, nothing as l } from "lit";
 import { LitElement as c, createEvent as o } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250811 */
+v1.1.0-next.20250812 */
 const h = n`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solutions-all-panel/customElement.js

@@ -8,7 +8,7 @@ import { C as h, g as y } from "../../chunks/cardFetchingUtils.js";
 import { a as w, u as v } from "../../chunks/deployAppContexts.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250811 */
+v1.1.0-next.20250812 */
 const x = u`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solutions-all-shell/customElement.js

@@ -10,7 +10,7 @@ import { createRef as v, ref as C } from "lit/directives/ref.js";
 import { A as S } from "../../chunks/Auth.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250811 */
+v1.1.0-next.20250812 */
 const w = f`/** @license
  * Copyright 2025 Esri
  *
@@ -25,7 +25,7 @@ const w = f`/** @license
  * 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.
- */.display-flex{display:flex}.border-override{border-top-width:var(--calcite-border-width-none);border-bottom-width:var(--calcite-border-width-none)}.header-override{--calcite-panel-header-content-space: 0px;--calcite-panel-header-background-color: var(--calcite-color-foreground-3);--calcite-panel-border-color: none}.label-override{--calcite-label-margin-bottom: 0px;padding-inline-start:1rem}.header-button-padding{padding-top:.5rem;padding-bottom:.5rem;padding-inline-start:1rem;padding-inline-end:1rem}.padding-start{padding-inline-start:1rem}.align-items-center{align-items:center}.justify-content-end{justify-content:end}.filter-width-350{--calcite-shell-panel-width: 350px}@media (max-width: 800px){.filter{display:none}.filter-button{display:block;position:absolute;top:.5rem;left:.5rem;z-index:999}}@media (min-width: 800px){.filter-button{display:none}}.mock-fab{--calcite-fab-shadow-internal: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);box-shadow:var(--calcite-fab-shadow, var(--calcite-fab-shadow-internal));--calcite-button-background-color: var(--calcite-fab-background-color);--calcite-button-border-color: var(--calcite-fab-border-color);--calcite-button-text-color: var(--calcite-fab-text-color);--calcite-button-loader-color: var(--calcite-fab-loader-color)}.background-override{--calcite-shell-panel-background-color: var(--calcite-color-foreground-3);--calcite-panel-background-color: var(--calcite-color-foreground-3)}.position-relative{position:relative}`;
+ */.display-flex{display:flex}.border-override{border-top-width:var(--calcite-border-width-none);border-bottom-width:var(--calcite-border-width-none)}.header-override{--calcite-panel-header-content-space: 0px;--calcite-panel-header-background-color: var(--calcite-color-foreground-3);--calcite-panel-border-color: none}.label-override{--calcite-label-margin-bottom: 0px;padding-inline-start:1rem}.header-button-padding{padding-top:.5rem;padding-bottom:.5rem;padding-inline-start:1rem;padding-inline-end:1rem}.padding-start{padding-inline-start:1rem}.align-items-center{align-items:center}.justify-content-end{justify-content:end}.filter-width-350{--calcite-shell-panel-width: 350px}.z-index-1{z-index:1}.z-index-2{z-index:2}@media (max-width: 800px){.filter{display:none}.filter-button{display:block;position:absolute;top:.5rem;left:.5rem;z-index:999}}@media (min-width: 800px){.filter-button{display:none}}.mock-fab{--calcite-fab-shadow-internal: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);box-shadow:var(--calcite-fab-shadow, var(--calcite-fab-shadow-internal));--calcite-button-background-color: var(--calcite-fab-background-color);--calcite-button-border-color: var(--calcite-fab-border-color);--calcite-button-text-color: var(--calcite-fab-text-color);--calcite-button-loader-color: var(--calcite-fab-loader-color)}.background-override{--calcite-shell-panel-background-color: var(--calcite-color-foreground-3);--calcite-panel-background-color: var(--calcite-color-foreground-3)}.position-relative{position:relative}`;
 class x extends p {
   constructor() {
     super(), this.authentication = void 0, this.solutionsCount = 0, this.sortType = "numviews", this.useLocalAppConfig = !1, this.filterOpen = !0, this.filters = [], this.isMobile = !1, this._translations = h({ name: "solutions-all-shell", blocking: !0 }), this._allSolutionsPanelRef = v(), this._authContextProvider = n({ context: g }), this._isMobileContextProvider = n({ context: b }), this._userSessionContextProvider = n({ context: m }), this.filterRemoved = l(), this.solutionsAllLoaded = l(), this.tokenRefreshed = l(), this._mediaQueryChange = this._mediaQueryChange.bind(this);
@@ -55,7 +55,7 @@ class x extends p {
   }
   render() {
     const e = this.filterOpen ? "chevron-left" : "chevron-right", t = this.isMobile ? "justify-content-end" : "";
-    return i`<calcite-shell class="position-relative">${this.isMobile ? "" : this._getFilterPanel()}<calcite-button appearance=outline-fill class="filter-button mock-fab" icon-start=${e} kind=neutral @click=${this._toggleFilter} scale=m></calcite-button><calcite-panel class="border-override header-override background-override"><div class=${`display-flex align-items-center ${t}`} slot=header-content><calcite-label class="label-override">${this._translations.numberOfSolutions.replace("{{count}}", this.solutionsCount.toString())}</calcite-label>${this._renderChips()}</div><div slot=header-actions-end>${this._renderDropdown()}</div>${this.isMobile && this.filterOpen && this._getFilterPanel() || ""}${this._getSolutionsAllPanel()}</calcite-panel></calcite-shell>`;
+    return i`<calcite-shell class="position-relative">${this.isMobile ? "" : this._getFilterPanel()}<calcite-button appearance=outline-fill class="filter-button mock-fab z-index-2" icon-start=${e} kind=neutral @click=${this._toggleFilter} scale=m></calcite-button><calcite-panel class="border-override header-override background-override z-index-1"><div class=${`display-flex align-items-center ${t}`} slot=header-content><calcite-label class="label-override">${this._translations.numberOfSolutions.replace("{{count}}", this.solutionsCount.toString())}</calcite-label>${this._renderChips()}</div><div slot=header-actions-end>${this._renderDropdown()}</div>${this.isMobile && this.filterOpen && this._getFilterPanel() || ""}${this._getSolutionsAllPanel()}</calcite-panel></calcite-shell>`;
   }
   disconnectedCallback() {
     super.disconnectedCallback(), this._mediaQuery?.removeEventListener("change", this._mediaQueryChange);

package/dist/components/solutions-article-panel/customElement.js

@@ -4,7 +4,7 @@ import { u as r } from "../../chunks/useT9n.js";
 import { LitElement as a, nothing as e } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250811 */
+v1.1.0-next.20250812 */
 const l = s`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solutions-articles/customElement.js

@@ -7,7 +7,7 @@ import { request as p } from "@esri/solution-common";
 import { u as g } from "../../chunks/deployAppContexts.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250811 */
+v1.1.0-next.20250812 */
 const u = l`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solutions-articles-shell/customElement.js

@@ -4,7 +4,7 @@ import { u as s } from "../../chunks/useT9n.js";
 import { LitElement as l } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250811 */
+v1.1.0-next.20250812 */
 const n = i`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solutions-deployed-panel/customElement.js

@@ -10,7 +10,7 @@ import { B as l, q as w, r as C, s as S } from "../../chunks/interfaces.js";
 import { g as v } from "../../chunks/privilegeUtils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20250811 */
+v1.1.0-next.20250812 */
 const x = c`/** @license
  * Copyright 2025 Esri
  *