@esri/solutions-components 1.1.0-next.20250805 → 1.1.0-next.20250806

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

@@ -5,18 +5,18 @@ import { createRef as u, ref as g } from "lit-html/directives/ref.js";
 import { LitElement as S, createEvent as y, safeClassMap as p, nothing as _, safeStyleMap as R } from "@arcgis/lumina";
 import { useContextProvider as f } from "@arcgis/lumina/context";
 import { a as M, i as k, u as L } from "../../chunks/deployAppContexts.js";
-import { request as I, getWorkflowBaseURL as C, getWorkflowManagerAuthorized as A, getItemDataAsJson as T, getItem as D, getPropWithDefault as b, getProp as m, setCreateProp as E } from "@esri/solution-common";
+import { request as C, getWorkflowBaseURL as A, getWorkflowManagerAuthorized as I, getItemDataAsJson as T, getItem as D, getPropWithDefault as b, getProp as m, setCreateProp as E } from "@esri/solution-common";
 import { a as H, b as U } from "../../chunks/privilegeUtils.js";
 import { _findExistingItem as O } from "@esri/solution-deployer";
-import { a as N, p as B, l as F } from "../../chunks/appConfig.js";
-import { A as Y } from "../../chunks/Auth.js";
-import { g as q, a as V } from "../../chunks/common.js";
-import { f as z } from "../../chunks/helpers.js";
+import { _ as N } from "../../chunks/appConfig.js";
+import { A as B } from "../../chunks/Auth.js";
+import { g as F, a as Y } from "../../chunks/common.js";
+import { f as q } from "../../chunks/helpers.js";
 import { E as h, F as v } from "../../chunks/interfaces.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.20250805 */
-const G = $`/** @license
+v1.1.0-next.20250806 */
+const V = $`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -31,13 +31,13 @@ const G = $`/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */.display-flex{display:flex}.flex-direction-row{flex-direction:row}.flex-direction-column{flex-direction:column}.cursor-default{cursor:default}.border-bottom{border-bottom-color:var(--calcite-color-border-1);border-bottom-width:1px;border-bottom-style:solid}.row-margin-2{margin-inline-start:2rem;margin-inline-end:2rem}ul{list-style-type:disc;margin-block-start:0px;margin-block-end:0px}calcite-label{--calcite-label-margin-bottom: 0px}.padding-1{padding:1rem}.padding-bottom-1{padding-bottom:1rem}.padding-top-1{padding-top:1rem}.padding-top-1-2{padding-top:.5rem}.padding-end-1{padding-inline-end:1rem}.padding-end-2{padding-inline-end:2rem}.align-self-center{align-self:center}.align-items-center{align-items:center}.width-330{width:330px}.card-group{overflow:hidden;padding:.5rem}calcite-card{width:400px}@media (max-width: 800px){calcite-card{width:calc(50% - .5rem)}}@media (max-width: 400px){calcite-card{width:100%}}.max-height-245{max-height:245px}.scrollable-section{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.scrollable-section::-webkit-scrollbar{display:none}.display-none{display:none}.cursor-pointer{cursor:pointer}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;padding:2px}.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%}.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}.margin-inline-unset{margin-inline:unset}`;
-async function K(a, e, t) {
+async function z(a, e, t) {
   let i = t;
-  return a && (a?.IsEnterprisePortal && await J(
+  return a && (a?.IsEnterprisePortal && await Q(
     "",
     // the portal url
     e
-  ) && i.push(h.NOTEBOOK), await z(e) ? t.push(h.VELOCITY) : a?.PortalUserPrivileges && [
+  ) && i.push(h.NOTEBOOK), await q(e) ? t.push(h.VELOCITY) : a?.PortalUserPrivileges && [
     v.VELOCITYFEEDS,
     v.VELOCITYBIGDATA,
     v.VELOCITYREALTIME
@@ -45,13 +45,13 @@ async function K(a, e, t) {
     const c = t.indexOf(r) || -1;
     c !== -1 && t.splice(c, 1);
   }), i = i.concat(
-    W(
-      X(a),
-      Z(a)
+    G(
+      j(a),
+      J(a)
     )
-  ), i = i.concat(Q(a)), i = i.concat(await j(a))), Promise.resolve(i);
+  ), i = i.concat(K(a)), i = i.concat(await W(a))), Promise.resolve(i);
 }
-function W(a, e) {
+function G(a, e) {
   let t = [];
   return a && e ? t = [
     h.TRACKINGADMINANDTRACKING,
@@ -59,19 +59,19 @@ function W(a, e) {
     h.TRACKING
   ] : a && !e ? t = [h.TRACKINGADMIN] : !a && e && (t = [h.TRACKING]), t;
 }
-function Q(a) {
-  return ee(
+function K(a) {
+  return X(
     a
   ) ? [h.HUBPREMIUM] : [];
 }
-async function j(a) {
-  const e = await C(a?.RestUserSession);
-  return await A(
+async function W(a) {
+  const e = await A(a?.RestUserSession);
+  return await I(
     e,
     a?.RestUserSession
   ) ? [h.WORKFLOW] : [];
 }
-async function J(a, e) {
+async function Q(a, e) {
   const t = a + "/sharing/rest", i = {
     authentication: e,
     portal: t,
@@ -79,33 +79,34 @@ async function J(a, e) {
       f: "json"
     }
   };
-  return I(`${t}/portals/self/servers`, i).then((s) => s?.servers?.find((l) => l.serverFunction.indexOf("NotebookServer") > -1), (s) => (console.error(s), !1));
+  return C(`${t}/portals/self/servers`, i).then((s) => s?.servers?.find((l) => l.serverFunction.indexOf("NotebookServer") > -1), (s) => (console.error(s), !1));
 }
-function X(a) {
+function j(a) {
   const e = a?.PortalUserSubset;
   return e?.role === "org_admin" && !e?.hasOwnProperty("roleId");
 }
-function Z(a) {
+function J(a) {
   return a?.PortalSubset?.locationTrackingEnabled || !1;
 }
-function ee(a) {
+function X(a) {
   return a?.PortalSubset?.hubPremiumEnabled || !1;
 }
-class te extends S {
+class Z extends S {
   constructor() {
-    super(), this._hideScreenshotsScroll = !1, this._hideYouMayAlsoLikeScroll = !1, this.isMobile = !1, this._templates = [], this._translations = P({ name: "solution-details-panel", blocking: !0 }), this._youMayAlsoLikeBaseHeight = 340, this._allCards = [], this._authContextProvider = f({ context: M }), this._configureLearnMore = "", this._customDeploymentMappings = {}, this._deployDialogRef = u(), this._deployingDialogRef = u(), this._isMobileContextProvider = f({ context: k }), this._privilegePopoverRef = u(), this._privileges = [], this._regexFsUrl = "https?:\\/\\/.+FeatureServer\\b", this._regexID = "\\b[0-9A-F]{32}\\b", this._screenshotsBaseHeight = 245, this._screenshotsDialogRef = u(), this._screenshotsElement = u(), this._userOptions = [], this._userSessionContextProvider = f({ context: L }), this._youMayAlsoLikeElement = u(), this.templatesFetched = y(), this.itemPropertiesFetched = y(), this.listenOn(window, "detailsCardSelected", this._detailsCardSelected), this.listenOn(window, "allCardsFetched", this._allCardsFetched);
+    super(), this.authentication = void 0, this.useLocalAppConfig = !1, this._hideScreenshotsScroll = !1, this._hideYouMayAlsoLikeScroll = !1, this.isMobile = !1, this._templates = [], this._translations = P({ name: "solution-details-panel", blocking: !0 }), this._youMayAlsoLikeBaseHeight = 340, this._allCards = [], this._authContextProvider = f({ context: M }), this._configureLearnMore = "", this._customDeploymentMappings = {}, this._deployDialogRef = u(), this._deployingDialogRef = u(), this._isMobileContextProvider = f({ context: k }), this._privilegePopoverRef = u(), this._privileges = [], this._regexFsUrl = "https?:\\/\\/.+FeatureServer\\b", this._regexID = "\\b[0-9A-F]{32}\\b", this._screenshotsBaseHeight = 245, this._screenshotsDialogRef = u(), this._screenshotsElement = u(), this._userOptions = [], this._userSessionContextProvider = f({ context: L }), this._youMayAlsoLikeElement = u(), this.templatesFetched = y(), this.itemPropertiesFetched = y(), this.listenOn(window, "detailsCardSelected", this._detailsCardSelected), this.listenOn(window, "allCardsFetched", this._allCardsFetched);
   }
   static {
-    this.properties = { card: 0, _hideScreenshotsScroll: 16, _hideYouMayAlsoLikeScroll: 16, isMobile: 16, _itemProperties: 16, _missingPrivilegeMessages: 16, _templates: 16, _translations: 16, _youMayAlsoLikeBaseHeight: 16 };
+    this.properties = { appConfig: 1, authentication: 0, card: 0, useLocalAppConfig: 5, _hideScreenshotsScroll: 16, _hideYouMayAlsoLikeScroll: 16, isMobile: 16, _itemProperties: 16, _missingPrivilegeMessages: 16, _templates: 16, _translations: 16, _youMayAlsoLikeBaseHeight: 16 };
   }
   static {
-    this.styles = G;
+    this.styles = V;
   }
   async connectedCallback() {
     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() {
-    const e = new Y(N, B, F);
+    this.useLocalAppConfig && (this.appConfig = N);
+    const e = this.authentication ? this.authentication : new B(this.appConfig.appId, this.appConfig.portalURL, this.appConfig.locale);
     await e.init(), e.SignedIn || e.signIn(), this._authContextProvider.setValue(e), e.RestUserSession && this._userSessionContextProvider.setValue(e.RestUserSession), this._userPrivileges = await this._getUserPrivileges();
   }
   loaded() {
@@ -154,7 +155,7 @@ class te extends S {
   }
   _getScreenshots() {
     const e = this._itemProperties?.preview || [];
-    return o`<calcite-card-group class="card-group" .label=${this._translations.screenshots}>${e.map((t) => this.card?.id ? o`<calcite-card class="cursor-pointer" .label=${t.alt} @click=${() => this._openScreenshotGallery(t)}><div class="card-image-wrap" slot=thumbnail><img alt=${t.alt ?? _} class="thumbnail card-image" slot=thumbnail src=${q(this.card.id || "", t.name, this._authContextProvider.value) ?? _}><div class="hover-text">${this._translations.openInGallery}</div></div></calcite-card>` : "")}</calcite-card-group>`;
+    return o`<calcite-card-group class="card-group" .label=${this._translations.screenshots}>${e.map((t) => this.card?.id ? o`<calcite-card class="cursor-pointer" .label=${t.alt} @click=${() => this._openScreenshotGallery(t)}><div class="card-image-wrap" slot=thumbnail><img alt=${t.alt ?? _} class="thumbnail card-image" slot=thumbnail src=${F(this.card.id || "", t.name, this._authContextProvider.value) ?? _}><div class="hover-text">${this._translations.openInGallery}</div></div></calcite-card>` : "")}</calcite-card-group>`;
   }
   _openScreenshotGallery(e) {
     const t = this._screenshotsDialogRef.value;
@@ -234,13 +235,13 @@ class te extends S {
     this._privileges = e.username ? s : [];
     const l = this._privileges.filter((c) => !this._userPrivileges.includes(c));
     this._missingPrivilegeMessages = U(this._translations, l), (t.params ? this.formatParams(t.params) : Promise.resolve([])).then((c) => {
-      this._userOptions = c, console.log(this._userOptions);
+      this._userOptions = c;
     }), this._templates = t.templates, this.templatesFetched.emit(t.templates);
   }
   async _getUserPrivileges() {
     let e = [];
     const t = this._authContextProvider.value, i = this._userSessionContextProvider.value;
-    return i && t && (e = t.PortalUserPrivileges ? await K(t, i, t?.PortalUserPrivileges) : []), e;
+    return i && t && (e = t.PortalUserPrivileges ? await z(t, i, t?.PortalUserPrivileges) : []), e;
   }
   formatParams(e) {
     const t = this._userSessionContextProvider.value, i = [], s = e ? Object.keys(e) : [], l = {
@@ -280,7 +281,7 @@ class te extends S {
   }
   updateUserProp(e, t) {
     const i = e.itemType?.toLowerCase() === "feature service", s = new RegExp(i ? this._regexFsUrl : e.itemType, "iu"), l = b(t, i ? "url" : "type", "") || "", r = l !== "" && s.test(l);
-    return e.responseValue = r ? l : "", e.name = r && m(t, "name") || "", e.title = r && m(t, "title") || "", e.itemType = r ? m(t, "type") : e.itemType, e.validId = r, e.itemUrl = V(t.id, this._authContextProvider.value), r;
+    return e.responseValue = r ? l : "", e.name = r && m(t, "name") || "", e.title = r && m(t, "title") || "", e.itemType = r ? m(t, "type") : e.itemType, e.validId = r, e.itemUrl = Y(t.id, this._authContextProvider.value), r;
   }
   updateOption(e, t, i) {
     const s = e.default || "", l = typeof s, r = s.toString();
@@ -353,7 +354,7 @@ class te extends S {
     this._deployingDialogRef.value.close(), this._deployDialogRef.value.open = !1, this._deployDialogRef.value.classList.remove("display-none");
   }
 }
-x("solution-details-panel", te);
+x("solution-details-panel", Z);
 export {
-  te as SolutionDetailsPanel
+  Z as SolutionDetailsPanel
 };

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

@@ -5,7 +5,7 @@ import { css as n, html as a, nothing as i } from "lit";
 import { LitElement as c, noShadowRoot as r, safeStyleMap 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.20250805 */
+v1.1.0-next.20250806 */
 const b = n`@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.20250805 */
+v1.1.0-next.20250806 */
 const m = d`/** @license
  * Copyright 2025 Esri
  *

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.20250805 */
+v1.1.0-next.20250806 */
 const p = m`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -1,14 +1,14 @@
-import { c as T } from "../../chunks/runtime.js";
-import { css as E, html as B } from "lit";
-import { u as D } from "../../chunks/useT9n.js";
+import { g as T, c as E } from "../../chunks/runtime.js";
+import { css as B, html as D } from "lit";
+import { u as A } from "../../chunks/useT9n.js";
 import { LitElement as C } from "@arcgis/lumina";
 import { createRef as y, ref as k } from "lit-html/directives/ref.js";
 import * as c from "gojs";
-import { injectGlobal as A } from "@emotion/css";
+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.20250805 */
-const P = E`/** @license
+v1.1.0-next.20250806 */
+const z = B`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -41,7 +41,7 @@ const P = E`/** @license
  *
  * email: contracts@esri.com
  */
-function z(r, i) {
+function $(r, i) {
   const e = r.toLowerCase(), t = i || [], s = t.includes("Hosted Service");
   switch (e.trim()) {
     case "360 vr experience":
@@ -346,15 +346,15 @@ function z(r, i) {
  *
  * email: contracts@esri.com
  */
-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 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", K = "#ffffff", g = 1, N = 0.3, f = 1, x = 0.2, U = 1;
+function Y(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: ie,
+      click: ne,
       // handle diagram clicks
       contentAlignment: c.Spot.Center,
       // align document to the center of the viewport
@@ -365,10 +365,10 @@ function K(r) {
       initialAutoScale: c.AutoScale.Uniform,
       // automatic zoom-to-fit
       layout: new c.LayeredDigraphLayout({
-        columnSpacing: $,
-        layerSpacing: O
+        columnSpacing: O,
+        layerSpacing: H
       }),
-      padding: H,
+      padding: V,
       scrollMode: c.ScrollMode.Infinite,
       // allow infinite scrolling--beyond document bounds
       "toolManager.hoverDelay": 50,
@@ -378,7 +378,7 @@ function K(r) {
     }
   );
   e.nodeTemplate = new c.Node("Auto", {
-    click: ne,
+    click: ae,
     movable: !1,
     opacity: g,
     toolTip: new c.Adornment("Auto", {
@@ -389,22 +389,22 @@ function K(r) {
       shadowBlur: 16,
       shadowColor: "rgba(0, 0, 0, 0.16)",
       shadowOffset: new c.Point(0, 0)
-    }).add(new c.Panel("Vertical", { background: q, margin: 0 }).add(new c.TextBlock({ margin: 14 }).bind("text", "title")))
+    }).add(new c.Panel("Vertical", { background: K, margin: 0 }).add(new c.TextBlock({ margin: 14 }).bind("text", "title")))
   }).bind("text", "title").add(
     new c.Shape({
       desiredSize: m,
-      fill: W,
-      geometryString: te(
+      fill: q,
+      geometryString: ie(
         m.width,
         m.height,
-        _,
+        G,
         w.width,
         !0
       ),
       height: m.height,
       portId: "",
-      stroke: F,
-      strokeWidth: V,
+      stroke: W,
+      strokeWidth: _,
       width: m.width
     })
   ).add(
@@ -424,8 +424,8 @@ function K(r) {
           margin: 16
         }).add(
           new c.Picture({
-            desiredSize: G
-          }).bind("source", "", (n) => oe(n.itemType, n.itemTypeKeywords))
+            desiredSize: M
+          }).bind("source", "", (n) => se(n.itemType, n.itemTypeKeywords))
         )
       ),
       // Label
@@ -439,7 +439,7 @@ function K(r) {
           new c.TextBlock({
             alignment: c.Spot.Left,
             desiredSize: b,
-            font: j,
+            font: R,
             overflow: c.TextOverflow.Ellipsis,
             stroke: v,
             wrap: c.Wrap.None
@@ -448,7 +448,7 @@ function K(r) {
           new c.TextBlock({
             alignment: c.Spot.Left,
             desiredSize: b,
-            font: M,
+            font: j,
             overflow: c.TextOverflow.Ellipsis,
             stroke: v,
             wrap: c.Wrap.None
@@ -456,7 +456,7 @@ function K(r) {
         )
       )
     )
-  ), e.commandHandler.zoomFactor = 1.05, e.setDivBackground(R);
+  ), e.commandHandler.zoomFactor = 1.05, e.setDivBackground(F);
   const t = e.toolManager.clickSelectingTool;
   t.standardMouseSelect = function() {
   };
@@ -473,7 +473,7 @@ function K(r) {
       stroke: S
     }),
     new c.Shape({
-      // the "to" arrowhead
+      // the 'to' arrowhead
       fill: S,
       opacity: f,
       stroke: null,
@@ -487,21 +487,21 @@ function p(r, i) {
     linkToPortIdProperty: "toPort"
   });
 }
-function Y(r, i, e, t = !0) {
+function Z(r, i, e, t = !0) {
   if (t) {
-    const d = ae(r, e);
+    const d = re(r, e);
     d.addEventListener(
       "calciteSwitchChange",
       () => document.dispatchEvent(new CustomEvent("filteredViewChanged", { detail: d.checked }))
     );
   }
-  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());
+  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());
 }
-function Z(r, i, e) {
-  de();
-  const t = K(r);
-  return p(t, i), Y(r, t, e), t;
+function J(r, i, e) {
+  le();
+  const t = Y(r);
+  return p(t, i), Z(r, t, e), t;
 }
 function L(r) {
   const i = /* @__PURE__ */ new Set(), e = /* @__PURE__ */ new Set();
@@ -526,11 +526,11 @@ function L(r) {
   }
   return s(r), { connectedNodes: i, connectedLinks: e };
 }
-function J(r, i = !1, e) {
+function Q(r, i = !1, e) {
   const t = [], s = r.map((a) => {
     if (a.type !== "Group") {
-      const o = ee(a);
-      return X(a, o, i, e);
+      const o = te(a);
+      return ee(a, o, i, e);
     } else {
       t.push(a.id);
       return;
@@ -548,7 +548,7 @@ function J(r, i = !1, e) {
     });
   }), { nodes: s, links: n, groupPseudoNodes: t };
 }
-function Q(r, i, e, t = !0) {
+function X(r, i, e, t = !0) {
   const s = r.diagram;
   if (!s)
     return;
@@ -613,35 +613,35 @@ function I(r, i, e, t, s = !0) {
     o.start();
   }
 }
-function X(r, i, e = !1, t) {
+function ee(r, i, e = !1, t) {
   return {
     key: i,
     title: r.title,
     itemId: r.id,
     itemType: r.type,
-    itemTypeForDisplay: se(r.type, r.typeKeywords),
+    itemTypeForDisplay: ce(r.type, r.typeKeywords),
     itemTypeKeywords: r.typeKeywords,
     group: r.type,
     url: e ? `${t}?id=${r.id}` : void 0
   };
 }
-function ee(r) {
+function te(r) {
   return r.id;
 }
-function te(r, i, e, t = 0, s = !1) {
+function ie(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 ie() {
+function ne() {
   document.dispatchEvent(new CustomEvent("clickInDiagram"));
 }
-function ne(r, i) {
+function ae(r, i) {
   const e = i.part;
   e instanceof c.Node && (e.selectionAdorned = !1, document.dispatchEvent(new CustomEvent("clickOnNode", { detail: e })));
 }
-function ae(r, i) {
+function re(r, i) {
   const e = document.createElement("calcite-switch");
   e.id = "filteredViewButton", e.label = i.filteredView;
   const t = document.createElement("calcite-label");
@@ -653,7 +653,7 @@ function ae(r, i) {
   const a = document.createElement("div");
   return a.id = "filter-bar", r.appendChild(a), a.appendChild(n), e;
 }
-function re(r, i) {
+function oe(r, i) {
   const e = document.createElement("calcite-action");
   e.icon = "reset", e.id = "showHideGrayedOutButton";
   const t = document.createElement("calcite-tooltip");
@@ -675,11 +675,11 @@ function re(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 oe(r, i) {
-  const e = z(r, i), t = new URL("../assets/item-icons/", import.meta.url).href;
+function se(r, i) {
+  const e = $(r, i), t = T("assets/item-icons/");
   return e === "group" ? `${t}/${e}16.png` : `${t}/${e}16.svg`;
 }
-function se(r, i) {
+function ce(r, i) {
   let e = r;
   if (r === "Feature Service") {
     const t = i.indexOf("View Service") > -1, s = i.indexOf("Table") > -1;
@@ -687,11 +687,11 @@ function se(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 ce(r) {
+function de(r) {
   r.zoomToFit(), document.dispatchEvent(new CustomEvent("reset"));
 }
-function de() {
-  A`
+function le() {
+  P`
     #filter-bar {
       background-color: #f4f4f4;
       position: absolute;
@@ -734,17 +734,17 @@ function de() {
  *
  * email: contracts@esri.com
  */
-const le = 8, ue = 15, pe = "#1e90ff", me = 4;
+const ue = 8, pe = 15, me = "#1e90ff", ge = 4;
 c.Diagram.licenseKey = "298647e0b16f4fc702d90676423d6bf919a175639c841aa45d0412f3ed083d06329fef2851d38f9787af4efe187c90d1ddc06e219e49563fe531d3da13e1d1aab03774e5140b4589f31136c5ccaa2ca1ae2870e0d2b676a1df678bedebaa";
-class ge {
+class he {
   /**
    * Creates a new instance of the SolutionDisplay class.
    * @param indexPanel The Calcite panel element to use as the index panel.
    * @param diagramPanel The Calcite panel element to use as the diagram panel.
    * @example <caption>Expected environment</caption>
    *   <calcite-shell>
-   *     <calcite-shell-panel id="indexPanel" slot="panel-start" width-scale="m"/>
-   *     <calcite-panel id="diagramPanel" style="display:flex;"/>
+   *     <calcite-shell-panel id='indexPanel' slot='panel-start' width-scale='m'/>
+   *     <calcite-panel id='diagramPanel' style='display:flex;'/>
    *   </calcite-shell>
    */
   constructor(i, e, t) {
@@ -770,7 +770,7 @@ class ge {
    * @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 = J(i), this.diagram = Z(
+    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.diagramPanel,
       this.allNodesAndLinks,
       this.diagramTranslations
@@ -805,10 +805,10 @@ class ge {
       });
       t.add(new c.Shape("RoundedRectangle", {
         fill: "transparent",
-        parameter1: le,
-        parameter2: ue,
-        stroke: pe,
-        strokeWidth: me
+        parameter1: ue,
+        parameter2: pe,
+        stroke: me,
+        strokeWidth: ge
       })), t.add(new c.Placeholder({
         margin: 1
       })), this.diagramNodeHighlighterIndex[e.data.key] = t;
@@ -869,7 +869,7 @@ class ge {
             if (p(this.diagram, { nodes: d, links: u }), this.createNodeHighlighters(), a = this.getNodeById(i), !a)
               return;
           }
-          a && setTimeout(() => Q(a, !0, this.diagramNodeHighlighterIndex[i]), 1), this.index.selectItem(this.currentSelectedItemId);
+          a && setTimeout(() => X(a, !0, this.diagramNodeHighlighterIndex[i]), 1), this.index.selectItem(this.currentSelectedItemId);
         }
       }
       n && this.reset();
@@ -882,15 +882,15 @@ class ge {
     this.diagramNeedsRedraw = !1, this.currentSelectedGroupId = "", this.currentSelectedItemId = "", p(this.diagram, this.allNodesAndLinks), this.createNodeHighlighters(), this.clearSelections();
   }
 }
-class he extends C {
+class fe extends C {
   constructor() {
-    super(...arguments), this.templateInfoGraph = [], this._diagramPanel = y(), this._diagramShell = y(), this._translations = D({ name: "solution-item-diagram", blocking: !0 });
+    super(...arguments), this.templateInfoGraph = [], this._diagramPanel = y(), this._diagramShell = y(), this._translations = A({ name: "solution-item-diagram", blocking: !0 });
   }
   static {
     this.properties = { templateInfoGraph: 0, _diagramPanel: 16, _diagramShell: 16, _translations: 16 };
   }
   static {
-    this.styles = P;
+    this.styles = z;
   }
   updated() {
     if (this.templateInfoGraph.length > 0) {
@@ -901,14 +901,14 @@ class he extends C {
         zoomIn: this._translations.graphTranslations.zoomIn,
         zoomOut: this._translations.graphTranslations.zoomOut
       };
-      this.solutionDisplay = new ge(this._diagramShell.value, this._diagramPanel.value, i), this.solutionDisplay.create(this.templateInfoGraph);
+      this.solutionDisplay = new he(this._diagramShell.value, this._diagramPanel.value, i), this.solutionDisplay.create(this.templateInfoGraph);
     }
   }
   render() {
-    return B`<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>`;
+    return D`<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", he);
+E("solution-item-diagram", fe);
 export {
-  he as SolutionItemDiagram
+  fe as SolutionItemDiagram
 };

package/dist/components/solution-item-diagram/utils/SolutionDisplay.d.ts

@@ -18,8 +18,8 @@ import { SolutionItemAccordion } from '../../solution-item-accordion/customEleme
  *
  * email: contracts@esri.com
  */
-import * as go from "gojs";
-import * as solutionGraph from "./solutionGraph";
+import * as go from 'gojs';
+import * as solutionGraph from './solutionGraph';
 type IKeyedGraphObject = Record<string, go.GraphObject>;
 /**
  * Manages the display of and interactio between a solution's index and diagram.
@@ -44,8 +44,8 @@ export declare class SolutionDisplay {
      * @param diagramPanel The Calcite panel element to use as the diagram panel.
      * @example &lt;caption>Expected environment&lt;/caption>
      *   &lt;calcite-shell>
-     *     &lt;calcite-shell-panel id="indexPanel" slot="panel-start" width-scale="m"/>
-     *     &lt;calcite-panel id="diagramPanel" style="display:flex;"/>
+     *     &lt;calcite-shell-panel id='indexPanel' slot='panel-start' width-scale='m'/>
+     *     &lt;calcite-panel id='diagramPanel' style='display:flex;'/>
      *   &lt;/calcite-shell>
      */
     constructor(indexPanel: HTMLCalciteShellPanelElement, diagramPanel: HTMLCalcitePanelElement, diagramTranslations: ISolutionGraphTranslations);

package/dist/components/solution-item-diagram/utils/prepareDataForSolutionDisplay.d.ts

@@ -17,7 +17,7 @@ import { ITemplateInfoGraph } from './solutionGraph';
  *
  * email: contracts@esri.com
  */
-import * as common from "@esri/solution-common";
+import * as common from '@esri/solution-common';
 /**
  * Prepares the information for displaying a solution.
  * @param solutionId Id of the solution

package/dist/components/solution-item-diagram/utils/solutionGraph.d.ts

@@ -16,7 +16,7 @@
  *
  * email: contracts@esri.com
  */
-import * as go from "gojs";
+import * as go from 'gojs';
 export interface IConnectedNodesAndLinks {
     connectedNodes: Set<go.Node>;
     connectedLinks: Set<go.Link>;
@@ -82,7 +82,7 @@ export declare function drawDiagram(diagram: go.Diagram, nodesAndLinks: INodesAn
  * @param graphicContainer HTML element to contain navigation controls
  * @param diagram Diagram to be controlled
  * @param translations Text to use for the navigation controls' tooltips
- * @param includeShowHideGrayedOutButton If true, the "Filter selected view" switch will be displayed
+ * @param includeShowHideGrayedOutButton If true, the 'Filter selected view' switch will be displayed
  */
 export declare function drawAndConnectControlBars(graphicContainer: HTMLElement, diagram: go.Diagram, translations: ISolutionGraphTranslations, includeFilteredViewButton?: boolean): void;
 /**

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.20250805 */
+v1.1.0-next.20250806 */
 const g = l`@layer{/** @license
  * Copyright 2025 Esri
  *