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

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

@@ -1,18 +1,18 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import { c as B } from "../../chunks/runtime.js";
-import { css as C, html as D } from "lit";
+import { c as D } from "../../chunks/runtime.js";
+import { css as B, html as C } from "lit";
 import { u as z } from "../../chunks/useT9n.js";
 import { LitElement as $ } from "@arcgis/lumina";
 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), 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 P = B`#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, L = 0.3, w = 1, b = 0.2, Z = 1;
+function q(n) {
   const t = document.createElement("div");
   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);
+  n.appendChild(t);
   const i = new d.Diagram(
     t,
     // create a Diagram for the HTML Div element
@@ -41,7 +41,7 @@ function q(o) {
     }
   );
   i.nodeTemplate = new d.Node("Auto", {
-    click: ne,
+    click: oe,
     movable: !1,
     opacity: f,
     toolTip: new d.Adornment("Auto", {
@@ -122,8 +122,8 @@ function q(o) {
       )
     )
   ), i.commandHandler.zoomFactor = 1.05, i.setDivBackground(K);
-  const n = i.toolManager.clickSelectingTool;
-  n.standardMouseSelect = function() {
+  const o = i.toolManager.clickSelectingTool;
+  o.standardMouseSelect = function() {
   };
   const r = i.toolManager.draggingTool;
   return r.isEnabled = !1, i.linkTemplate = new d.Link({
@@ -146,87 +146,87 @@ function q(o) {
     })
   ), i;
 }
-function m(o, t) {
-  o.model = new d.GraphLinksModel(t.nodes, t.links, {
+function m(n, t) {
+  n.model = new d.GraphLinksModel(t.nodes, t.links, {
     linkFromPortIdProperty: "fromPort",
     linkToPortIdProperty: "toPort"
   });
 }
-function Y(o, t, e, a = !0) {
+function Y(n, t, e, a = !0) {
   if (a) {
-    const c = oe(o, e);
+    const c = ne(n, e);
     c.addEventListener(
       "calciteSwitchChange",
       () => document.dispatchEvent(new CustomEvent("filteredViewChanged", { detail: c.checked }))
     );
   }
-  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());
+  const { resetButton: s, centerButton: i, zoomInButton: o, zoomOutButton: r } = ae(n, e);
+  s.addEventListener("click", () => de(t)), i.addEventListener("click", () => t.zoomToFit()), o.addEventListener("click", () => t.commandHandler.increaseZoom()), r.addEventListener("click", () => t.commandHandler.decreaseZoom());
 }
-function J(o, t, e) {
-  const a = q(o);
-  return m(a, t), Y(o, a, e), a;
+function J(n, t, e) {
+  const a = q(n);
+  return m(a, t), Y(n, a, e), a;
 }
-function E(o) {
+function E(n) {
   const t = /* @__PURE__ */ new Set(), e = /* @__PURE__ */ new Set();
   function a(i) {
     i.findLinksInto().each(
-      (n) => {
-        e.add(n);
-        const r = n.fromNode;
+      (o) => {
+        e.add(o);
+        const r = o.fromNode;
         r && !t.has(r) && (t.add(r), a(r));
       }
     );
   }
-  a(o);
+  a(n);
   function s(i) {
     i.findLinksOutOf().each(
-      (n) => {
-        e.add(n);
-        const r = n.toNode;
+      (o) => {
+        e.add(o);
+        const r = o.toNode;
         r && !t.has(r) && (t.add(r), s(r));
       }
     );
   }
-  return s(o), { connectedNodes: t, connectedLinks: e };
+  return s(n), { connectedNodes: t, connectedLinks: e };
 }
-function Q(o, t = !1, e) {
-  const a = [], s = o.map((n) => {
-    if (n.type !== "Group") {
-      const r = ee(n);
-      return X(n, r, t, e);
+function Q(n, t = !1, e) {
+  const a = [], s = n.map((o) => {
+    if (o.type !== "Group") {
+      const r = ee(o);
+      return X(o, r, t, e);
     } else {
-      a.push(n.id);
+      a.push(o.id);
       return;
     }
-  }).filter((n) => n !== void 0), i = [];
-  return s.forEach((n) => {
-    (o.find((c) => c.id === n.itemId)?.dependencies || []).forEach((c) => {
+  }).filter((o) => o !== void 0), i = [];
+  return s.forEach((o) => {
+    (n.find((c) => c.id === o.itemId)?.dependencies || []).forEach((c) => {
       const h = s.find((l) => l?.itemId === c);
       h && i.push({
         from: h.key,
         fromSpot: d.Spot.AllSides,
-        to: n.key,
+        to: o.key,
         toSpot: d.Spot.AllSides
       });
     });
   }), { nodes: s, links: i, groupPseudoNodes: a };
 }
-function U(o, t, e, a = !0) {
-  const s = o.diagram;
+function U(n, t, e, a = !0) {
+  const s = n.diagram;
   if (!s)
     return;
   const i = {};
   if (a) {
-    for (const n of s.nodes)
-      i[n.key] = n === o ? f : b;
-    for (const n of s.links) {
-      const r = `${n.fromNode?.key}-${n.toNode?.key}`;
-      i[r] = x;
+    for (const o of s.nodes)
+      i[o.key] = o === n ? f : L;
+    for (const o of s.links) {
+      const r = `${o.fromNode?.key}-${o.toNode?.key}`;
+      i[r] = b;
     }
     {
-      const { connectedNodes: n, connectedLinks: r } = E(o);
-      for (const c of n)
+      const { connectedNodes: o, connectedLinks: r } = E(n);
+      for (const c of o)
         i[c.key] = f;
       for (const c of r) {
         const h = `${c.fromNode?.key}-${c.toNode?.key}`;
@@ -234,33 +234,33 @@ function U(o, t, e, a = !0) {
       }
     }
   }
-  if (e && (e.adornedObject = o), a) {
-    const n = new d.Animation();
-    n.duration = 1;
+  if (e && (e.adornedObject = n), a) {
+    const o = new d.Animation();
+    o.duration = 1;
     for (const r of s.nodes)
-      n.add(r, "opacity", r.opacity, i[r.key]);
+      o.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]);
+      o.add(r, "opacity", r.opacity, i[c]);
     }
-    n.start();
+    o.start();
   }
 }
-function L(o, t, e, a, s = !0) {
-  if (o.length === 0)
+function x(n, t, e, a, s = !0) {
+  if (n.length === 0)
     return;
   const i = t[0].diagram;
   if (!i)
     return;
-  const n = {};
+  const o = {};
   if (s) {
     for (const r of i.nodes) {
-      const c = o.includes(r.key);
-      n[r.key] = !e || c ? f : b;
+      const c = n.includes(r.key);
+      o[r.key] = !e || c ? f : L;
     }
     for (const r of i.links) {
       const c = `${r.fromNode?.key}-${r.toNode?.key}`;
-      n[c] = e ? x : w;
+      o[c] = e ? b : w;
     }
   }
   if (Object.keys(a).forEach((r) => {
@@ -269,43 +269,43 @@ function L(o, t, e, a, s = !0) {
     const r = new d.Animation();
     r.duration = 1;
     for (const c of i.nodes)
-      r.add(c, "opacity", c.opacity, n[c.key]);
+      r.add(c, "opacity", c.opacity, o[c.key]);
     for (const c of i.links) {
       const h = `${c.fromNode?.key}-${c.toNode?.key}`;
-      r.add(c, "opacity", c.opacity, n[h]);
+      r.add(c, "opacity", c.opacity, o[h]);
     }
     r.start();
   }
 }
-function X(o, t, e = !1, a) {
+function X(n, t, e = !1, a) {
   return {
     key: t,
-    title: o.title,
-    itemId: o.id,
-    itemType: o.type,
-    itemTypeForDisplay: re(o.type, o.typeKeywords),
-    itemTypeKeywords: o.typeKeywords,
-    group: o.type,
-    url: e ? `${a}?id=${o.id}` : void 0
+    title: n.title,
+    itemId: n.id,
+    itemType: n.type,
+    itemTypeForDisplay: re(n.type, n.typeKeywords),
+    itemTypeKeywords: n.typeKeywords,
+    group: n.type,
+    url: e ? `${a}?id=${n.id}` : void 0
   };
 }
-function ee(o) {
-  return o.id;
+function ee(n) {
+  return n.id;
 }
-function te(o, t, e, a = 0, s = !1) {
+function te(n, t, e, a = 0, s = !1) {
   let i = "";
   s && (i += "F");
-  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;
+  const o = n - 2 * e, r = t - 2 * e;
+  return i += " M0 0", i += ` h${o}`, i += ` a${e} ${e} 0 0 1 ${e} ${e}`, i += ` v${r}`, i += ` a${e} ${e} 0 0 1 ${-e} ${e}`, i += ` h${-o}`, 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 ne(o, t) {
+function oe(n, t) {
   const e = t.part;
   e instanceof d.Node && (e.selectionAdorned = !1, document.dispatchEvent(new CustomEvent("clickOnNode", { detail: e })));
 }
-function oe(o, t) {
+function ne(n, t) {
   const e = document.createElement("calcite-switch");
   e.id = "filteredViewButton", e.label = t.filteredView;
   const a = document.createElement("calcite-label");
@@ -314,56 +314,56 @@ function oe(o, t) {
   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");
-  return n.id = "filter-bar", o.appendChild(n), n.appendChild(i), e;
+  const o = document.createElement("div");
+  return o.id = "filter-bar", n.appendChild(o), o.appendChild(i), e;
 }
-function ae(o, t) {
+function ae(n, t) {
   const e = document.createElement("calcite-action");
-  e.icon = "reset", e.id = "showHideGrayedOutButton";
+  e.icon = "reset", e.id = "showHideGrayedOutButton", e.text = t.reset;
   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";
+  s.icon = "zoom-to-object", s.id = "centerButton", s.text = t.centerDiagram;
   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 o = document.createElement("calcite-action");
+  o.icon = "plus", o.id = "zoomInButton", o.text = t.zoomIn;
   const r = document.createElement("calcite-tooltip");
-  r.id = "zoomInButtonTooltip", r.innerHTML = t.zoomIn, r.overlayPositioning = "fixed", r.placement = "bottom", r.referenceElement = n.id;
+  r.id = "zoomInButtonTooltip", r.innerHTML = t.zoomIn, r.overlayPositioning = "fixed", r.placement = "bottom", r.referenceElement = o.id;
   const c = document.createElement("calcite-action");
-  c.appearance = "solid", c.icon = "minus", c.id = "zoomOutButton";
+  c.appearance = "solid", c.icon = "minus", c.id = "zoomOutButton", c.text = t.zoomOut;
   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(a), l.appendChild(s), l.appendChild(i), l.appendChild(n), l.appendChild(r), 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(o), 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 };
+  return y.id = "graph-navigation-bar", n.appendChild(y), y.appendChild(l), { resetButton: e, centerButton: s, zoomInButton: o, zoomOutButton: c };
 }
-function re(o, t) {
-  let e = o;
-  if (o === "Feature Service") {
+function re(n, t) {
+  let e = n;
+  if (n === "Feature Service") {
     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;
+  return n === "Web Mapping Application" && (e = t.indexOf("configurableApp") > -1 ? "Instant App" : e), e = n === "Geoprocessing Service" ? "Tool" : e, e = n === "Feed" ? "Feed (hosted)" : e, e = n === "Real Time Analytic" ? "Real Time Analytic (hosted)" : e, e = n === "Big Data Analytic" ? "Big Data Analytic (hosted)" : e, e = n === "Vector Tile Service" ? "Tile Layer" : e, e;
 }
-function de(o) {
-  o.zoomToFit(), document.dispatchEvent(new CustomEvent("reset"));
+function de(n) {
+  n.zoomToFit(), document.dispatchEvent(new CustomEvent("reset"));
 }
-function p(o) {
+function p(n) {
   const t = document.body;
-  return getComputedStyle(t).getPropertyValue(o).trim();
+  return getComputedStyle(t).getPropertyValue(n).trim();
 }
-function se(o, t) {
-  if (o = o.replace(/^#/, ""), o.length === 3 && (o = o.split("").map((i) => i + i).join("")), o.length !== 6)
+function se(n, t) {
+  if (n = n.replace(/^#/, ""), n.length === 3 && (n = n.split("").map((i) => i + i).join("")), n.length !== 6)
     throw new Error("Invalid hex color");
-  const e = parseInt(o.slice(0, 2), 16), a = parseInt(o.slice(2, 4), 16), s = parseInt(o.slice(4, 6), 16);
+  const e = parseInt(n.slice(0, 2), 16), a = parseInt(n.slice(2, 4), 16), s = parseInt(n.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) {
+function ue(n) {
   const t = document.documentElement;
-  return getComputedStyle(t).getPropertyValue(o).trim();
+  return getComputedStyle(t).getPropertyValue(n).trim();
 }
 class pe {
   /**
@@ -383,16 +383,16 @@ class pe {
       i.stopImmediatePropagation(), (this.currentSelectedGroupId || this.currentSelectedItemId) && (this.currentSelectedGroupId = "", this.currentSelectedItemId = "", this.diagramNeedsRedraw = this.usefilteredView, this.redraw());
     }, this.handle_clickOnNode = (i) => {
       i.stopImmediatePropagation();
-      const n = i.detail.data.key;
-      this.redraw(n, n === this.currentSelectedItemId);
+      const o = i.detail.data.key;
+      this.redraw(o, o === this.currentSelectedItemId);
     }, this.handle_filteredViewChanged = (i) => {
       this.usefilteredView = i.detail, this.diagramNeedsRedraw = !!this.currentSelectedGroupId || !!this.currentSelectedItemId, this.redraw(this.currentSelectedItemId || this.currentSelectedGroupId);
     }, this.handle_reset = (i) => {
       i.stopImmediatePropagation(), this.reset();
     }, this.handle_solutionItemSelect = (i) => {
       i.stopImmediatePropagation();
-      const n = i.detail.itemId;
-      this.redraw(n, n === this.currentSelectedItemId || n === this.currentSelectedGroupId, !1);
+      const o = i.detail.itemId;
+      this.redraw(o, o === this.currentSelectedItemId || o === this.currentSelectedGroupId, !1);
     }, d.Diagram.licenseKey === "" && (d.Diagram.licenseKey = s ?? "");
   }
   /**
@@ -426,7 +426,7 @@ class pe {
   clearSelections(t = !0) {
     this.index.deselectAll(), t && this.index.collapseAll();
     const e = this.getNodesFromDiagram(this.diagram), a = e.map((s) => s.data.key);
-    L(a, e, !1, this.diagramNodeHighlighterIndex);
+    x(a, e, !1, this.diagramNodeHighlighterIndex);
   }
   /**
    * Creates indicies into the diagram's nodes and node highlighters.
@@ -484,28 +484,28 @@ class pe {
       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], r = n.dependencies.map((c) => this.diagramNodeIndex[c]);
+          const o = this.collection.filter((c) => c.id === t)[0], r = o.dependencies.map((c) => this.diagramNodeIndex[c]);
           if (this.usefilteredView) {
             const c = r.map((h) => h.data);
             m(this.diagram, { nodes: c, links: [] });
           } else
-            L(n.dependencies, r, !0, this.diagramNodeHighlighterIndex);
+            x(o.dependencies, r, !0, this.diagramNodeHighlighterIndex);
           this.index.selectItem(this.currentSelectedGroupId);
         }
       } else {
         this.currentSelectedGroupId = "", this.currentSelectedItemId !== t ? this.currentSelectedItemId = t : e && (this.currentSelectedItemId = this.currentSelectedItemId ? "" : t, i = this.usefilteredView && !this.currentSelectedItemId);
-        let n = this.getNodeById(t);
-        if ((!n || this.usefilteredView) && (m(this.diagram, this.allNodesAndLinks), this.createNodeHighlighters(), n = this.getNodeById(t), !n))
+        let o = this.getNodeById(t);
+        if ((!o || this.usefilteredView) && (m(this.diagram, this.allNodesAndLinks), this.createNodeHighlighters(), o = this.getNodeById(t), !o))
           return;
         if (this.currentSelectedItemId) {
           if (this.usefilteredView) {
-            const r = E(n);
-            r.connectedNodes.add(n);
+            const r = E(o);
+            r.connectedNodes.add(o);
             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)
+            if (m(this.diagram, { nodes: c, links: h }), this.createNodeHighlighters(), o = this.getNodeById(t), !o)
               return;
           }
-          n && setTimeout(() => U(n, !0, this.diagramNodeHighlighterIndex[t]), 1), this.index.selectItem(this.currentSelectedItemId);
+          o && setTimeout(() => U(o, !0, this.diagramNodeHighlighterIndex[t]), 1), this.index.selectItem(this.currentSelectedItemId);
         }
       }
       i && this.reset();
@@ -545,7 +545,7 @@ class ge extends $ {
     super.disconnectedCallback(), this.solutionDisplay && (this.solutionDisplay.dispose(), this.solutionDisplay = void 0);
   }
   render() {
-    return D`<calcite-shell><calcite-shell-panel id=diagram-shell-panel slot=panel-start ${I(this._diagramShell)}></calcite-shell-panel><calcite-panel class="z-index-1" id=diagram-panel slot=panel-bottom ${I(this._diagramPanel)}></calcite-panel></calcite-shell>`;
+    return C`<calcite-shell><calcite-shell-panel id=diagram-shell-panel slot=panel-start ${I(this._diagramShell)}></calcite-shell-panel><calcite-panel class="z-index-1" id=diagram-panel slot=panel-bottom ${I(this._diagramPanel)}></calcite-panel></calcite-shell>`;
   }
   _preventDiagramScrollbars() {
     if (!this._diagramPanel.value)
@@ -557,7 +557,7 @@ class ge extends $ {
     e instanceof HTMLElement && (e.style.overflow = "hidden");
   }
 }
-B("solution-item-diagram", ge);
+D("solution-item-diagram", ge);
 export {
   ge as SolutionItemDiagram
 };

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

@@ -1,9 +1,9 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as s } from "../../chunks/runtime.js";
-import { css as o, html as n } from "lit";
+import { css as n, html as o } from "lit";
 import { LitElement as r, nothing as t } from "@arcgis/lumina";
 import { g as p, a as m } from "../../chunks/getItemIcon.js";
-const l = o`.item-type-icon{@apply block h-4 pointer-events-none;margin-top:.15em!important;min-width:16px;fill:currentColor;transform:rotate(360deg)}.item-type-icon-margin{@apply m-inline-end-1.5;}`;
+const l = n`.item-type-icon{@apply block h-4 pointer-events-none;margin-top:.15em!important;min-width:16px;fill:currentColor;transform:rotate(360deg)}.item-type-icon-margin{@apply m-inline-end-1.5;}`;
 class c extends r {
   constructor() {
     super(...arguments), this.isPortal = !1, this.type = "", this.typeKeywords = [], this.designType = "";
@@ -16,7 +16,7 @@ class c extends r {
   }
   render() {
     const e = this.designType ? p(this.designType) : m(this.type, this.typeKeywords), i = this.designType || this.type;
-    return n`<div title=${i ?? t}><img class="item-type-icon item-type-icon-margin" height=16 role=presentation src=${e ?? t} width=16></div>`;
+    return o`<div title=${i ?? t}><img alt aria-hidden=true class="item-type-icon item-type-icon-margin" height=16 src=${e ?? t} width=16></div>`;
   }
 }
 s("solution-item-icon", c);

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

@@ -1,13 +1,13 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as e } from "../../chunks/runtime.js";
-import { css as o, svg as r, html as l } from "lit";
+import { css as r, svg as o, html as l } from "lit";
 import { u as h } from "../../chunks/useT9n.js";
 import { LitElement as n, nothing as s } from "@arcgis/lumina";
 import { useContextConsumer as m } from "@arcgis/lumina/context";
 import { c as z } from "../../chunks/deployAppContexts.js";
 import { T as v } from "../../chunks/interfaces.js";
 import { k as d } from "../../chunks/helpers.js";
-const H = o`calcite-card{cursor:pointer;height:100%;padding-bottom:2px;border-inline-start:3px solid transparent}calcite-card:hover{outline:1px solid var(--calcite-color-brand);border-inline-start:3px solid var(--calcite-color-brand);box-sizing:border-box}.card-icon{margin-bottom:var(--calcite-spacing-md);display:flex;justify-content:flex-start}.card-heading{font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);margin:0 0 var(--calcite-spacing-sm) 0;color:var(--calcite-color-text-1)}.card-description{font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2);margin:0}.meridian-icon{width:48px;height:48px;display:block;color:var(--calcite-color-text-3)}`, i = {
+const H = r`calcite-card{cursor:pointer;height:100%;padding-bottom:2px;border-inline-start:3px solid transparent}calcite-card:hover{outline:1px solid var(--calcite-color-brand);border-inline-start:3px solid var(--calcite-color-brand);box-sizing:border-box}.card-icon{margin-bottom:var(--calcite-spacing-md);display:flex;justify-content:flex-start}.card-heading{font-size:var(--calcite-font-size-0);font-weight:var(--calcite-font-weight-medium);margin:0 0 var(--calcite-spacing-sm) 0;color:var(--calcite-color-text-1)}.card-description{font-size:var(--calcite-font-size--1);color:var(--calcite-color-text-2);margin:0}.meridian-icon{width:48px;height:48px;display:block;color:var(--calcite-color-text-3)}`, i = {
   "arcmap-blog": "M34 28.9H10v-.8h24zm-24 5h20v-.8H10zm31.591-20.8l-.8.8H45.1v25.2H18.583l-9.817 4.245 1.823-4.245H3.9V13.9h22.665l.8-.8H3.1v26.8h6.274l-2.142 4.986L18.666 39.9H45.9V13.1zm-.953-5.141l.449 2.676L32.6 19.12l-.567-.565 8.195-8.196-.286-1.708L24.09 24.476a1.82 1.82 0 0 1-.689.431l-3.52 1.22 1.213-3.525a1.832 1.832 0 0 1 .431-.692L42.461.989l2.578 2.577zm3.268-4.394L42.461 2.12 22.09 22.475a1.036 1.036 0 0 0-.242.388l-.678 1.97 1.968-.682a1.018 1.018 0 0 0 .384-.24z",
   "esri-community": "M24 47.896a3.897 3.897 0 0 1-1.563-.327L3.1 39.106V12.928a6.169 6.169 0 0 1 3.696-5.651L22.436.43a3.905 3.905 0 0 1 3.128 0L44.9 8.894v26.178a6.17 6.17 0 0 1-3.696 5.651l-15.64 6.846a3.897 3.897 0 0 1-1.564.327zM3.9 38.583l18.857 8.254a3.11 3.11 0 0 0 2.486 0l15.64-6.846a5.37 5.37 0 0 0 3.217-4.92V9.418L25.243 1.163a3.11 3.11 0 0 0-2.486 0L7.117 8.01A5.369 5.369 0 0 0 3.9 12.928zm21.364.344a14.156 14.156 0 0 1-14.17-14.111 13.678 13.678 0 0 1 16.893-13.26l.387.103-1.164 4.336-.389-.107a8.052 8.052 0 0 0-2.141-.282 8.907 8.907 0 0 0-8.74 8.838 9.303 9.303 0 0 0 15.277 7.075.809.809 0 0 1 1.104.062l2.451 2.57a.808.808 0 0 1-.047 1.161 14.213 14.213 0 0 1-9.461 3.615zm-.559-27a12.956 12.956 0 0 0-12.81 12.889 13.375 13.375 0 0 0 22.298 9.899L31.73 32.13a10.103 10.103 0 0 1-16.591-7.687 9.718 9.718 0 0 1 9.54-9.637 8.982 8.982 0 0 1 1.965.212l.748-2.787a11.953 11.953 0 0 0-2.687-.305zM36 26.9H24a3.905 3.905 0 0 1-3.9-3.9.901.901 0 0 1 .9-.9h10.84a7.77 7.77 0 0 0-1.875-4.15l-.131-.158 1.332-5.01.475.357a13.413 13.413 0 0 1 5.26 10.705V26a.901.901 0 0 1-.901.9zm-15-4a.1.1 0 0 0-.1.1 3.103 3.103 0 0 0 3.1 3.1h12a.1.1 0 0 0 .1-.1v-2.156a12.643 12.643 0 0 0-4.47-9.693l-.918 3.451a8.135 8.135 0 0 1 1.95 4.898v.4z",
   faq: "M18.495 23.09a3.22 3.22 0 0 1 3.502 3.123 3.526 3.526 0 0 1-1.593 3.034 3.413 3.413 0 0 0-1.524 3.096V33h-.8v-.657a4.165 4.165 0 0 1 1.812-3.71 2.727 2.727 0 0 0 1.305-2.42 2.425 2.425 0 0 0-2.702-2.322c-1.716 0-2.498.99-2.498 1.912h-.8c0-1.348 1.133-2.712 3.298-2.712zm22.849-2.748l.843 4.81-3.579-1.014.218-.77 2.354.668-.721-4.111.246-.139c3.427-1.927 5.393-4.774 5.393-7.81 0-5.554-6.55-10.072-14.6-10.072s-14.6 4.518-14.6 10.072a8.111 8.111 0 0 0 2.73 5.856l.313.3C29.924 18.47 37.9 24.104 37.9 31c0 7.113-8.479 12.9-18.9 12.9-1.417 0-3.901-.295-4.433-.36l-9.71 3.627 2.062-6.238C2.58 38.47.1 34.867.1 31c0-7.064 8.364-12.813 18.686-12.893a8.769 8.769 0 0 1-2.688-6.131c0-5.995 6.908-10.872 15.4-10.872s15.4 4.877 15.4 10.872c0 3.258-2.02 6.295-5.554 8.366zM19 18.9C9.02 18.9.9 24.328.9 31c0 3.65 2.44 7.073 6.694 9.389l.293.16-1.746 5.285 8.33-3.112.097.012c.03.004 2.923.366 4.432.366 9.98 0 18.1-5.428 18.1-12.1S28.98 18.9 19 18.9zm.4 16.6a.9.9 0 1 1-.9-.9.901.901 0 0 1 .9.9zm-.8 0a.1.1 0 0 0-.2 0c0 .11.2.11.2 0zm12.9-25.025a1.025 1.025 0 1 1-1.025 1.025 1.026 1.026 0 0 1 1.025-1.025zm0 .8a.225.225 0 0 0-.225.225c0 .248.45.248.45 0a.225.225 0 0 0-.225-.225zm6.975.225a1.025 1.025 0 1 1 1.025 1.025 1.026 1.026 0 0 1-1.025-1.025zm.8 0c0 .248.45.248.45 0a.225.225 0 0 0-.45 0zM23.5 10.475a1.025 1.025 0 1 1-1.025 1.025 1.026 1.026 0 0 1 1.025-1.025zm0 .8a.225.225 0 0 0-.225.225c0 .248.45.248.45 0a.225.225 0 0 0-.225-.225z",
@@ -37,7 +37,7 @@ class p extends n {
     return this._configContextConsumer.value?.telemetrySession;
   }
   render() {
-    return l`<calcite-card @click=${() => this.url && this._handleCardClick(this.url)} @keydown=${(a) => d(a, () => this.url && this._handleCardClick(this.url))}>${this.meridianIcon && i[this.meridianIcon] && l`<div class="card-icon"><svg class="meridian-icon" xmlns=http://www.w3.org/2000/svg viewBox="0 0 48 48">${r`<path fill=currentColor d=${i[this.meridianIcon] ?? s} />`}</svg></div>` || ""}${this.icon && l`<div class="card-icon"><calcite-icon .icon=${this.icon} scale=l></calcite-icon></div>` || ""}<h3 class="card-heading">${this.heading}</h3><p class="card-description">${this.description}</p></calcite-card>`;
+    return l`<calcite-card @click=${() => this.url && this._handleCardClick(this.url)} @keydown=${(a) => d(a, () => this.url && this._handleCardClick(this.url))}>${this.meridianIcon && i[this.meridianIcon] && l`<div class="card-icon"><svg aria-hidden=true class="meridian-icon" xmlns=http://www.w3.org/2000/svg viewBox="0 0 48 48">${o`<path fill=currentColor d=${i[this.meridianIcon] ?? s} />`}</svg></div>` || ""}${this.icon && l`<div class="card-icon"><calcite-icon aria-hidden=true .icon=${this.icon} scale=l></calcite-icon></div>` || ""}<h3 class="card-heading">${this.heading}</h3><p class="card-description">${this.description}</p></calcite-card>`;
   }
   _handleCardClick(a) {
     const c = this.headingEn || this.heading, t = this.sectionHeadingEn || "";

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

@@ -37,7 +37,7 @@ class b extends l {
   }
   _getFooter() {
     const t = this._screenshotNames.indexOf(this.screenshot?.name || ""), o = document.body.classList.contains("calcite-mode-dark") ? "calcite-mode-dark" : "";
-    return i`<div class="footer" slot=footer><div class=${`display-flex align-items-center padding-start-1 padding-top-1-2 background-black ${o}`}><calcite-label layout=inline><calcite-pagination class="padding-end-1" @calcitePaginationChange=${this._changeScreenshot} page-size=1 start-item=${t + 1} total-items=${this._screenshots.length ?? a} ${u(this._paginationControl)}></calcite-pagination><span tabindex=0>${this._displayText}</span></calcite-label></div>${this._getCards()}</div>`;
+    return i`<div class="footer" slot=footer><div class=${`display-flex align-items-center padding-start-1 padding-top-1-2 background-black ${o}`}><calcite-label layout=inline><calcite-pagination class="padding-end-1" @calcitePaginationChange=${this._changeScreenshot} page-size=1 start-item=${t + 1} total-items=${this._screenshots.length ?? a} ${u(this._paginationControl)}></calcite-pagination><span aria-live=polite tabindex=0>${this._displayText}</span></calcite-label></div>${this._getCards()}</div>`;
   }
   _changeScreenshot() {
     this.screenshot = this._screenshots[this._paginationControl.value.startItem - 1];

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

@@ -1,6 +1,6 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
 import { c as f } from "../../chunks/runtime.js";
-import { css as v, html as e, svg as p } from "lit";
+import { css as v, html as e, svg as u } from "lit";
 import { u as g } from "../../chunks/useT9n.js";
 import { LitElement as m, nothing as h, safeStyleMap as l } from "@arcgis/lumina";
 import { useContextConsumer as b } from "@arcgis/lumina/context";
@@ -73,15 +73,15 @@ class P extends m {
   }
   _renderButton() {
     const o = this.shareButtonScale != null ? this.shareButtonScale : this.scale;
-    return this.shareButtonType === "button" ? e`<calcite-button .appearance=${this.buttonAppearance} class=solutions-social-share__popover-button id=shareButton .kind=${this.shareButtonKind} .label=${this._translations.share?.label} @click=${this._togglePopover.bind(this)} .scale=${o} title=${this._translations.share?.label ?? h} ${r(this._popoverButtonRef)}>${this.shareButtonText}</calcite-button>` : e`<calcite-action alignment=center .appearance=${this.actionApperance} class=solutions-social-share__popover-button id=shareButton .label=${this._translations.share?.label} @click=${this._togglePopover.bind(this)} .scale=${o} text title=${this._translations.share?.label ?? h} ${r(this._popoverActionRef)}><div class=solutions-social-share__icon-container><calcite-icon icon=share .scale=${this.popoverButtonIconScale}></calcite-icon></div></calcite-action>`;
+    return this.shareButtonType === "button" ? e`<calcite-button .appearance=${this.buttonAppearance} class=solutions-social-share__popover-button id=shareButton .kind=${this.shareButtonKind} .label=${this._translations.share?.label} @click=${this._togglePopover.bind(this)} .scale=${o} title=${this._translations.share?.label ?? h} ${r(this._popoverButtonRef)}>${this.shareButtonText}</calcite-button>` : e`<calcite-action alignment=center .appearance=${this.actionApperance} class=solutions-social-share__popover-button id=shareButton .label=${this._translations.share?.label} @click=${this._togglePopover.bind(this)} .scale=${o} text title=${this._translations.share?.label ?? h} ${r(this._popoverActionRef)}><div class=solutions-social-share__icon-container><calcite-icon aria-hidden=true icon=share .scale=${this.popoverButtonIconScale}></calcite-icon></div></calcite-action>`;
   }
   _renderSuccess() {
     const o = this._translations.success;
-    return e`<div class=solutions-social-share__success><span class=solutions-social-share__success-header><span class=solutions-social-share__success-icon><calcite-icon icon=check-circle-f .scale=${this.scale}></calcite-icon></span>${o?.label}</span><span class=solutions-social-share__success-message>${this.successMessage || o?.url}</span></div>`;
+    return e`<div class=solutions-social-share__success><span class=solutions-social-share__success-header><span class=solutions-social-share__success-icon><calcite-icon aria-hidden=true icon=check-circle-f .scale=${this.scale}></calcite-icon></span>${o?.label}</span><span class=solutions-social-share__success-message>${this.successMessage || o?.url}</span></div>`;
   }
   _renderOptions() {
     const o = this._translations.options, s = document.dir === "rtl" ? " solutions-social-share__option-text--rtl" : "";
-    return e`<ul class=solutions-social-share__options role=menu ${r(this._shareListRef)}><li id=copyToClipboard @click=${this._handleShareItem.bind(this, "link")} @keydown=${this._handleOptionKeyDown("link")} role=menuitem tabindex=0><span class=solutions-social-share__icon><calcite-icon icon=link .scale=${this.scale}></calcite-icon></span><span class=${`solutions-social-share__option-text${s}`}>${o?.link?.label}</span></li>${this.socialMedia ? [
+    return e`<ul class=solutions-social-share__options role=menu ${r(this._shareListRef)}><li id=copyToClipboard @click=${this._handleShareItem.bind(this, "link")} @keydown=${this._handleOptionKeyDown("link")} role=menuitem tabindex=0><span class=solutions-social-share__icon><calcite-icon aria-hidden=true icon=link .scale=${this.scale}></calcite-icon></span><span class=${`solutions-social-share__option-text${s}`}>${o?.link?.label}</span></li>${this.socialMedia ? [
       e`<li @click=${this._handleShareItem.bind(this, "facebook")} @keydown=${this._handleOptionKeyDown("facebook")} role=menuitem tabindex=0><span class=solutions-social-share__icon>${this._renderFacebookIcon()}</span><span class=${`solutions-social-share__option-text${s}`}>${o?.facebook?.label}</span></li>`,
       e`<li @click=${this._handleShareItem.bind(this, "x")} @keydown=${this._handleOptionKeyDown("x")} role=menuitem tabindex=0><span class=solutions-social-share__icon>${this._renderXIcon()}</span><span class=${`solutions-social-share__option-text${s}`}>\r\n                X</span></li>`,
       e`<li @click=${this._handleShareItem.bind(this, "linkedIn")} @keydown=${this._handleOptionKeyDown("linkedIn")} role=menuitem tabindex=0><span class=solutions-social-share__icon>${this._renderLinkedInIcon()}</span><span class=${`solutions-social-share__option-text${s}`}>${o?.linkedIn?.label}</span></li>`,
@@ -95,16 +95,16 @@ class P extends m {
     };
   }
   _renderFacebookIcon() {
-    return e`<svg height=100% style=${l({ fillRule: "evenodd", clipRule: "evenodd", strokeLinejoin: "round", strokeMiterlimit: "2" })} version=1.1 viewBox="0 0 512 512" width=100% xmlns=http://www.w3.org/2000/svg>${p`<g><path d="M512,256c0,-141.385 -114.615,-256 -256,-256c-141.385,0 -256,114.615 -256,256c0,127.777 93.616,233.685 216,252.89l0,-178.89l-65,0l0,-74l65,0l0,-56.4c0,-64.16 38.219,-99.6 96.695,-99.6c28.009,0 57.305,5 57.305,5l0,63l-32.281,0c-31.801,0 -41.719,19.733 -41.719,39.978l0,48.022l71,0l-11.35,74l-59.65,0l0,178.89c122.385,-19.205 216,-125.113 216,-252.89Z" style=${l({ fill: "#1877f2", fillRule: "nonzero" })} /><path d="M355.65,330l11.35,-74l-71,0l0,-48.022c0,-20.245 9.917,-39.978 41.719,-39.978l32.281,0l0,-63c0,0 -29.297,-5 -57.305,-5c-58.476,0 -96.695,35.44 -96.695,99.6l0,56.4l-65,0l0,74l65,0l0,178.89c13.033,2.045 26.392,3.11 40,3.11c13.608,0 26.966,-1.065 40,-3.11l0,-178.89l59.65,0Z" style=${l({ fill: "#fff", fillRule: "nonzero" })} /></g>`}</svg>`;
+    return e`<svg aria-hidden=true height=100% style=${l({ fillRule: "evenodd", clipRule: "evenodd", strokeLinejoin: "round", strokeMiterlimit: "2" })} version=1.1 viewBox="0 0 512 512" width=100% xmlns=http://www.w3.org/2000/svg>${u`<g><path d="M512,256c0,-141.385 -114.615,-256 -256,-256c-141.385,0 -256,114.615 -256,256c0,127.777 93.616,233.685 216,252.89l0,-178.89l-65,0l0,-74l65,0l0,-56.4c0,-64.16 38.219,-99.6 96.695,-99.6c28.009,0 57.305,5 57.305,5l0,63l-32.281,0c-31.801,0 -41.719,19.733 -41.719,39.978l0,48.022l71,0l-11.35,74l-59.65,0l0,178.89c122.385,-19.205 216,-125.113 216,-252.89Z" style=${l({ fill: "#1877f2", fillRule: "nonzero" })} /><path d="M355.65,330l11.35,-74l-71,0l0,-48.022c0,-20.245 9.917,-39.978 41.719,-39.978l32.281,0l0,-63c0,0 -29.297,-5 -57.305,-5c-58.476,0 -96.695,35.44 -96.695,99.6l0,56.4l-65,0l0,74l65,0l0,178.89c13.033,2.045 26.392,3.11 40,3.11c13.608,0 26.966,-1.065 40,-3.11l0,-178.89l59.65,0Z" style=${l({ fill: "#fff", fillRule: "nonzero" })} /></g>`}</svg>`;
   }
   _renderXIcon() {
-    return e`<svg height=100% width=100% class="solutions-social-share__x-logo" viewBox="0 0 1200 1227" fill=none xmlns=http://www.w3.org/2000/svg>${p`<rect height=400 style=${l({ fill: "none" })} width=400 x=56 y=56 /><path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill=currentColor />`}</svg>`;
+    return e`<svg aria-hidden=true height=100% width=100% class="solutions-social-share__x-logo" viewBox="0 0 1200 1227" fill=none xmlns=http://www.w3.org/2000/svg>${u`<rect height=400 style=${l({ fill: "none" })} width=400 x=56 y=56 /><path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill=currentColor />`}</svg>`;
   }
   _renderBlueSkyIcon() {
-    return e`<svg height=100% width=100% fill=#0f85fe xmlns=http://www.w3.org/2000/svg viewBox="0 0 512 512">${p`<path d="M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-56 110.3 21.8c0 15.5-8.9 130.5-14.1 149.2C478.2 298 412 314.6 353.1 304.5c102.9 17.5 129.1 75.5 72.5 133.5c-107.4 110.2-154.3-27.6-166.3-62.9l0 0c-1.7-4.9-2.6-7.8-3.3-7.8s-1.6 3-3.3 7.8l0 0c-12 35.3-59 173.1-166.3 62.9c-56.5-58-30.4-116 72.5-133.5C100 314.6 33.8 298 15.7 233.1C10.4 214.4 1.5 99.4 1.5 83.9c0-77.8 68.2-53.4 110.3-21.8z" />`}</svg>`;
+    return e`<svg aria-hidden=true height=100% width=100% fill=#0f85fe xmlns=http://www.w3.org/2000/svg viewBox="0 0 512 512">${u`<path d="M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-56 110.3 21.8c0 15.5-8.9 130.5-14.1 149.2C478.2 298 412 314.6 353.1 304.5c102.9 17.5 129.1 75.5 72.5 133.5c-107.4 110.2-154.3-27.6-166.3-62.9l0 0c-1.7-4.9-2.6-7.8-3.3-7.8s-1.6 3-3.3 7.8l0 0c-12 35.3-59 173.1-166.3 62.9c-56.5-58-30.4-116 72.5-133.5C100 314.6 33.8 298 15.7 233.1C10.4 214.4 1.5 99.4 1.5 83.9c0-77.8 68.2-53.4 110.3-21.8z" />`}</svg>`;
   }
   _renderLinkedInIcon() {
-    return e`<svg height=100% style=${l({ fillRule: "evenodd", clipRule: "evenodd", strokeLinejoin: "round", strokeMiterlimit: "2" })} version=1.1 viewBox="0 0 512 512" width=100% xmlns=http://www.w3.org/2000/svg>${p`<g id=g5891><path d="M512,64c0,-35.323 -28.677,-64 -64,-64l-384,0c-35.323,0 -64,28.677 -64,64l0,384c0,35.323 28.677,64 64,64l384,0c35.323,0 64,-28.677 64,-64l0,-384Z" id=background style=${l({ fill: "#2867b2" })} /><g id=shapes><rect height=257.962 id=rect11 style=${l({ fill: "#fff" })} width=85.76 x=61.053 y=178.667 /><path d="M104.512,54.28c-29.341,0 -48.512,19.29 -48.512,44.573c0,24.752 18.588,44.574 47.377,44.574l0.554,0c29.903,0 48.516,-19.822 48.516,-44.574c-0.555,-25.283 -18.611,-44.573 -47.935,-44.573Z" id=path13-0 style=${l({ fill: "#fff", fillRule: "nonzero" })} /><path d="M357.278,172.601c-45.49,0 -65.866,25.017 -77.276,42.589l0,-36.523l-85.738,0c1.137,24.197 0,257.961 0,257.961l85.737,0l0,-144.064c0,-7.711 0.554,-15.42 2.827,-20.931c6.188,-15.4 20.305,-31.352 43.993,-31.352c31.012,0 43.436,23.664 43.436,58.327l0,138.02l85.741,0l0,-147.93c0,-79.237 -42.305,-116.097 -98.72,-116.097Z" id=path15 style=${l({ fill: "#fff", fillRule: "nonzero" })} /></g></g>`}</svg>`;
+    return e`<svg aria-hidden=true height=100% style=${l({ fillRule: "evenodd", clipRule: "evenodd", strokeLinejoin: "round", strokeMiterlimit: "2" })} version=1.1 viewBox="0 0 512 512" width=100% xmlns=http://www.w3.org/2000/svg>${u`<g id=g5891><path d="M512,64c0,-35.323 -28.677,-64 -64,-64l-384,0c-35.323,0 -64,28.677 -64,64l0,384c0,35.323 28.677,64 64,64l384,0c35.323,0 64,-28.677 64,-64l0,-384Z" id=background style=${l({ fill: "#2867b2" })} /><g id=shapes><rect height=257.962 id=rect11 style=${l({ fill: "#fff" })} width=85.76 x=61.053 y=178.667 /><path d="M104.512,54.28c-29.341,0 -48.512,19.29 -48.512,44.573c0,24.752 18.588,44.574 47.377,44.574l0.554,0c29.903,0 48.516,-19.822 48.516,-44.574c-0.555,-25.283 -18.611,-44.573 -47.935,-44.573Z" id=path13-0 style=${l({ fill: "#fff", fillRule: "nonzero" })} /><path d="M357.278,172.601c-45.49,0 -65.866,25.017 -77.276,42.589l0,-36.523l-85.738,0c1.137,24.197 0,257.961 0,257.961l85.737,0l0,-144.064c0,-7.711 0.554,-15.42 2.827,-20.931c6.188,-15.4 20.305,-31.352 43.993,-31.352c31.012,0 43.436,23.664 43.436,58.327l0,138.02l85.741,0l0,-147.93c0,-79.237 -42.305,-116.097 -98.72,-116.097Z" id=path15 style=${l({ fill: "#fff", fillRule: "nonzero" })} /></g></g>`}</svg>`;
   }
   _togglePopover(o) {
     o.stopPropagation(), this._opened = !this._opened, this._popoverRef.value.open = this._opened;
@@ -138,10 +138,10 @@ class P extends m {
         {
           let a;
           i && (a = window.open("", "_blank"), this.shortenShareUrl && (c = await this._shortenUrl(this.shareUrl) || c));
-          const u = {
+          const p = {
             url: encodeURI(c)
-          }, d = o === "x" ? { ...u, text: this.shareText } : u, _ = $.substitute(S[o], d);
-          this.mode === "popover" && this._closePopover(), i && a ? (a.location = _, a.focus()) : window.open(encodeURI(_), "_blank");
+          }, _ = o === "x" ? { ...p, text: this.shareText } : p, d = $.substitute(S[o], _);
+          this.mode === "popover" && this._closePopover(), i && a ? (a.location = d, a.focus()) : window.open(encodeURI(d), "_blank");
         }
         return;
     }

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

@@ -156,7 +156,7 @@ class $ extends v {
     }
   }
   _getMeridianSearch() {
-    return d`<div><svg viewBox="0 0 64 64" width=140 height=140 xmlns=http://www.w3.org/2000/svg fill=var(--calcite-color-text-3)>${C`<path d="M60.217 54.937l-15.77-15.77-1.414 1.415-3.801-3.8a19.94 19.94 0 1 0-2.451 2.45l3.802 3.802-1.413 1.415 15.767 15.767a1.739 1.739 0 0 0 2.459 0l2.82-2.821a1.742 1.742 0 0 0 0-2.458zM4.9 24A19.1 19.1 0 1 1 24 43.1 19.121 19.121 0 0 1 4.9 24zm32.474 14.693q.69-.63 1.32-1.32l3.774 3.775-1.32 1.32zM59.65 56.83l-2.82 2.82a.97.97 0 0 1-1.327 0L40.3 44.45l4.145-4.15L59.65 55.501a.939.939 0 0 1 0 1.328zM22.343 9.62l.097.795q-.31.038-.619.086a13.635 13.635 0 0 0-11.353 11.775l-.026.217-.795-.084.026-.228a14.44 14.44 0 0 1 12.022-12.47c.215-.034.431-.064.648-.09z" />`}</svg></div>`;
+    return d`<div><svg aria-hidden=true viewBox="0 0 64 64" width=140 height=140 xmlns=http://www.w3.org/2000/svg fill=var(--calcite-color-text-3)>${C`<path d="M60.217 54.937l-15.77-15.77-1.414 1.415-3.801-3.8a19.94 19.94 0 1 0-2.451 2.45l3.802 3.802-1.413 1.415 15.767 15.767a1.739 1.739 0 0 0 2.459 0l2.82-2.821a1.742 1.742 0 0 0 0-2.458zM4.9 24A19.1 19.1 0 1 1 24 43.1 19.121 19.121 0 0 1 4.9 24zm32.474 14.693q.69-.63 1.32-1.32l3.774 3.775-1.32 1.32zM59.65 56.83l-2.82 2.82a.97.97 0 0 1-1.327 0L40.3 44.45l4.145-4.15L59.65 55.501a.939.939 0 0 1 0 1.328zM22.343 9.62l.097.795q-.31.038-.619.086a13.635 13.635 0 0 0-11.353 11.775l-.026.217-.795-.084.026-.228a14.44 14.44 0 0 1 12.022-12.47c.215-.034.431-.064.648-.09z" />`}</svg></div>`;
   }
   _textSearch(e) {
     this._agoTerms = this._baseAgoTerms + ` ${e}`;

package/dist/components/solutions-all-shell/customElement.d.ts

@@ -11,6 +11,7 @@ export abstract class SolutionsAllShell extends LitElement {
    * @internal
    */
   protected _translations: {
+      appliedFilters: string;
       clearIndustryFilter: string;
       chooseSortType: string;
       numberOfSolutions: string;
@@ -20,6 +21,7 @@ export abstract class SolutionsAllShell extends LitElement {
       sortByUpdated: string;
       sortBySuggestedForYou: string;
   } & T9nMeta<{
+      appliedFilters: string;
       clearIndustryFilter: string;
       chooseSortType: string;
       numberOfSolutions: string;