@esri/solutions-components 5.1.0-next.75 → 5.1.0-next.77

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

@@ -7,11 +7,13 @@ import { createRef as k, ref as I } from "lit-html/directives/ref.js";
 import * as d from "gojs";
 import { a as A } from "../../chunks/getItemIcon.js";
 import "../solution-item-accordion/customElement.js";
-const P = C`#filter-bar{background-color:var(--calcite-color-surface-2);position:absolute;top:16px;right:196px;z-index:100;box-shadow:var(--calcite-shadow-sm)}#filteredViewButtonDiv{padding:8px}#filteredViewButtonLabel{--calcite-label-margin-bottom: 0}#graph-navigation-bar{background-color:var(--calcite-color-surface-2);position:absolute;top:16px;right:16px;z-index:100}#graph-navigation-controls{position:absolute;top:0;right:0;box-shadow:var(--calcite-shadow-sm)}.z-index-1{z-index:1}#diagram-panel{--calcite-panel-space: 0px}#diagram-shell-panel{--calcite-color-surface-1: var(--calcite-color-surface-2);padding:16px}`, _ = 15, V = 15, H = 10, u = new d.Size(220, 48), O = 1, G = 8, S = new d.Size(48, 48), M = new d.Size(16, 16), v = new d.Size(153, 17), R = '400 0.75rem "Avenir Next", Avenir, "Helvetica Neue", sans-serif', F = '500 0.75rem "Avenir Next", Avenir, "Helvetica Neue", sans-serif', K = "val(--calcite-color-surface-1)", W = p("--calcite-color-border-1"), N = p("--calcite-color-surface-2"), g = p("--calcite-color-text-1"), T = p("--calcite-color-border-input"), j = p("--calcite-color-surface-2"), f = 1, b = 0.3, w = 1, x = 0.2, Z = 1;
+const P = C`#filter-bar{background-color:var(--calcite-color-surface-2);position:absolute;top:16px;right:196px;z-index:100;box-shadow:var(--calcite-shadow-sm)}#filteredViewButtonDiv{padding:8px}#filteredViewButtonLabel{--calcite-label-margin-bottom: 0}#graph-navigation-bar{background-color:var(--calcite-color-surface-2);position:absolute;top:16px;right:16px;z-index:100}#graph-navigation-controls{position:absolute;top:0;right:0;box-shadow:var(--calcite-shadow-sm)}.z-index-1{z-index:1}#diagram-panel{--calcite-panel-space: 0px}#diagram-shell-panel{--calcite-color-surface-1: var(--calcite-color-surface-2);padding:16px}`, _ = 15, V = 15, H = 10, u = new d.Size(220, 48), O = 1, G = 8, S = new d.Size(48, 48), R = new d.Size(16, 16), v = new d.Size(153, 17), M = '400 0.75rem "Avenir Next", Avenir, "Helvetica Neue", sans-serif', F = '500 0.75rem "Avenir Next", Avenir, "Helvetica Neue", sans-serif', K = "val(--calcite-color-surface-1)", W = p("--calcite-color-border-1"), N = p("--calcite-color-surface-2"), g = p("--calcite-color-text-1"), T = p("--calcite-color-border-input"), j = p("--calcite-color-surface-2"), f = 1, b = 0.3, w = 1, x = 0.2, Z = 1;
 function q(o) {
   const t = document.createElement("div");
-  t.style.width = "100%", t.style.height = "100%", o.appendChild(t);
-  const e = new d.Diagram(
+  t.style.width = "100%", t.style.height = "100%";
+  const e = document.documentElement.dir === "rtl", a = e ? d.Spot.Right : d.Spot.Left, s = e ? "right" : "left";
+  o.appendChild(t);
+  const i = new d.Diagram(
     t,
     // create a Diagram for the HTML Div element
     {
@@ -38,8 +40,8 @@ function q(o) {
       // mouse wheel zooms instead of scrolls vertically
     }
   );
-  e.nodeTemplate = new d.Node("Auto", {
-    click: oe,
+  i.nodeTemplate = new d.Node("Auto", {
+    click: ne,
     movable: !1,
     opacity: f,
     toolTip: new d.Adornment("Auto", {
@@ -71,12 +73,12 @@ function q(o) {
   ).add(
     // Node content
     new d.Panel("Horizontal", {
-      alignment: d.Spot.Left,
+      alignment: a,
       stretch: d.Stretch.Horizontal
     }).add(
       // Icon panel
       new d.Panel("Horizontal", {
-        alignment: d.Spot.Left,
+        alignment: a,
         desiredSize: S,
         margin: 1
       }).add(
@@ -85,20 +87,21 @@ function q(o) {
           margin: 16
         }).add(
           new d.Picture({
-            desiredSize: M
-          }).bind("source", "", (i) => A(i.itemType, i.itemTypeKeywords))
+            desiredSize: R
+          }).bind("source", "", (c) => A(c.itemType, c.itemTypeKeywords))
         )
       ),
       // Label
       new d.Panel("Horizontal", {
-        alignment: d.Spot.Right,
+        alignment: a,
         margin: new d.Margin(4, 8, 0, 8)
         // top, right, bottom, left
       }).add(
         new d.Panel("Vertical", {}).add(
           // First line
           new d.TextBlock({
-            alignment: d.Spot.Left,
+            alignment: a,
+            textAlign: s,
             desiredSize: v,
             font: F,
             overflow: d.TextOverflow.Ellipsis,
@@ -107,9 +110,10 @@ function q(o) {
           }).bind("text", "title"),
           // Second line
           new d.TextBlock({
-            alignment: d.Spot.Left,
+            alignment: a,
+            textAlign: s,
             desiredSize: v,
-            font: R,
+            font: M,
             overflow: d.TextOverflow.Ellipsis,
             stroke: g,
             wrap: d.Wrap.None
@@ -117,12 +121,12 @@ function q(o) {
         )
       )
     )
-  ), e.commandHandler.zoomFactor = 1.05, e.setDivBackground(K);
-  const r = e.toolManager.clickSelectingTool;
-  r.standardMouseSelect = function() {
+  ), i.commandHandler.zoomFactor = 1.05, i.setDivBackground(K);
+  const n = i.toolManager.clickSelectingTool;
+  n.standardMouseSelect = function() {
   };
-  const s = e.toolManager.draggingTool;
-  return s.isEnabled = !1, e.linkTemplate = new d.Link({
+  const r = i.toolManager.draggingTool;
+  return r.isEnabled = !1, i.linkTemplate = new d.Link({
     corner: 5,
     movable: !1,
     routing: d.Routing.Orthogonal,
@@ -140,7 +144,7 @@ function q(o) {
       stroke: null,
       toArrow: "Standard"
     })
-  ), e;
+  ), i;
 }
 function m(o, t) {
   o.model = new d.GraphLinksModel(t.nodes, t.links, {
@@ -148,51 +152,51 @@ function m(o, t) {
     linkToPortIdProperty: "toPort"
   });
 }
-function Y(o, t, e, r = !0) {
-  if (r) {
-    const c = ne(o, e);
+function Y(o, t, e, a = !0) {
+  if (a) {
+    const c = oe(o, e);
     c.addEventListener(
       "calciteSwitchChange",
       () => document.dispatchEvent(new CustomEvent("filteredViewChanged", { detail: c.checked }))
     );
   }
-  const { resetButton: s, centerButton: i, zoomInButton: n, zoomOutButton: a } = ae(o, e);
-  s.addEventListener("click", () => de(t)), i.addEventListener("click", () => t.zoomToFit()), n.addEventListener("click", () => t.commandHandler.increaseZoom()), a.addEventListener("click", () => t.commandHandler.decreaseZoom());
+  const { resetButton: s, centerButton: i, zoomInButton: n, zoomOutButton: r } = ae(o, e);
+  s.addEventListener("click", () => de(t)), i.addEventListener("click", () => t.zoomToFit()), n.addEventListener("click", () => t.commandHandler.increaseZoom()), r.addEventListener("click", () => t.commandHandler.decreaseZoom());
 }
 function J(o, t, e) {
-  const r = q(o);
-  return m(r, t), Y(o, r, e), r;
+  const a = q(o);
+  return m(a, t), Y(o, a, e), a;
 }
 function E(o) {
   const t = /* @__PURE__ */ new Set(), e = /* @__PURE__ */ new Set();
-  function r(i) {
+  function a(i) {
     i.findLinksInto().each(
       (n) => {
         e.add(n);
-        const a = n.fromNode;
-        a && !t.has(a) && (t.add(a), r(a));
+        const r = n.fromNode;
+        r && !t.has(r) && (t.add(r), a(r));
       }
     );
   }
-  r(o);
+  a(o);
   function s(i) {
     i.findLinksOutOf().each(
       (n) => {
         e.add(n);
-        const a = n.toNode;
-        a && !t.has(a) && (t.add(a), s(a));
+        const r = n.toNode;
+        r && !t.has(r) && (t.add(r), s(r));
       }
     );
   }
   return s(o), { connectedNodes: t, connectedLinks: e };
 }
 function Q(o, t = !1, e) {
-  const r = [], s = o.map((n) => {
+  const a = [], s = o.map((n) => {
     if (n.type !== "Group") {
-      const a = ee(n);
-      return X(n, a, t, e);
+      const r = ee(n);
+      return X(n, r, t, e);
     } else {
-      r.push(n.id);
+      a.push(n.id);
       return;
     }
   }).filter((n) => n !== void 0), i = [];
@@ -206,43 +210,43 @@ function Q(o, t = !1, e) {
         toSpot: d.Spot.AllSides
       });
     });
-  }), { nodes: s, links: i, groupPseudoNodes: r };
+  }), { nodes: s, links: i, groupPseudoNodes: a };
 }
-function U(o, t, e, r = !0) {
+function U(o, t, e, a = !0) {
   const s = o.diagram;
   if (!s)
     return;
   const i = {};
-  if (r) {
+  if (a) {
     for (const n of s.nodes)
       i[n.key] = n === o ? f : b;
     for (const n of s.links) {
-      const a = `${n.fromNode?.key}-${n.toNode?.key}`;
-      i[a] = x;
+      const r = `${n.fromNode?.key}-${n.toNode?.key}`;
+      i[r] = x;
     }
     {
-      const { connectedNodes: n, connectedLinks: a } = E(o);
+      const { connectedNodes: n, connectedLinks: r } = E(o);
       for (const c of n)
         i[c.key] = f;
-      for (const c of a) {
+      for (const c of r) {
         const h = `${c.fromNode?.key}-${c.toNode?.key}`;
         i[h] = Z;
       }
     }
   }
-  if (e && (e.adornedObject = o), r) {
+  if (e && (e.adornedObject = o), a) {
     const n = new d.Animation();
     n.duration = 1;
-    for (const a of s.nodes)
-      n.add(a, "opacity", a.opacity, i[a.key]);
-    for (const a of s.links) {
-      const c = `${a.fromNode?.key}-${a.toNode?.key}`;
-      n.add(a, "opacity", a.opacity, i[c]);
+    for (const r of s.nodes)
+      n.add(r, "opacity", r.opacity, i[r.key]);
+    for (const r of s.links) {
+      const c = `${r.fromNode?.key}-${r.toNode?.key}`;
+      n.add(r, "opacity", r.opacity, i[c]);
     }
     n.start();
   }
 }
-function L(o, t, e, r, s = !0) {
+function L(o, t, e, a, s = !0) {
   if (o.length === 0)
     return;
   const i = t[0].diagram;
@@ -250,30 +254,30 @@ function L(o, t, e, r, s = !0) {
     return;
   const n = {};
   if (s) {
-    for (const a of i.nodes) {
-      const c = o.includes(a.key);
-      n[a.key] = !e || c ? f : b;
+    for (const r of i.nodes) {
+      const c = o.includes(r.key);
+      n[r.key] = !e || c ? f : b;
     }
-    for (const a of i.links) {
-      const c = `${a.fromNode?.key}-${a.toNode?.key}`;
+    for (const r of i.links) {
+      const c = `${r.fromNode?.key}-${r.toNode?.key}`;
       n[c] = e ? x : w;
     }
   }
-  if (Object.keys(r).forEach((a) => {
-    r[a].adornedObject = null;
+  if (Object.keys(a).forEach((r) => {
+    a[r].adornedObject = null;
   }), s) {
-    const a = new d.Animation();
-    a.duration = 1;
+    const r = new d.Animation();
+    r.duration = 1;
     for (const c of i.nodes)
-      a.add(c, "opacity", c.opacity, n[c.key]);
+      r.add(c, "opacity", c.opacity, n[c.key]);
     for (const c of i.links) {
       const h = `${c.fromNode?.key}-${c.toNode?.key}`;
-      a.add(c, "opacity", c.opacity, n[h]);
+      r.add(c, "opacity", c.opacity, n[h]);
     }
-    a.start();
+    r.start();
   }
 }
-function X(o, t, e = !1, r) {
+function X(o, t, e = !1, a) {
   return {
     key: t,
     title: o.title,
@@ -282,32 +286,32 @@ function X(o, t, e = !1, r) {
     itemTypeForDisplay: re(o.type, o.typeKeywords),
     itemTypeKeywords: o.typeKeywords,
     group: o.type,
-    url: e ? `${r}?id=${o.id}` : void 0
+    url: e ? `${a}?id=${o.id}` : void 0
   };
 }
 function ee(o) {
   return o.id;
 }
-function te(o, t, e, r = 0, s = !1) {
+function te(o, t, e, a = 0, s = !1) {
   let i = "";
   s && (i += "F");
-  const n = o - 2 * e, a = t - 2 * e;
-  return i += " M0 0", i += ` h${n}`, i += ` a${e} ${e} 0 0 1 ${e} ${e}`, i += ` v${a}`, i += ` a${e} ${e} 0 0 1 ${-e} ${e}`, i += ` h${-n}`, i += ` a${e} ${e} 0 0 1 ${-e} ${-e}`, i += ` v${-a}`, i += ` a${e} ${e} 0 0 1 ${e} ${-e}`, r > 0 && (i += ` M${r - e} 0 v${t}`), i;
+  const n = o - 2 * e, r = t - 2 * e;
+  return i += " M0 0", i += ` h${n}`, i += ` a${e} ${e} 0 0 1 ${e} ${e}`, i += ` v${r}`, i += ` a${e} ${e} 0 0 1 ${-e} ${e}`, i += ` h${-n}`, i += ` a${e} ${e} 0 0 1 ${-e} ${-e}`, i += ` v${-r}`, i += ` a${e} ${e} 0 0 1 ${e} ${-e}`, a > 0 && (i += ` M${a - e} 0 v${t}`), i;
 }
 function ie() {
   document.dispatchEvent(new CustomEvent("clickInDiagram"));
 }
-function oe(o, t) {
+function ne(o, t) {
   const e = t.part;
   e instanceof d.Node && (e.selectionAdorned = !1, document.dispatchEvent(new CustomEvent("clickOnNode", { detail: e })));
 }
-function ne(o, t) {
+function oe(o, t) {
   const e = document.createElement("calcite-switch");
   e.id = "filteredViewButton", e.label = t.filteredView;
-  const r = document.createElement("calcite-label");
-  r.id = "filteredViewButtonLabel", r.setAttribute("layout", "inline"), r.innerHTML = t.filteredView, r.appendChild(e);
+  const a = document.createElement("calcite-label");
+  a.id = "filteredViewButtonLabel", a.setAttribute("layout", "inline"), a.innerHTML = t.filteredView, a.appendChild(e);
   const s = document.createElement("div");
-  s.id = "filteredViewButtonDiv", s.appendChild(r);
+  s.id = "filteredViewButtonDiv", s.appendChild(a);
   const i = document.createElement("calcite-action-bar");
   i.id = "filter-bar-controls", i.layout = "horizontal", i.expandDisabled = !0, i.appendChild(s);
   const n = document.createElement("div");
@@ -316,30 +320,30 @@ function ne(o, t) {
 function ae(o, t) {
   const e = document.createElement("calcite-action");
   e.icon = "reset", e.id = "showHideGrayedOutButton";
-  const r = document.createElement("calcite-tooltip");
-  r.id = "resetButtonTooltip", r.innerHTML = t.reset, r.overlayPositioning = "fixed", r.placement = "bottom", r.referenceElement = e.id;
+  const a = document.createElement("calcite-tooltip");
+  a.id = "resetButtonTooltip", a.innerHTML = t.reset, a.overlayPositioning = "fixed", a.placement = "bottom", a.referenceElement = e.id;
   const s = document.createElement("calcite-action");
   s.icon = "zoom-to-object", s.id = "centerButton";
   const i = document.createElement("calcite-tooltip");
   i.id = "centerButtonTooltip", i.innerHTML = t.centerDiagram, i.overlayPositioning = "fixed", i.placement = "bottom", i.referenceElement = s.id;
   const n = document.createElement("calcite-action");
   n.icon = "plus", n.id = "zoomInButton";
-  const a = document.createElement("calcite-tooltip");
-  a.id = "zoomInButtonTooltip", a.innerHTML = t.zoomIn, a.overlayPositioning = "fixed", a.placement = "bottom", a.referenceElement = n.id;
+  const r = document.createElement("calcite-tooltip");
+  r.id = "zoomInButtonTooltip", r.innerHTML = t.zoomIn, r.overlayPositioning = "fixed", r.placement = "bottom", r.referenceElement = n.id;
   const c = document.createElement("calcite-action");
   c.appearance = "solid", c.icon = "minus", c.id = "zoomOutButton";
   const h = document.createElement("calcite-tooltip");
   h.id = "zoomOutButtonTooltip", h.innerHTML = t.zoomOut, h.overlayPositioning = "fixed", h.placement = "bottom", h.referenceElement = c.id;
   const l = document.createElement("calcite-action-bar");
-  l.id = "graph-navigation-controls", l.layout = "horizontal", l.expandDisabled = !0, l.appendChild(e), l.appendChild(r), l.appendChild(s), l.appendChild(i), l.appendChild(n), l.appendChild(a), l.appendChild(c), l.appendChild(h);
+  l.id = "graph-navigation-controls", l.layout = "horizontal", l.expandDisabled = !0, l.appendChild(e), l.appendChild(a), l.appendChild(s), l.appendChild(i), l.appendChild(n), l.appendChild(r), l.appendChild(c), l.appendChild(h);
   const y = document.createElement("div");
   return y.id = "graph-navigation-bar", o.appendChild(y), y.appendChild(l), { resetButton: e, centerButton: s, zoomInButton: n, zoomOutButton: c };
 }
 function re(o, t) {
   let e = o;
   if (o === "Feature Service") {
-    const r = t.indexOf("View Service") > -1, s = t.indexOf("Table") > -1;
-    e = r && s ? "Table (hosted, view)" : s ? "Table (hosted)" : r ? "Feature Layer (hosted, view)" : "Feature Layer (hosted)";
+    const a = t.indexOf("View Service") > -1, s = t.indexOf("Table") > -1;
+    e = a && s ? "Table (hosted, view)" : s ? "Table (hosted)" : a ? "Feature Layer (hosted, view)" : "Feature Layer (hosted)";
   }
   return o === "Web Mapping Application" && (e = t.indexOf("configurableApp") > -1 ? "Instant App" : e), e = o === "Geoprocessing Service" ? "Tool" : e, e = o === "Feed" ? "Feed (hosted)" : e, e = o === "Real Time Analytic" ? "Real Time Analytic (hosted)" : e, e = o === "Big Data Analytic" ? "Big Data Analytic (hosted)" : e, e = o === "Vector Tile Service" ? "Tile Layer" : e, e;
 }
@@ -353,8 +357,8 @@ function p(o) {
 function se(o, t) {
   if (o = o.replace(/^#/, ""), o.length === 3 && (o = o.split("").map((i) => i + i).join("")), o.length !== 6)
     throw new Error("Invalid hex color");
-  const e = parseInt(o.slice(0, 2), 16), r = parseInt(o.slice(2, 4), 16), s = parseInt(o.slice(4, 6), 16);
-  return `rgba(${e}, ${r}, ${s}, ${t})`;
+  const e = parseInt(o.slice(0, 2), 16), a = parseInt(o.slice(2, 4), 16), s = parseInt(o.slice(4, 6), 16);
+  return `rgba(${e}, ${a}, ${s}, ${t})`;
 }
 const ce = 8, le = 15, he = ue("--calcite-color-brand"), me = 4;
 function ue(o) {
@@ -374,8 +378,8 @@ class pe {
    *     <calcite-panel id='diagramPanel' style='display:flex;'/>
    *   </calcite-shell>
    */
-  constructor(t, e, r, s) {
-    this.indexPanel = t, this.diagramPanel = e, this.diagramTranslations = r, this.diagramKey = s, this.currentSelectedGroupId = "", this.currentSelectedItemId = "", this.diagramNeedsRedraw = !1, this.usefilteredView = !1, this.handle_clickInDiagram = (i) => {
+  constructor(t, e, a, s) {
+    this.indexPanel = t, this.diagramPanel = e, this.diagramTranslations = a, this.diagramKey = s, this.currentSelectedGroupId = "", this.currentSelectedItemId = "", this.diagramNeedsRedraw = !1, this.usefilteredView = !1, this.handle_clickInDiagram = (i) => {
       i.stopImmediatePropagation(), (this.currentSelectedGroupId || this.currentSelectedItemId) && (this.currentSelectedGroupId = "", this.currentSelectedItemId = "", this.diagramNeedsRedraw = this.usefilteredView, this.redraw());
     }, this.handle_clickOnNode = (i) => {
       i.stopImmediatePropagation();
@@ -421,8 +425,8 @@ class pe {
    */
   clearSelections(t = !0) {
     this.index.deselectAll(), t && this.index.collapseAll();
-    const e = this.getNodesFromDiagram(this.diagram), r = e.map((s) => s.data.key);
-    L(r, e, !1, this.diagramNodeHighlighterIndex);
+    const e = this.getNodesFromDiagram(this.diagram), a = e.map((s) => s.data.key);
+    L(a, e, !1, this.diagramNodeHighlighterIndex);
   }
   /**
    * Creates indicies into the diagram's nodes and node highlighters.
@@ -431,19 +435,19 @@ class pe {
   createNodeHighlighters() {
     this.diagramNodeIndex = {}, this.diagramNodeHighlighterIndex = {}, this.getNodesFromDiagram(this.diagram).forEach((e) => {
       this.diagramNodeIndex[e.data.key] = e;
-      const r = new d.Adornment("Auto", {
+      const a = new d.Adornment("Auto", {
         background: "transparent",
         margin: 2
       });
-      r.add(new d.Shape("RoundedRectangle", {
+      a.add(new d.Shape("RoundedRectangle", {
         fill: "transparent",
         parameter1: ce,
         parameter2: le,
         stroke: he,
         strokeWidth: me
-      })), r.add(new d.Placeholder({
+      })), a.add(new d.Placeholder({
         margin: 1
-      })), this.diagramNodeHighlighterIndex[e.data.key] = r;
+      })), this.diagramNodeHighlighterIndex[e.data.key] = a;
     });
   }
   /**
@@ -461,9 +465,9 @@ class pe {
    * @returns Array of nodes in the diagram
    */
   getNodesFromDiagram(t) {
-    const e = [], r = t.nodes.iterator;
-    for (; r.next(); )
-      e.push(r.value);
+    const e = [], a = t.nodes.iterator;
+    for (; a.next(); )
+      e.push(a.value);
     return e;
   }
   /**
@@ -472,20 +476,20 @@ class pe {
    * @param toggleSelection Whether to toggle the selection state of the item
    * @param alsoCollapseAllAccordionItems Whether to collapse all accordion items in the index
    */
-  redraw(t = "", e = !1, r = !0) {
+  redraw(t = "", e = !1, a = !0) {
     const s = this.allNodesAndLinks.groupPseudoNodes.includes(t);
     this.diagramNeedsRedraw && (m(this.diagram, this.allNodesAndLinks), this.createNodeHighlighters(), this.diagramNeedsRedraw = !1);
     let i = !1;
-    if (this.clearSelections(r), !!t) {
+    if (this.clearSelections(a), !!t) {
       if (s) {
         if (this.currentSelectedItemId = "", this.currentSelectedGroupId !== t ? this.currentSelectedGroupId = t : e && (this.currentSelectedGroupId = this.currentSelectedGroupId ? "" : t, i = this.usefilteredView && !this.currentSelectedGroupId), this.currentSelectedGroupId) {
           this.usefilteredView && (m(this.diagram, this.allNodesAndLinks), this.createNodeHighlighters());
-          const n = this.collection.filter((c) => c.id === t)[0], a = n.dependencies.map((c) => this.diagramNodeIndex[c]);
+          const n = this.collection.filter((c) => c.id === t)[0], r = n.dependencies.map((c) => this.diagramNodeIndex[c]);
           if (this.usefilteredView) {
-            const c = a.map((h) => h.data);
+            const c = r.map((h) => h.data);
             m(this.diagram, { nodes: c, links: [] });
           } else
-            L(n.dependencies, a, !0, this.diagramNodeHighlighterIndex);
+            L(n.dependencies, r, !0, this.diagramNodeHighlighterIndex);
           this.index.selectItem(this.currentSelectedGroupId);
         }
       } else {
@@ -495,9 +499,9 @@ class pe {
           return;
         if (this.currentSelectedItemId) {
           if (this.usefilteredView) {
-            const a = E(n);
-            a.connectedNodes.add(n);
-            const c = Array.from(a.connectedNodes).map((l) => l.data), h = Array.from(a.connectedLinks).map((l) => l.data);
+            const r = E(n);
+            r.connectedNodes.add(n);
+            const c = Array.from(r.connectedNodes).map((l) => l.data), h = Array.from(r.connectedLinks).map((l) => l.data);
             if (m(this.diagram, { nodes: c, links: h }), this.createNodeHighlighters(), n = this.getNodeById(t), !n)
               return;
           }

package/dist/components/solutions-deploy-app/customElement.js

@@ -1,13 +1,13 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as g } from "../../chunks/runtime.js";
-import { repeat as T } from "lit/directives/repeat.js";
-import { u as v } from "../../chunks/useT9n.js";
+import { repeat as v } from "lit/directives/repeat.js";
+import { u as T } from "../../chunks/useT9n.js";
 import { LitElement as C, createEvent as d, safeClassMap as b, nothing as S } from "@arcgis/lumina";
 import { css as w, html as h } from "lit";
 import { T as y } from "../../chunks/solutions-deploy-app-nav.js";
 import { a as A, T as c, F as D, B as x, e as O } from "../../chunks/helpers.js";
 import { createRef as l, ref as o } from "lit-html/directives/ref.js";
-import { C as f, g as I } from "../../chunks/cardFetchingUtils.js";
+import { C as m, g as I } from "../../chunks/cardFetchingUtils.js";
 import { useContextProvider as _ } from "@arcgis/lumina/context";
 import { c as F, b as $, i as k } from "../../chunks/deployAppContexts.js";
 import { h as M, f as P } from "../../chunks/cardsHelpers.js";
@@ -22,7 +22,7 @@ import "../solutions-deployed-shell/customElement.js";
 import "../solution-details-panel/customElement.js";
 import "../solution-deployed-card-panel/customElement.js";
 import "../solution-builder-assistant/customElement.js";
-const L = w`.back-color-override{background-color:var(--calcite-color-surface-3);--calcite-tab-border-color: var(--calcite-color-surface-4)}:host{--assistant-panel-width: 420px;--builder-panel-width: 1260px}.display-none{display:none!important}.height-100{height:100%}calcite-tab-nav{padding-bottom:6px;padding-top:6px}calcite-tab{--calcite-color-focus: transparent}calcite-tab>*{--calcite-color-focus: initial}calcite-tabs{--calcite-tab-border-color: var(--calcite-color-border-2);flex:1;min-height:0}.tab-space-0{--calcite-tab-content-space-y: var(--calcite-spacing-none)}.tab-space-md{--calcite-tab-content-space-y: var(--calcite-spacing-md)}solutions-searchsort-toolbar,solutions-deploy-app-nav,solution-details-panel,solutions-deployed-shell,solutions-all-shell,calcite-tab-nav,solution-deployed-card-panel{width:1440px;display:block;max-width:96vw;padding-right:var(--calcite-spacing-none);padding-left:var(--calcite-spacing-none);margin-left:auto;margin-right:auto;box-sizing:border-box}.border{height:var(--calcite-spacing-px);border-bottom-color:var(--calcite-color-border-2);border-bottom-style:solid;border-bottom-width:var(--calcite-border-width-sm);box-sizing:border-box}.overflow-auto{overflow:auto}solution-details-panel{scroll-margin-top:3rem}.main-content{container-type:inline-size;display:flex;flex-direction:column;height:100%;overflow:hidden}.main-content.assistant-open{margin-right:var(--assistant-panel-width)}.assistant-open solutions-searchsort-toolbar,.assistant-open solution-details-panel,.assistant-open solutions-deployed-shell,.assistant-open solutions-all-shell,.assistant-open calcite-tab-nav,.assistant-open solution-deployed-card-panel{margin-left:max(2vw,calc((100vw - 1440px)/2));margin-right:0;width:auto;max-width:1440px}.builder-panel{position:fixed;top:65px;right:var(--assistant-panel-width);bottom:0;width:var(--builder-panel-width);z-index:400;display:flex;flex-direction:column;box-shadow:-6px 0 8px -4px #00000026;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(0);pointer-events:auto}.builder-panel.display-none{display:flex!important;transform:translate(calc(var(--assistant-panel-width) + var(--builder-panel-width)));pointer-events:none}.builder-panel.display-none:has(~.assistant-panel.display-none){display:none!important;transition:none}.assistant-panel{position:fixed;top:65px;right:0;bottom:0;width:var(--assistant-panel-width);z-index:400;display:flex;flex-direction:column;box-shadow:-6px 0 8px -4px #00000026}@media(max-width:800px){.builder-panel{display:none!important}.assistant-panel{width:100%;box-shadow:none}.main-content.assistant-open{margin-right:0}}.assistant-fab{position:fixed;bottom:var(--calcite-spacing-xxl);right:var(--calcite-spacing-xxl);z-index:500}calcite-tooltip{--calcite-tooltip-max-size-x: 16rem}`, R = {
+const L = w`.back-color-override{background-color:var(--calcite-color-surface-3);--calcite-tab-border-color: var(--calcite-color-surface-4)}:host{--panel-edge-adjustment: 2vw;--assistant-panel-min-width: 420px;--assistant-panel-width: max(var(--assistant-panel-min-width), calc((96vw - 1440px) / 2 + var(--panel-edge-adjustment) - 15px))}.display-none{display:none!important}.height-100{height:100%}calcite-tab-nav{padding-bottom:6px;padding-top:6px}calcite-tab{--calcite-color-focus: transparent}calcite-tab>*{--calcite-color-focus: initial}calcite-tabs{--calcite-tab-border-color: var(--calcite-color-border-2);flex:1;min-height:0}.tab-space-0{--calcite-tab-content-space-y: var(--calcite-spacing-none)}.tab-space-md{--calcite-tab-content-space-y: var(--calcite-spacing-md)}solutions-searchsort-toolbar,solutions-deploy-app-nav,solution-details-panel,solutions-deployed-shell,solutions-all-shell,calcite-tab-nav,solution-deployed-card-panel{width:1440px;display:block;max-width:96vw;padding-right:var(--calcite-spacing-none);padding-left:var(--calcite-spacing-none);margin-left:auto;margin-right:auto;box-sizing:border-box}.border{height:var(--calcite-spacing-px);border-bottom-color:var(--calcite-color-border-2);border-bottom-style:solid;border-bottom-width:var(--calcite-border-width-sm);box-sizing:border-box}.overflow-auto{overflow:auto}solution-details-panel{scroll-margin-top:3rem}.main-content{container-type:inline-size;display:flex;flex-direction:column;height:100%;overflow:hidden}.main-content.assistant-open{margin-right:var(--assistant-panel-width)}.assistant-open solutions-searchsort-toolbar,.assistant-open solution-details-panel,.assistant-open solutions-deployed-shell,.assistant-open solutions-all-shell,.assistant-open calcite-tab-nav,.assistant-open solution-deployed-card-panel{margin-left:max(var(--panel-edge-adjustment),calc((96vw - 1440px) / 2 + var(--panel-edge-adjustment)));margin-right:0;width:auto;max-width:1440px}.builder-panel{position:fixed;top:65px;left:max(var(--panel-edge-adjustment),calc((96vw - 1440px) / 2 + var(--panel-edge-adjustment)));right:var(--assistant-panel-width);bottom:0;z-index:400;display:flex;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(0);pointer-events:auto}.builder-panel.display-none{display:flex!important;transform:translate(100%);pointer-events:none}.builder-panel.display-none:has(~.assistant-panel.display-none){display:none!important;transition:none}.assistant-panel{position:fixed;top:65px;right:0;bottom:0;width:var(--assistant-panel-width);min-width:var(--assistant-panel-min-width);z-index:400;display:flex;flex-direction:column}@media(max-width:800px){.builder-panel{display:none!important}.assistant-panel{width:100%;box-shadow:none}.main-content.assistant-open{margin-right:0}}.assistant-fab{position:fixed;bottom:var(--calcite-spacing-xxl);right:var(--calcite-spacing-xxl);z-index:500}calcite-tooltip{--calcite-tooltip-max-size-x: 16rem}`, R = {
   solution: {
     title: "Bus Stop ADA Compliance Inspections",
     description: "Bus Stop ADA Compliance Inspections can be used to perform routine inspections of bus stops for ADA compliance and monitor inspection progress.",
@@ -233,7 +233,7 @@ const L = w`.back-color-override{background-color:var(--calcite-color-surface-3)
 };
 class B extends C {
   constructor() {
-    super(), this.initTitleOrId = "", this.sortType = "relevance", this.useLocalAppConfig = !1, this.authentication = void 0, this._isLoaded = !1, this.isMobile = !1, this._isAssistantOpen = !1, this._builderVisible = !1, this._showFabTooltip = !0, this._activeTab = "all-solutions", this._showDeployedCardFetchFailed = !1, this._globalAlerts = [], this._translations = v({ name: "solutions-deploy-app", blocking: !0 }), this._agoTerms = `${A}`, this._allCards = [], this._allShell = l(), this._allTab = l(), this._allTabTitle = l(), this._resourcesTab = l(), this._resourcesTabTitle = l(), this._categories = [], this._configContextProvider = _({ context: F }), this._delay = !1, this._deployAppNav = l(), this._deployedCardPanel = l(), this._deployCardFetchFailedMessage = "", this._deployedCardTab = l(), this._deployedCardTabTitle = l(), this._detailsShell = l(), this._detailsTab = l(), this._detailsTabTitle = l(), this._forceInit = !1, this._getSuggested = !1, this._tabpanelsFixed = !1, this._solutionBuilderPanel = l(), this._builderDesignContextProvider = _({ context: $ }), this._isMobileContextProvider = _({ context: k }), this._mainContentRef = l(), this._mySolutionsShell = l(), this._mySolutionsTab = l(), this._mySolutionsTabTitle = l(), this._sortField = "relevance", this._sortOrder = "desc", this._telemetryManager = new y(), this.deployAppTabSelected = d(), this.deployedCardFetchFailed = d(), this.detailsCardSelected = d(), this.deployedCardSelected = d(), this.metaTagStringsReady = d(), this.sessionRefreshed = d(), this.tabChanged = d(), this.listenOn(window, "detailsCardSelected", this._detailsCardSelected), this.listenOn(window, "deployedCardSelected", this._deployedCardSelected), this.listenOn(window, "displayDeployedCard", this._handleDeployedCardDisplay), this.listenOn(window, "navTabSelected", this._setActiveTab), this.listenOn(window, "forceSelectTab", (t) => this.selectTab(t.detail, {})), this.listenOn(window, "showGlobalAlert", this._handleShowGlobalAlert), this.listenOn(window, "openAssistant", () => {
+    super(), this.initTitleOrId = "", this.sortType = "relevance", this.useLocalAppConfig = !1, this.authentication = void 0, this._isLoaded = !1, this.isMobile = !1, this._isAssistantOpen = !1, this._builderVisible = !1, this._showFabTooltip = !0, this._activeTab = "all-solutions", this._showDeployedCardFetchFailed = !1, this._globalAlerts = [], this._translations = T({ name: "solutions-deploy-app", blocking: !0 }), this._agoTerms = `${A}`, this._allCards = [], this._allShell = l(), this._allTab = l(), this._allTabTitle = l(), this._resourcesTab = l(), this._resourcesTabTitle = l(), this._categories = [], this._configContextProvider = _({ context: F }), this._delay = !1, this._deployAppNav = l(), this._deployedCardPanel = l(), this._deployCardFetchFailedMessage = "", this._deployedCardTab = l(), this._deployedCardTabTitle = l(), this._detailsShell = l(), this._detailsTab = l(), this._detailsTabTitle = l(), this._forceInit = !1, this._getSuggested = !1, this._tabpanelsFixed = !1, this._solutionBuilderPanel = l(), this._builderDesignContextProvider = _({ context: $ }), this._isMobileContextProvider = _({ context: k }), this._mainContentRef = l(), this._mySolutionsShell = l(), this._mySolutionsTab = l(), this._mySolutionsTabTitle = l(), this._sortField = "relevance", this._sortOrder = "desc", this._telemetryManager = new y(), this.deployAppTabSelected = d(), this.deployedCardFetchFailed = d(), this.detailsCardSelected = d(), this.deployedCardSelected = d(), this.metaTagStringsReady = d(), this.sessionRefreshed = d(), this.tabChanged = d(), this.listenOn(window, "detailsCardSelected", this._detailsCardSelected), this.listenOn(window, "deployedCardSelected", this._deployedCardSelected), this.listenOn(window, "displayDeployedCard", this._handleDeployedCardDisplay), this.listenOn(window, "navTabSelected", this._setActiveTab), this.listenOn(window, "forceSelectTab", (t) => this.selectTab(t.detail, {})), this.listenOn(window, "showGlobalAlert", this._handleShowGlobalAlert), this.listenOn(window, "openAssistant", () => {
       this._openAssistant();
     }), this.listenOn(window, "closeAssistant", () => {
       this._isAssistantOpen = !1, this._builderVisible = !1;
@@ -371,11 +371,11 @@ class B extends C {
     super.disconnectedCallback(), this._resizeObserver?.disconnect(), this._tabpanelObserver?.disconnect();
   }
   _renderGlobalAlerts() {
-    return T(this._globalAlerts, (t) => t.id, (t) => h`<calcite-alert .autoClose=${t.autoClose} .autoCloseDuration=${t.autoCloseDuration} .icon=${t.icon} .kind=${t.kind} .label=${t.title || ""} @calciteAlertClose=${() => this._removeGlobalAlert(t.id)} open>${t.title && h`<div slot=title>${t.title}</div>` || ""}<div slot=message>${t.message}</div></calcite-alert>`);
+    return v(this._globalAlerts, (t) => t.id, (t) => h`<calcite-alert .autoClose=${t.autoClose} .autoCloseDuration=${t.autoCloseDuration} .icon=${t.icon} .kind=${t.kind} .label=${t.title || ""} @calciteAlertClose=${() => this._removeGlobalAlert(t.id)} open>${t.title && h`<div slot=title>${t.title}</div>` || ""}<div slot=message>${t.message}</div></calcite-alert>`);
   }
   async _handleAuthInit(t) {
     const e = t.detail;
-    e.telemetrySession || (e.telemetrySession = y.getDisabledSession()), this._configContextProvider.setValue(e), e.authentication && (this.authentication = e.authentication), this._cardFetcherDeployed = new f(e.locale, e.orgUrl, e.portalURL), this._cardsFetcher = new f(e.locale, e.orgUrl, e.portalURL), this._isDisconnectedEnvironment || await this._getSolutions(e.primarySolutionsGroupId, e.agoBasedEnterpriseSolutionsGroupId), this._configContextProvider.value.allCards = this._allCards, this._configContextProvider.value.anonAgolSession = this._cardsFetcher.anonAgolSession, this._configContextProvider.value.agolPortalUrl = this._cardsFetcher.agolPortalUrl, await this._initializeTelemetry(), this._isLoaded = !0, this._setRefreshInterval(), this._initTab ? (this.selectTab(this._initTab, this._initFilters), this._logTabViewTelemetry(this._initTab.tabType), this._initTab = void 0, this._initFilters = void 0) : this.authentication?.IsSignedIn && (this.initTab === "details" || this.initTab === "deployed-card" || (this._logTabViewTelemetry(this._activeTab), this._emitMetaTagStrings(this._activeTab)));
+    e.telemetrySession || (e.telemetrySession = y.getDisabledSession()), this._configContextProvider.setValue(e), e.authentication && (this.authentication = e.authentication), this._cardFetcherDeployed = new m(e.locale, e.orgUrl, e.portalURL), this._cardsFetcher = new m(e.locale, e.orgUrl, e.portalURL), this._isDisconnectedEnvironment || await this._getSolutions(e.primarySolutionsGroupId, e.agoBasedEnterpriseSolutionsGroupId), this._configContextProvider.value.allCards = this._allCards, this._configContextProvider.value.anonAgolSession = this._cardsFetcher.anonAgolSession, this._configContextProvider.value.agolPortalUrl = this._cardsFetcher.agolPortalUrl, await this._initializeTelemetry(), this._isLoaded = !0, this._setRefreshInterval(), this._initTab ? (this.selectTab(this._initTab, this._initFilters), this._logTabViewTelemetry(this._initTab.tabType), this._initTab = void 0, this._initFilters = void 0) : this.authentication?.IsSignedIn && (this.initTab === "details" || this.initTab === "deployed-card" || (this._logTabViewTelemetry(this._activeTab), this._emitMetaTagStrings(this._activeTab)));
   }
   _setActiveTab(t) {
     const i = t.detail.tabType, s = this._activeTab !== i;
@@ -546,12 +546,12 @@ class B extends C {
   _getDefaultSearchOptions(t) {
     let e;
     if (t) {
-      const i = t.domain, s = t.industry === "AEC" ? O.AEC : t.industry, a = t.offerType, n = t.searchTerm, m = "";
+      const i = t.domain, s = t.industry === "AEC" ? O.AEC : t.industry, a = t.offerType, n = t.searchTerm, f = "";
       let r = t.sortField;
       const p = t.owner, u = t.filter;
       r === "suggested" && !this.authentication?.IsSignedIn && (r = this.sortType), e = i || s ? {
         type: i ? "domain" : s ? "industry" : ""
-      } : void 0, i && (e = e ? { ...e, domain: i } : { domain: i }), s && (e = e ? { ...e, industry: s } : { industry: s }), n && (e = e ? { ...e, searchTerm: n } : { searchTerm: n }), e && (e = { ...e, displayValue: m }), r && (e = e ? { ...e, sortType: r } : { sortType: r }), a && (r = a.toLowerCase(), e = e ? { ...e, sortType: r } : { sortType: r }), p && (e = e ? { ...e, owner: p } : { owner: p }), u && (e = e ? { ...e, filter: u } : { filter: u });
+      } : void 0, i && (e = e ? { ...e, domain: i } : { domain: i }), s && (e = e ? { ...e, industry: s } : { industry: s }), n && (e = e ? { ...e, searchTerm: n } : { searchTerm: n }), e && (e = { ...e, displayValue: f }), r && (e = e ? { ...e, sortType: r } : { sortType: r }), a && (r = a.toLowerCase(), e = e ? { ...e, sortType: r } : { sortType: r }), p && (e = e ? { ...e, owner: p } : { owner: p }), u && (e = e ? { ...e, filter: u } : { filter: u });
     }
     return e;
   }