@esri/solutions-components 1.0.4 → 1.0.6

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

@@ -1,15 +1,15 @@
 import { c as T } from "../../chunks/runtime.js";
 import { html as E } from "lit-html";
 import { u as B } from "../../chunks/useT9n.js";
-import { LitElement as D, noShadowRoot as C } from "@arcgis/lumina";
+import { LitElement as D } from "@arcgis/lumina";
 import { createRef as y, ref as k } from "lit-html/directives/ref.js";
-import { css as A } from "@lit/reactive-element/css-tag.js";
+import { css as C } from "@lit/reactive-element/css-tag.js";
 import * as c from "gojs";
-import { injectGlobal as P } from "@emotion/css";
+import { injectGlobal as A } from "@emotion/css";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.4 */
-const $ = A`@layer{/** @license
+v1.0.6 */
+const P = C`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -23,7 +23,7 @@ const $ = A`@layer{/** @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.
- */}`;
+ */#filter-bar{background-color:#f4f4f4;position:absolute;top:16px;right:220px;z-index:100}#filteredViewButtonDiv{padding:16px 16px 4px}#graph-navigation-bar{background-color:#f4f4f4;position:absolute;top:16px;right:16px;z-index:100}#graph-navigation-controls{position:absolute;top:0;right:0}`;
 /** @license
  *
  * Copyright 2018 Esri
@@ -347,15 +347,15 @@ function z(r, i) {
  *
  * email: contracts@esri.com
  */
-const O = 15, H = 15, V = 10, m = new c.Size(220, 48), _ = 1, G = 8, w = new c.Size(48, 48), M = new c.Size(16, 16), b = new c.Size(153, 17), j = "400 0.75rem 'Avenir Next', Avenir, 'Helvetica Neue', sans-serif", R = "700 0.75rem 'Avenir Next', Avenir, 'Helvetica Neue', sans-serif", F = "#f4f4f4", W = "#cacaca", q = "#ffffff", v = "#4a4a4a", S = "#6a6a6a", U = "#ffffff", g = 1, N = 0.3, f = 1, x = 0.2, K = 1;
-function Y(r) {
+const $ = 15, O = 15, H = 10, m = new c.Size(220, 48), V = 1, _ = 8, w = new c.Size(48, 48), G = new c.Size(16, 16), b = new c.Size(153, 17), M = "400 0.75rem 'Avenir Next', Avenir, 'Helvetica Neue', sans-serif", j = "700 0.75rem 'Avenir Next', Avenir, 'Helvetica Neue', sans-serif", R = "#f4f4f4", F = "#cacaca", W = "#ffffff", v = "#4a4a4a", S = "#6a6a6a", q = "#ffffff", g = 1, N = 0.3, f = 1, x = 0.2, U = 1;
+function K(r) {
   const i = document.createElement("div");
   i.style.width = "100%", i.style.height = "100%", r.appendChild(i);
   const e = new c.Diagram(
     i,
     // create a Diagram for the HTML Div element
     {
-      click: ne,
+      click: ie,
       // handle diagram clicks
       contentAlignment: c.Spot.Center,
       // align document to the center of the viewport
@@ -366,10 +366,10 @@ function Y(r) {
       initialAutoScale: c.AutoScale.Uniform,
       // automatic zoom-to-fit
       layout: new c.LayeredDigraphLayout({
-        columnSpacing: O,
-        layerSpacing: H
+        columnSpacing: $,
+        layerSpacing: O
       }),
-      padding: V,
+      padding: H,
       scrollMode: c.ScrollMode.Infinite,
       // allow infinite scrolling--beyond document bounds
       "toolManager.hoverDelay": 50,
@@ -379,7 +379,7 @@ function Y(r) {
     }
   );
   e.nodeTemplate = new c.Node("Auto", {
-    click: ae,
+    click: ne,
     movable: !1,
     opacity: g,
     toolTip: new c.Adornment("Auto", {
@@ -390,22 +390,22 @@ function Y(r) {
       shadowBlur: 16,
       shadowColor: "rgba(0, 0, 0, 0.16)",
       shadowOffset: new c.Point(0, 0)
-    }).add(new c.Panel("Vertical", { background: U, margin: 0 }).add(new c.TextBlock({ margin: 14 }).bind("text", "title")))
+    }).add(new c.Panel("Vertical", { background: q, margin: 0 }).add(new c.TextBlock({ margin: 14 }).bind("text", "title")))
   }).bind("text", "title").add(
     new c.Shape({
       desiredSize: m,
-      fill: q,
-      geometryString: ie(
+      fill: W,
+      geometryString: te(
         m.width,
         m.height,
-        G,
+        _,
         w.width,
         !0
       ),
       height: m.height,
       portId: "",
-      stroke: W,
-      strokeWidth: _,
+      stroke: F,
+      strokeWidth: V,
       width: m.width
     })
   ).add(
@@ -425,8 +425,8 @@ function Y(r) {
           margin: 16
         }).add(
           new c.Picture({
-            desiredSize: M
-          }).bind("source", "", (n) => se(n.itemType, n.itemTypeKeywords))
+            desiredSize: G
+          }).bind("source", "", (n) => oe(n.itemType, n.itemTypeKeywords))
         )
       ),
       // Label
@@ -440,7 +440,7 @@ function Y(r) {
           new c.TextBlock({
             alignment: c.Spot.Left,
             desiredSize: b,
-            font: R,
+            font: j,
             overflow: c.TextOverflow.Ellipsis,
             stroke: v,
             wrap: c.Wrap.None
@@ -449,7 +449,7 @@ function Y(r) {
           new c.TextBlock({
             alignment: c.Spot.Left,
             desiredSize: b,
-            font: j,
+            font: M,
             overflow: c.TextOverflow.Ellipsis,
             stroke: v,
             wrap: c.Wrap.None
@@ -457,7 +457,7 @@ function Y(r) {
         )
       )
     )
-  ), e.commandHandler.zoomFactor = 1.05, e.setDivBackground(F);
+  ), e.commandHandler.zoomFactor = 1.05, e.setDivBackground(R);
   const t = e.toolManager.clickSelectingTool;
   t.standardMouseSelect = function() {
   };
@@ -488,21 +488,21 @@ function p(r, i) {
     linkToPortIdProperty: "toPort"
   });
 }
-function Z(r, i, e, t = !0) {
+function Y(r, i, e, t = !0) {
   if (t) {
-    const d = re(r, e);
+    const d = ae(r, e);
     d.addEventListener(
       "calciteSwitchChange",
       () => document.dispatchEvent(new CustomEvent("filteredViewChanged", { detail: d.checked }))
     );
   }
-  const { resetButton: s, centerButton: n, zoomInButton: a, zoomOutButton: o } = oe(r, e);
-  s.addEventListener("click", () => de(i)), n.addEventListener("click", () => i.zoomToFit()), a.addEventListener("click", () => i.commandHandler.increaseZoom()), o.addEventListener("click", () => i.commandHandler.decreaseZoom());
+  const { resetButton: s, centerButton: n, zoomInButton: a, zoomOutButton: o } = re(r, e);
+  s.addEventListener("click", () => ce(i)), n.addEventListener("click", () => i.zoomToFit()), a.addEventListener("click", () => i.commandHandler.increaseZoom()), o.addEventListener("click", () => i.commandHandler.decreaseZoom());
 }
-function J(r, i, e) {
-  le();
-  const t = Y(r);
-  return p(t, i), Z(r, t, e), t;
+function Z(r, i, e) {
+  de();
+  const t = K(r);
+  return p(t, i), Y(r, t, e), t;
 }
 function L(r) {
   const i = /* @__PURE__ */ new Set(), e = /* @__PURE__ */ new Set();
@@ -527,11 +527,11 @@ function L(r) {
   }
   return s(r), { connectedNodes: i, connectedLinks: e };
 }
-function Q(r, i = !1, e) {
+function J(r, i = !1, e) {
   const t = [], s = r.map((a) => {
     if (a.type !== "Group") {
-      const o = te(a);
-      return ee(a, o, i, e);
+      const o = ee(a);
+      return X(a, o, i, e);
     } else {
       t.push(a.id);
       return;
@@ -549,7 +549,7 @@ function Q(r, i = !1, e) {
     });
   }), { nodes: s, links: n, groupPseudoNodes: t };
 }
-function X(r, i, e, t = !0) {
+function Q(r, i, e, t = !0) {
   const s = r.diagram;
   if (!s)
     return;
@@ -567,7 +567,7 @@ function X(r, i, e, t = !0) {
         n[d.key] = g;
       for (const d of o) {
         const u = `${d.fromNode?.key}-${d.toNode?.key}`;
-        n[u] = K;
+        n[u] = U;
       }
     }
   }
@@ -614,35 +614,35 @@ function I(r, i, e, t, s = !0) {
     o.start();
   }
 }
-function ee(r, i, e = !1, t) {
+function X(r, i, e = !1, t) {
   return {
     key: i,
     title: r.title,
     itemId: r.id,
     itemType: r.type,
-    itemTypeForDisplay: ce(r.type, r.typeKeywords),
+    itemTypeForDisplay: se(r.type, r.typeKeywords),
     itemTypeKeywords: r.typeKeywords,
     group: r.type,
     url: e ? `${t}?id=${r.id}` : void 0
   };
 }
-function te(r) {
+function ee(r) {
   return r.id;
 }
-function ie(r, i, e, t = 0, s = !1) {
+function te(r, i, e, t = 0, s = !1) {
   let n = "";
   s && (n += "F");
   const a = r - 2 * e, o = i - 2 * e;
   return n += " M0 0", n += ` h${a}`, n += ` a${e} ${e} 0 0 1 ${e} ${e}`, n += ` v${o}`, n += ` a${e} ${e} 0 0 1 ${-e} ${e}`, n += ` h${-a}`, n += ` a${e} ${e} 0 0 1 ${-e} ${-e}`, n += ` v${-o}`, n += ` a${e} ${e} 0 0 1 ${e} ${-e}`, t > 0 && (n += ` M${t - e} 0 v${i}`), n;
 }
-function ne() {
+function ie() {
   document.dispatchEvent(new CustomEvent("clickInDiagram"));
 }
-function ae(r, i) {
+function ne(r, i) {
   const e = i.part;
   e instanceof c.Node && (e.selectionAdorned = !1, document.dispatchEvent(new CustomEvent("clickOnNode", { detail: e })));
 }
-function re(r, i) {
+function ae(r, i) {
   const e = document.createElement("calcite-switch");
   e.id = "filteredViewButton", e.label = i.filteredView;
   const t = document.createElement("calcite-label");
@@ -654,7 +654,7 @@ function re(r, i) {
   const a = document.createElement("div");
   return a.id = "filter-bar", r.appendChild(a), a.appendChild(n), e;
 }
-function oe(r, i) {
+function re(r, i) {
   const e = document.createElement("calcite-action");
   e.icon = "reset", e.id = "showHideGrayedOutButton";
   const t = document.createElement("calcite-tooltip");
@@ -676,11 +676,11 @@ function oe(r, i) {
   const h = document.createElement("div");
   return h.id = "graph-navigation-bar", r.appendChild(h), h.appendChild(l), { resetButton: e, centerButton: s, zoomInButton: a, zoomOutButton: d };
 }
-function se(r, i) {
+function oe(r, i) {
   const e = z(r, i), t = new URL("../assets/item-icons/", import.meta.url).href;
   return e === "group" ? `${t}/${e}16.png` : `${t}/${e}16.svg`;
 }
-function ce(r, i) {
+function se(r, i) {
   let e = r;
   if (r === "Feature Service") {
     const t = i.indexOf("View Service") > -1, s = i.indexOf("Table") > -1;
@@ -688,11 +688,11 @@ function ce(r, i) {
   }
   return r === "Web Mapping Application" && (e = i.indexOf("configurableApp") > -1 ? "Instant App" : e), e = r === "Geoprocessing Service" ? "Tool" : e, e = r === "Feed" ? "Feed (hosted)" : e, e = r === "Real Time Analytic" ? "Real Time Analytic (hosted)" : e, e = r === "Big Data Analytic" ? "Big Data Analytic (hosted)" : e, e = r === "Vector Tile Service" ? "Tile Layer" : e, e;
 }
-function de(r) {
+function ce(r) {
   r.zoomToFit(), document.dispatchEvent(new CustomEvent("reset"));
 }
-function le() {
-  P`
+function de() {
+  A`
     #filter-bar {
       background-color: #f4f4f4;
       position: absolute;
@@ -735,9 +735,9 @@ function le() {
  *
  * email: contracts@esri.com
  */
-const ue = 8, pe = 15, me = "#1e90ff", ge = 4;
+const le = 8, ue = 15, pe = "#1e90ff", me = 4;
 c.Diagram.licenseKey = "298647e0b16f4fc702d90676423d6bf919a175639c841aa45d0412f3ed083d06329fef2851d38f9787af4efe187c90d1ddc06e219e49563fe531d3da13e1d1aab03774e5140b4589f31136c5ccaa2ca1ae2870e0d2b676a1df678bedebaa";
-class he {
+class ge {
   /**
    * Creates a new instance of the SolutionDisplay class.
    * @param indexPanel The Calcite panel element to use as the index panel.
@@ -771,7 +771,7 @@ class he {
    * @returns A promise that resolves when the index and diagram have been created.
    */
   create(i) {
-    this.collection = i, this.index = document.createElement("solution-item-accordion"), this.index.listSelectionMode = "single", this.index.style.overflowY = "auto", this.indexPanel.appendChild(this.index), this.index.templateInfos = i, this.allNodesAndLinks = Q(i), this.diagram = J(
+    this.collection = i, this.index = document.createElement("solution-item-accordion"), this.index.listSelectionMode = "single", this.index.style.overflowY = "auto", this.indexPanel.appendChild(this.index), this.index.templateInfos = i, this.allNodesAndLinks = J(i), this.diagram = Z(
       this.diagramPanel,
       this.allNodesAndLinks,
       this.diagramTranslations
@@ -806,10 +806,10 @@ class he {
       });
       t.add(new c.Shape("RoundedRectangle", {
         fill: "transparent",
-        parameter1: ue,
-        parameter2: pe,
-        stroke: me,
-        strokeWidth: ge
+        parameter1: le,
+        parameter2: ue,
+        stroke: pe,
+        strokeWidth: me
       })), t.add(new c.Placeholder({
         margin: 1
       })), this.diagramNodeHighlighterIndex[e.data.key] = t;
@@ -870,7 +870,7 @@ class he {
             if (p(this.diagram, { nodes: d, links: u }), this.createNodeHighlighters(), a = this.getNodeById(i), !a)
               return;
           }
-          a && setTimeout(() => X(a, !0, this.diagramNodeHighlighterIndex[i]), 1), this.index.selectItem(this.currentSelectedItemId);
+          a && setTimeout(() => Q(a, !0, this.diagramNodeHighlighterIndex[i]), 1), this.index.selectItem(this.currentSelectedItemId);
         }
       }
       n && this.reset();
@@ -883,7 +883,7 @@ class he {
     this.diagramNeedsRedraw = !1, this.currentSelectedGroupId = "", this.currentSelectedItemId = "", p(this.diagram, this.allNodesAndLinks), this.createNodeHighlighters(), this.clearSelections();
   }
 }
-class fe extends D {
+class he extends D {
   constructor() {
     super(...arguments), this.templateInfoGraph = [], this._diagramPanel = y(), this._diagramShell = y(), this._translations = B({ name: "solution-item-diagram", blocking: !0 });
   }
@@ -891,10 +891,7 @@ class fe extends D {
     this.properties = { templateInfoGraph: 0, _diagramPanel: 16, _diagramShell: 16, _translations: 16 };
   }
   static {
-    this.styles = $;
-  }
-  static {
-    this.shadowRootOptions = C;
+    this.styles = P;
   }
   updated() {
     if (this.templateInfoGraph.length > 0) {
@@ -905,14 +902,14 @@ class fe extends D {
         zoomIn: this._translations.graphTranslations.zoomIn,
         zoomOut: this._translations.graphTranslations.zoomOut
       };
-      this.solutionDisplay = new he(this._diagramShell.value, this._diagramPanel.value, i), this.solutionDisplay.create(this.templateInfoGraph);
+      this.solutionDisplay = new ge(this._diagramShell.value, this._diagramPanel.value, i), this.solutionDisplay.create(this.templateInfoGraph);
     }
   }
   render() {
     return E`<calcite-shell><calcite-shell-panel id=diagram-shell-panel slot=panel-start ${k(this._diagramShell)}></calcite-shell-panel><calcite-panel id=diagram-panel slot=panel-bottom ${k(this._diagramPanel)}></calcite-panel></calcite-shell>`;
   }
 }
-T("solution-item-diagram", fe);
+T("solution-item-diagram", he);
 export {
-  fe as SolutionItemDiagram
+  he as SolutionItemDiagram
 };

package/dist/components/solution-item-icon/customElement.d.ts

@@ -2,7 +2,7 @@
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 /**
- * TODO: [MIGRATION] This component had a `@Component()` decorator with a "assetsDirs" prop.
+ * TODO: [MIGRATION] This component had a `@Component()` decorator with a 'assetsDirs' prop.
  * It needs to be migrated manually. Please refer to https://qawebgis.esri.com/components/lumina/assets
  */
 export declare class SolutionItemIcon extends LitElement {

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

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

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

@@ -6,7 +6,7 @@ import { LitElement as h } from "@arcgis/lumina";
 import { css as p } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.4 */
+v1.0.6 */
 const d = p`/** @license
  * Copyright 2025 Esri
  *

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

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

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

@@ -1,5 +1,5 @@
 import { c as d } from "../../chunks/runtime.js";
-import { E as s } from "../../chunks/interfaces.js";
+import { o as s } from "../../chunks/interfaces.js";
 import { EFileType as c } from "@esri/solution-common";
 import { _ as r } from "../../chunks/solution-store.js";
 import { u as h } from "../../chunks/useT9n.js";
@@ -8,7 +8,7 @@ import { LitElement as u, safeStyleMap as p, safeClassMap as m } from "@arcgis/l
 import { css as f } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.4 */
+v1.0.6 */
 const _ = f`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-snapshot-gallery/customElement.d.ts

@@ -9,11 +9,6 @@ export declare class SolutionSnapshotGallery extends LitElement {
     authContextConsumer: import('@lit/context').ContextConsumer<{
         __context__: Auth;
     }, HTMLElement & import('lit').ReactiveControllerHost>;
-    /**
-     * The authentication
-     * TODO this should not be necessary as we should get this from the authContextConsumer but it's not working in this case for some reason
-     */
-    auth: Auth | undefined;
     /** Key details about the solution */
     card: ISolutionInfoCard | undefined;
     /** The current screenshot to display the large image for */

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

@@ -1,6 +1,6 @@
-import { c as o } from "../../chunks/runtime.js";
-import { u as a } from "../../chunks/useT9n.js";
-import { LitElement as r, useContextConsumer as c, nothing as s } from "@arcgis/lumina";
+import { c as n } from "../../chunks/runtime.js";
+import { u as r } from "../../chunks/useT9n.js";
+import { LitElement as a, useContextConsumer as c, nothing as s } from "@arcgis/lumina";
 import { g as l } from "../../chunks/common.js";
 import { a as h } from "../../chunks/deployAppContexts.js";
 import { css as d } from "@lit/reactive-element/css-tag.js";
@@ -8,7 +8,7 @@ import { createRef as p, ref as g } from "lit-html/directives/ref.js";
 import { html as t } from "lit";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.4 */
+v1.0.6 */
 const m = d`/** @license
  * Copyright 2025 Esri
  *
@@ -23,16 +23,16 @@ const m = d`/** @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}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.footer{width:100%}.footer-override{--calcite-dialog-footer-space: 0px}.footer-card{width:200px;height:100px}.padding-1{padding:1rem}.padding-bottom-1{padding-bottom:1rem}.padding-end-1{padding-inline-end:1rem}.padding-start-1{padding-inline-start:1rem}.padding-top-1,.padding-top-1-2{padding-top:1rem}`;
-class u extends r {
+ */.display-flex{display:flex}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.footer{width:100%}.footer-override{--calcite-dialog-footer-space: 0px}.footer-card{width:200px;height:100px}.padding-1{padding:1rem}.padding-bottom-1{padding-bottom:1rem}.padding-end-1{padding-inline-end:1rem}.padding-start-1{padding-inline-start:1rem}.padding-top-1{padding-top:1rem}.padding-top-1-2{padding-top:.5rem}.background-black{background-color:#151515}`;
+class u extends a {
   constructor() {
     super(...arguments), this.authContextConsumer = c({
       context: h,
       subscribe: !0
-    }), this.open = !1, this._translations = a({ name: "solution-snapshot-gallery", blocking: !0 }), this._displayText = "", this._paginationControl = p(), this._screenshotNames = [], this._screenshots = [];
+    }), this.open = !1, this._translations = r({ name: "solution-snapshot-gallery", blocking: !0 }), this._displayText = "", this._paginationControl = p(), this._screenshotNames = [], this._screenshots = [];
   }
   static {
-    this.properties = { authContextConsumer: 0, auth: 0, card: 0, screenshot: 0, itemProperties: 0, open: 5, _translations: 16 };
+    this.properties = { authContextConsumer: 0, card: 0, screenshot: 0, itemProperties: 0, open: 5, _translations: 16 };
   }
   static {
     this.styles = m;
@@ -48,25 +48,25 @@ class u extends r {
   }
   _getFooter() {
     const e = this._screenshotNames.indexOf(this.screenshot?.name || "");
-    return t`<div class="footer" slot=footer><div class="display-flex align-items-center padding-start-1 padding-top-1-2"><calcite-label layout=inline><calcite-pagination class="padding-end-1" @calcitePaginationChange=${this._changeScreenshot} page-size=1 start-item=${e + 1} total-items=${this.itemProperties?.preview.length ?? s} ${g(this._paginationControl)}></calcite-pagination>${this._displayText}</calcite-label></div>${this._getCards()}</div>`;
+    return t`<div class="footer" slot=footer><div class="calcite-mode-dark display-flex align-items-center padding-start-1 padding-top-1-2 background-black"><calcite-label layout=inline><calcite-pagination class="padding-end-1" @calcitePaginationChange=${this._changeScreenshot} page-size=1 start-item=${e + 1} total-items=${this.itemProperties?.preview.length ?? s} ${g(this._paginationControl)}></calcite-pagination>${this._displayText}</calcite-label></div>${this._getCards()}</div>`;
   }
   _changeScreenshot() {
     this.screenshot = this._screenshots[this._paginationControl.value.startItem - 1];
   }
   _getCards() {
-    return t`<calcite-card-group class="card-group padding-start-1 padding-end-1 padding-bottom-1" label selection-mode=single>${this._screenshots.map((e) => t`<calcite-card class="footer-card" .label=${e.alt} @click=${() => this._showScreenshot(e)} .selected=${e.name === this.screenshot?.name}>${this._getImage(e, "thumbnail")}</calcite-card>`)}</calcite-card-group>`;
+    return t`<calcite-card-group class="card-group padding-1" label selection-mode=single>${this._screenshots.map((e) => t`<calcite-card class="footer-card" .label=${e.alt} @click=${() => this._showScreenshot(e)} .selected=${e.name === this.screenshot?.name}>${this._getImage(e, "thumbnail")}</calcite-card>`)}</calcite-card-group>`;
   }
   _getImage(e, i) {
-    return t`<img alt=${e.alt ?? s} slot=${i ?? s} src=${this._getSource(this.auth, this.card?.id || "", e.name) ?? s}>`;
+    return t`<img alt=${e.alt ?? s} slot=${i ?? s} src=${this._getSource(this.authContextConsumer.value, this.card?.id || "", e.name) ?? s}>`;
   }
   _showScreenshot(e) {
     this.screenshot = e;
   }
-  _getSource(e, i, n) {
-    return e ? l(i || "", n, e) : "";
+  _getSource(e, i, o) {
+    return e ? l(i || "", o, e) : "";
   }
 }
-o("solution-snapshot-gallery", u);
+n("solution-snapshot-gallery", u);
 export {
   u as SolutionSnapshotGallery
 };

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

@@ -1,14 +1,14 @@
 import { c as f } from "../../chunks/runtime.js";
-import { _ as s } from "../../chunks/solution-store.js";
+import { _ as i } from "../../chunks/solution-store.js";
 import { n as d } from "../../chunks/common.js";
-import { C as l, s as h } from "../../chunks/interfaces.js";
+import { C as l, v as h } from "../../chunks/interfaces.js";
 import { u as p } from "../../chunks/useT9n.js";
 import { html as n } from "lit";
 import { LitElement as u, createEvent as c, noShadowRoot as m } from "@arcgis/lumina";
 import { css as b } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.4 */
+v1.0.6 */
 const S = b`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -53,9 +53,9 @@ class g extends u {
     return this._updateUIFromStore(), n`<label class="switch-label"><calcite-switch .checked=${this.enabled} class="spatial-ref-switch" @calciteSwitchChange=${(e) => this.enabled = e.target.checked} scale=m></calcite-switch>${this._translations.enableSpatialReference}</label><br><div class="spatial-ref-component" id=spatialRefDefn>${this._renderFeatureServicesList(this.featureServices)}</div><label class="switch-label spatial-ref-component"><calcite-switch .checked=${this.enableDefault} class="spatial-ref-switch" .disabled=${!this.enabled} @calciteSwitchChange=${(e) => this.enableDefault = e.target.checked} scale=m></calcite-switch>${this._translations.enableDefaultSpatialReference}</label>`;
   }
   solutionStoreHasChanges() {
-    this.featureServices = s.getStoreInfo("featureServices");
+    this.featureServices = i.getStoreInfo("featureServices");
   }
-  async _testAccess(e, t, a, i) {
+  async _testAccess(e, t, a, s) {
     switch (e) {
       case "_parameterizeWkid":
         return Promise.resolve(this._parameterizeWkid(t));
@@ -81,12 +81,12 @@ class g extends u {
     return e && (e.toString().startsWith(l) ? e : `${l}${e}${h}`);
   }
   _renderFeatureServicesList(e) {
-    const t = s.getStoreInfo("spatialReferenceInfo"), a = e.filter((i) => Object.keys(t.services).some((r) => r === i.id));
-    return a.length > 0 ? n`<div><label class="spatial-ref-item-title">${this._translations.featureServicesHeading}</label><ul class="spatial-ref-services-list">${a.map((i) => n`<li class="spatial-ref-services-list-item"><label class="switch-label"><calcite-switch .checked=${t.services[i.id]} class="spatial-ref-item-switch" .disabled=${!this.enabled} @calciteSwitchChange=${(r) => this._updateEnabledServices(r, i)} scale=m></calcite-switch>${i.name}</label></li>`)}</ul></div>` : null;
+    const t = i.getStoreInfo("spatialReferenceInfo"), a = e.filter((s) => Object.keys(t.services).some((r) => r === s.id));
+    return a.length > 0 ? n`<div><label class="spatial-ref-item-title">${this._translations.featureServicesHeading}</label><ul class="spatial-ref-services-list">${a.map((s) => n`<li class="spatial-ref-services-list-item"><label class="switch-label"><calcite-switch .checked=${t.services[s.id]} class="spatial-ref-item-switch" .disabled=${!this.enabled} @calciteSwitchChange=${(r) => this._updateEnabledServices(r, s)} scale=m></calcite-switch>${s.name}</label></li>`)}</ul></div>` : null;
   }
   _updateEnabledServices(e, t) {
-    const a = s.getStoreInfo("spatialReferenceInfo"), i = e.detail?.switched !== void 0 ? e.detail.switched : e.target?.checked !== void 0 ? e.target.checked : !0;
-    a.services[t.id] = i, s.setStoreInfo("spatialReferenceInfo", a), this._updateStore(), this.featureServiceSpatialReferenceChange.emit(t);
+    const a = i.getStoreInfo("spatialReferenceInfo"), s = e.detail?.switched !== void 0 ? e.detail.switched : e.target?.checked !== void 0 ? e.target.checked : !0;
+    a.services[t.id] = s, i.setStoreInfo("spatialReferenceInfo", a), this._updateStore(), this.featureServiceSpatialReferenceChange.emit(t);
   }
   _unparameterizeWkid(e) {
     return e && e.toString().startsWith(l) ? e.substring(l.length, e.length - h.length) : e;
@@ -96,15 +96,15 @@ class g extends u {
       e.services[t] = !1;
     }), this.featureServices.forEach((t) => {
       t.enabled = e.services[t.id], t.wkid = t.enabled ? this._parameterizeWkid(t.wkid) : this._unparameterizeWkid(t.wkid);
-    }), s.setStoreInfo("featureServices", this.featureServices);
+    }), i.setStoreInfo("featureServices", this.featureServices);
   }
   _updateStore() {
-    const e = s.getStoreInfo("spatialReferenceInfo");
-    e.enabled = this.enabled, this.enabled && this.enableDefault ? e.default = o : e.hasOwnProperty("default") && delete e.default, s.setStoreInfo("spatialReferenceInfo", e), this._updateFeatureServices(e);
+    const e = i.getStoreInfo("spatialReferenceInfo");
+    e.enabled = this.enabled, this.enabled && this.enableDefault ? e.default = o : e.hasOwnProperty("default") && delete e.default, i.setStoreInfo("spatialReferenceInfo", e), this._updateFeatureServices(e);
   }
   _updateUIFromStore() {
-    const e = s.getStoreInfo("spatialReferenceInfo");
-    this.enabled = e.enabled, this.enableDefault = !!e.default, this.featureServices = s.getStoreInfo("featureServices");
+    const e = i.getStoreInfo("spatialReferenceInfo");
+    this.enabled = e.enabled, this.enableDefault = !!e.default, this.featureServices = i.getStoreInfo("featureServices");
   }
 }
 f("solution-spatial-ref", g);

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

@@ -6,7 +6,7 @@ import { LitElement as p, noShadowRoot as u, safeClassMap as s } from "@arcgis/l
 import { css as m } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.4 */
+v1.0.6 */
 const v = m`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -5,7 +5,7 @@ import { LitElement as l, createEvent as c } from "@arcgis/lumina";
 import { css as o } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.4 */
+v1.0.6 */
 const h = o`/** @license
  * Copyright 2025 Esri
  *