@esri/solutions-components 5.0.3 → 5.0.4-next.2

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

@@ -1,24 +1,54 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import { c as e } from "../../chunks/runtime.js";
-import { css as i, html as o } from "lit";
-import { LitElement as s, nothing as t } from "@arcgis/lumina";
-import { g as r } from "../../chunks/getItemIcon.js";
-const n = i`.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 m extends s {
+import { c as customElement } from "../../chunks/runtime.js";
+import { css, html } from "lit";
+import { LitElement, nothing } from "@arcgis/lumina";
+import { g as getIconUrl } from "../../chunks/getItemIcon.js";
+const styles = css`/** @license
+ * Copyright 2025 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+.item-type-icon {
+  @apply block
+    h-4
+    pointer-events-none;
+  margin-top: 0.15em !important;
+  min-width: 16px;
+  fill: currentColor;
+  transform: rotate(360deg);
+}
+
+.item-type-icon-margin {
+  @apply m-inline-end-1.5;
+}`;
+class SolutionItemIcon extends LitElement {
   constructor() {
-    super(...arguments), this.isPortal = !1, this.type = "", this.typeKeywords = [];
+    super(...arguments);
+    this.isPortal = false;
+    this.type = "";
+    this.typeKeywords = [];
   }
   static {
-    this.properties = { isPortal: 5, type: 1, typeKeywords: 0 };
+    this.properties = { isPortal: [5, {}, { type: Boolean }], type: 1, typeKeywords: [0, {}, { attribute: false }] };
   }
   static {
-    this.styles = n;
+    this.styles = styles;
   }
   render() {
-    return o`<div title=${this.type ?? t}><img class="item-type-icon item-type-icon-margin" height=16 role=presentation src=${r(this.type, this.typeKeywords) ?? t} width=16></div>`;
+    return html`<div title=${this.type ?? nothing}><img class="item-type-icon item-type-icon-margin" height=16 role=presentation src=${getIconUrl(this.type, this.typeKeywords) ?? nothing} width=16></div>`;
   }
 }
-e("solution-item-icon", m);
+customElement("solution-item-icon", SolutionItemIcon);
 export {
-  m as SolutionItemIcon
+  SolutionItemIcon
 };

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

@@ -1,52 +1,112 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import { c as e } from "../../chunks/runtime.js";
-import { css as h, svg as o, html as l } from "lit";
-import { u as r } from "../../chunks/useT9n.js";
-import { LitElement as n, nothing as s } from "@arcgis/lumina";
-import { useContextConsumer as m } from "@arcgis/lumina/context";
-import { A as z, J as v, T as d } from "../../chunks/interfaces.js";
-const H = h`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)}`, c = {
+import { c as customElement } from "../../chunks/runtime.js";
+import { css, svg, html } from "lit";
+import { u as useT9n } from "../../chunks/useT9n.js";
+import { LitElement, nothing } from "@arcgis/lumina";
+import { useContextConsumer } from "@arcgis/lumina/context";
+import { A as configContext, J as handleKeyboardAction, T as TELEMETRY_CATEGORY } from "../../chunks/interfaces.js";
+const styles = css`/** @license
+ * Copyright 2025 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+calcite-card {
+  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);
+}`;
+const MERIDIAN_ICONS = {
   "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",
-  idea: "M31.858 10.113a12.288 12.288 0 0 0-9.675-3.074 12.438 12.438 0 0 0-7.706 20.764 11.032 11.032 0 0 1 3.016 7.387A1.511 1.511 0 0 0 19 36.9h.187l.388 1.553-.523 1.047.5 1-.41.821-.043 1.033 2.44 2.546h3.921l2.439-2.546V36.9h.307a1.51 1.51 0 0 0 1.508-1.504 11.03 11.03 0 0 1 3.014-7.391 12.45 12.45 0 0 0-.871-17.692zM27.1 42.033L25.12 44.1h-3.24l-1.98-2.068v-.437l.347-.695H24v-.8h-3.753l-.3-.6.3-.6H24v-.8h-3.688l-.3-1.2H27.1zm-5.2-9.869a1.6 1.6 0 1 1 3.2 0V36.1h-3.2zm10.238-4.698a11.814 11.814 0 0 0-3.222 7.924.71.71 0 0 1-.71.71H25.9v-3.936a2.406 2.406 0 0 0-.468-1.42l3.903-12.02-.76-.247-3.786 11.655a2.368 2.368 0 0 0-.89-.344V22.9H25v-.8h-3v.8h1.1v6.888a2.368 2.368 0 0 0-.889.344l-3.785-11.655-.761.248 3.903 12.019a2.406 2.406 0 0 0-.468 1.42V36.1h-2.099a.712.712 0 0 1-.709-.717 11.812 11.812 0 0 0-3.225-7.92 11.638 11.638 0 0 1 7.205-19.429 11.486 11.486 0 0 1 9.053 2.876 11.65 11.65 0 0 1 .813 16.556zM23.9 3h-.8V0h.8zM11.69 7.194l-1.77-2.39.642-.476 1.771 2.39zm24.748-2.866l.642.477-1.77 2.39-.644-.477zM2.483 16.022l2.822.808-.22.77-2.822-.808zm42.252.77l-2.822.808-.22-.77 2.822-.808z",
-  install: "M30.991 21.733l-7.395 7.394-7.395-7.394.567-.566L23.1 27.5V3h.8v24.691l6.525-6.524zm6.7-7.633H26v.8h11.1v26.2H9.9V14.9H21v-.8H9.31L.69 24.748l.62.504L9.1 15.63V41.9h28.8V15.63l7.79 9.622.62-.504z",
-  keys: "M42.52 18.96c-.8-2.67-2.58-4.84-4.98-6.07-.02-.02-.03-.04-.05-.06.34-1.09.41-2.27.41-3.66C37.9 4.08 35.31.1 32 .1c-3.19 0-5.72 3.7-5.88 8.54-6.7 1.555-10.39 8.9-7.57 15.21L5.1 37.08v5.79l6.27.03 3.28-3.57V37.9h1.34l2.41-2.41v-1.34h1.23l4.87-4.55c.57.23 1.16.41 1.76.54L20.79 43.3l1.74 4.39 4.92-1.93 1.5-3.7-.41-1.01 1.15-.45 1.12-2.76-.42-1.06.93-.37 2.33-5.21c6.53.047 10.619-6.336 8.87-12.24zM17.6 35.16l-1.94 1.94h-1.81v1.92l-2.83 3.08-5.12-.03v-4.65l13.61-13.4c-3.048-6.604.758-13.066 6.6-14.56.037 2.097.58 4.415 1.72 6.17-.878 2.281.823 4.77 3.29 4.77 1.95 0 3.53-1.58 3.53-3.52 0-3.417-4.395-4.834-6.39-2.06-.913-1.675-1.336-3.612-1.36-5.52 3.674-.656 7.662.792 10.1 4.22 4.726 6.764-.128 16.08-8.38 16.08-1.426 0-2.9-.303-4.29-.94l-5.01 4.69H17.6v1.81zm16.24-18.1c-1.518.948-3.521.728-5.1-1.5 1.346-2.459 5.11-1.493 5.11 1.32 0 .06 0 .12-.01.18zm-.29 1.04c-.44.89-1.36 1.5-2.43 1.5a2.725 2.725 0 0 1-2.69-3.13c1.322 1.591 3.197 2.391 5.12 1.63zM32 .9c2.81 0 5.1 3.71 5.1 8.27 0 1.09-.04 2.03-.23 2.89-2.58-2.899-6.39-4.152-9.95-3.58C27.13 4.24 29.33.9 32 .9zm1.14 29.48l-2.42 5.41-1.37.54.6 1.51-.88 2.14-1.56.63.57 1.45-1.24 3.08-3.86 1.52-1.33-3.35 5.41-13.02c.665.091 1.147.11 1.698.11l-5.36 12.44.734.316L29.65 30.35c7.71-.716 12.301-9.014 8.82-15.93 6.615 4.993 3.842 16.3-5.33 15.96zM20.38 28.1L9.15 39.34l-.57-.57 11.24-11.23.56.56z",
+  "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",
+  "idea": "M31.858 10.113a12.288 12.288 0 0 0-9.675-3.074 12.438 12.438 0 0 0-7.706 20.764 11.032 11.032 0 0 1 3.016 7.387A1.511 1.511 0 0 0 19 36.9h.187l.388 1.553-.523 1.047.5 1-.41.821-.043 1.033 2.44 2.546h3.921l2.439-2.546V36.9h.307a1.51 1.51 0 0 0 1.508-1.504 11.03 11.03 0 0 1 3.014-7.391 12.45 12.45 0 0 0-.871-17.692zM27.1 42.033L25.12 44.1h-3.24l-1.98-2.068v-.437l.347-.695H24v-.8h-3.753l-.3-.6.3-.6H24v-.8h-3.688l-.3-1.2H27.1zm-5.2-9.869a1.6 1.6 0 1 1 3.2 0V36.1h-3.2zm10.238-4.698a11.814 11.814 0 0 0-3.222 7.924.71.71 0 0 1-.71.71H25.9v-3.936a2.406 2.406 0 0 0-.468-1.42l3.903-12.02-.76-.247-3.786 11.655a2.368 2.368 0 0 0-.89-.344V22.9H25v-.8h-3v.8h1.1v6.888a2.368 2.368 0 0 0-.889.344l-3.785-11.655-.761.248 3.903 12.019a2.406 2.406 0 0 0-.468 1.42V36.1h-2.099a.712.712 0 0 1-.709-.717 11.812 11.812 0 0 0-3.225-7.92 11.638 11.638 0 0 1 7.205-19.429 11.486 11.486 0 0 1 9.053 2.876 11.65 11.65 0 0 1 .813 16.556zM23.9 3h-.8V0h.8zM11.69 7.194l-1.77-2.39.642-.476 1.771 2.39zm24.748-2.866l.642.477-1.77 2.39-.644-.477zM2.483 16.022l2.822.808-.22.77-2.822-.808zm42.252.77l-2.822.808-.22-.77 2.822-.808z",
+  "install": "M30.991 21.733l-7.395 7.394-7.395-7.394.567-.566L23.1 27.5V3h.8v24.691l6.525-6.524zm6.7-7.633H26v.8h11.1v26.2H9.9V14.9H21v-.8H9.31L.69 24.748l.62.504L9.1 15.63V41.9h28.8V15.63l7.79 9.622.62-.504z",
+  "keys": "M42.52 18.96c-.8-2.67-2.58-4.84-4.98-6.07-.02-.02-.03-.04-.05-.06.34-1.09.41-2.27.41-3.66C37.9 4.08 35.31.1 32 .1c-3.19 0-5.72 3.7-5.88 8.54-6.7 1.555-10.39 8.9-7.57 15.21L5.1 37.08v5.79l6.27.03 3.28-3.57V37.9h1.34l2.41-2.41v-1.34h1.23l4.87-4.55c.57.23 1.16.41 1.76.54L20.79 43.3l1.74 4.39 4.92-1.93 1.5-3.7-.41-1.01 1.15-.45 1.12-2.76-.42-1.06.93-.37 2.33-5.21c6.53.047 10.619-6.336 8.87-12.24zM17.6 35.16l-1.94 1.94h-1.81v1.92l-2.83 3.08-5.12-.03v-4.65l13.61-13.4c-3.048-6.604.758-13.066 6.6-14.56.037 2.097.58 4.415 1.72 6.17-.878 2.281.823 4.77 3.29 4.77 1.95 0 3.53-1.58 3.53-3.52 0-3.417-4.395-4.834-6.39-2.06-.913-1.675-1.336-3.612-1.36-5.52 3.674-.656 7.662.792 10.1 4.22 4.726 6.764-.128 16.08-8.38 16.08-1.426 0-2.9-.303-4.29-.94l-5.01 4.69H17.6v1.81zm16.24-18.1c-1.518.948-3.521.728-5.1-1.5 1.346-2.459 5.11-1.493 5.11 1.32 0 .06 0 .12-.01.18zm-.29 1.04c-.44.89-1.36 1.5-2.43 1.5a2.725 2.725 0 0 1-2.69-3.13c1.322 1.591 3.197 2.391 5.12 1.63zM32 .9c2.81 0 5.1 3.71 5.1 8.27 0 1.09-.04 2.03-.23 2.89-2.58-2.899-6.39-4.152-9.95-3.58C27.13 4.24 29.33.9 32 .9zm1.14 29.48l-2.42 5.41-1.37.54.6 1.51-.88 2.14-1.56.63.57 1.45-1.24 3.08-3.86 1.52-1.33-3.35 5.41-13.02c.665.091 1.147.11 1.698.11l-5.36 12.44.734.316L29.65 30.35c7.71-.716 12.301-9.014 8.82-15.93 6.615 4.993 3.842 16.3-5.33 15.96zM20.38 28.1L9.15 39.34l-.57-.57 11.24-11.23.56.56z",
   "search-files": "M10.9 4h-.8V1.1h13.57l9.23 9.23v13.28c-.26-.04-.53-.07-.8-.09V10.9h-5.08l-.8-.8h5.31L23.9 2.47v5.31l-.8-.8V1.9H10.9V4zm12.27 31.9H6.1V5.1h13.57l9.23 9.23v9.56a6.335 6.335 0 0 0-.8.28V14.9h-9v-9H6.9v29.2h15.99c.03.139.193.611.28.8zM19.9 14.1h7.63L19.9 6.47v7.63zm7.2 18.4v.5h.8v-.5c0-1.985 1.617-3.6 3.602-3.6H32v-.8h-.499a4.408 4.408 0 0 0-4.402 4.4zm18.733 12.096c0 .24-.094.466-.264.636l-1.307 1.307a.897.897 0 0 1-1.274 0l-5.527-5.528.97-.996-2.005-2.005A7.364 7.364 0 0 1 31.5 39.9c-4.08 0-7.4-3.319-7.4-7.4s3.32-7.4 7.4-7.4c4.081 0 7.401 3.32 7.401 7.4a7.36 7.36 0 0 1-1.909 4.944l1.997 1.997 1.018-1.044 5.561 5.561c.167.168.264.4.264.637zM31.5 39.102c3.64 0 6.6-2.961 6.6-6.6 0-3.64-2.96-6.601-6.6-6.601s-6.6 2.96-6.6 6.6c0 3.64 2.96 6.6 6.6 6.6zm13.502 5.423l-4.987-4.988-1.43 1.467 4.969 4.97h.14l1.308-1.307v-.142zM9 19.9h15v-.8H9v.8zm0 10h9v-.8H9v.8zm12-5.8H9v.8h12v-.8z",
-  support: "M39.973 19.342l.069-.016a67.604 67.604 0 0 0-.898-3.54A16.04 16.04 0 0 0 23.514 4.1 16.006 16.006 0 0 0 7.797 16.11c-.175.663-.324 1.326-.477 1.99H6.5a1.402 1.402 0 0 0-1.4 1.4v2a1.402 1.402 0 0 0 1.4 1.4h1.4v-3.792q.304-1.398.67-2.796A15.216 15.216 0 0 1 23.514 4.9a15.248 15.248 0 0 1 14.86 11.104 66.99 66.99 0 0 1 .805 3.156c-.375.029-1.054.27-1.054 1.659v8.47c0 1.376.666 1.625 1.043 1.658-2.449 5.636-4.985 9.933-11.21 10.536a1.979 1.979 0 0 0-1.904-1.464h-2.108a1.981 1.981 0 1 0 0 3.962h2.108a1.978 1.978 0 0 0 1.953-1.699c6.887-.656 9.598-5.636 12.153-11.61 1.29-.717 2.766-2.661 2.766-3.924V23.36c0-1.324-1.624-3.396-2.953-4.018zM7.1 22.1h-.6a.6.6 0 0 1-.6-.6v-2a.6.6 0 0 1 .6-.6h.6zm18.954 21.081h-2.108a1.181 1.181 0 0 1 0-2.362h2.108a1.181 1.181 0 0 1 0 2.362zm16.071-16.433c0 1.207-2.003 3.406-2.856 3.406-.284 0-.343-.47-.343-.865v-8.47c0-.395.06-.865.343-.865.853 0 2.856 2.2 2.856 3.406z",
-  value: "M14.068 13.1l-6.83 7.62L24.5 45.067l17.261-24.345-6.829-7.62H14.068zm19.883.8l-2 6.2H17.049l-2-6.2h18.902zm-19.685.178l1.943 6.022h-7.34l5.397-6.022zM8.346 20.9h8.12l6.779 21.013L8.347 20.9zM24.5 43.198L17.307 20.9h14.386L24.5 43.198zm1.255-1.283L32.533 20.9h8.12L25.755 41.915zM32.79 20.1l1.943-6.022L40.13 20.1h-7.339zM24.9 5h-.8V2h.8v3zm11.42 3.628l-.642-.476 1.771-2.39.643.476-1.772 2.39zm-23.642 0l-1.772-2.39.643-.476 1.771 2.39-.642.476zm35.253 7.164l-2.822.808-.22-.77 2.822-.808.22.77zm-46.644-.77l2.822.809-.22.77-2.822-.809.22-.77z",
-  video: "M11.363 17.1l27.814-8.32-1.697-5.673-31.127 9.311 1.696 5.673.051-.015V41.9h31.8V17.1zm15.783-5.556l-5.179 1.549 1.246-4.883 5.178-1.549zm2.14-5.15l5.178-1.549-1.246 4.883-5.178 1.548zm-8.213 6.966l-5.178 1.549 1.246-4.883 5.178-1.548zm-6.072 1.816l-5.178 1.549 1.246-4.883 5.178-1.548zm23.18-6.933L34.112 9.46l1.246-4.882 1.585-.474zM7.35 12.955l2.826-.845-1.246 4.882-.343.103zM29.044 22.1l2.52-4.2h5.405l-2.52 4.2zm-19.014 0l2.52-4.2h5.405l-2.52 4.2zm8.858-4.2h5.405l-2.52 4.2h-5.405zm6.338 0h5.405l-2.52 4.2h-5.405zM8.9 17.9h2.716l-2.519 4.2H8.9zm30.2 23.2H8.9V22.9h30.2zm-3.718-19l2.52-4.2H39.1v4.2zM36 27.9h-2v-.8h2zm-5 0H13v-.8h18zm-17.9 9h22.8v-5.8H13.1zm.8-5h21.2v4.2H13.9z",
+  "support": "M39.973 19.342l.069-.016a67.604 67.604 0 0 0-.898-3.54A16.04 16.04 0 0 0 23.514 4.1 16.006 16.006 0 0 0 7.797 16.11c-.175.663-.324 1.326-.477 1.99H6.5a1.402 1.402 0 0 0-1.4 1.4v2a1.402 1.402 0 0 0 1.4 1.4h1.4v-3.792q.304-1.398.67-2.796A15.216 15.216 0 0 1 23.514 4.9a15.248 15.248 0 0 1 14.86 11.104 66.99 66.99 0 0 1 .805 3.156c-.375.029-1.054.27-1.054 1.659v8.47c0 1.376.666 1.625 1.043 1.658-2.449 5.636-4.985 9.933-11.21 10.536a1.979 1.979 0 0 0-1.904-1.464h-2.108a1.981 1.981 0 1 0 0 3.962h2.108a1.978 1.978 0 0 0 1.953-1.699c6.887-.656 9.598-5.636 12.153-11.61 1.29-.717 2.766-2.661 2.766-3.924V23.36c0-1.324-1.624-3.396-2.953-4.018zM7.1 22.1h-.6a.6.6 0 0 1-.6-.6v-2a.6.6 0 0 1 .6-.6h.6zm18.954 21.081h-2.108a1.181 1.181 0 0 1 0-2.362h2.108a1.181 1.181 0 0 1 0 2.362zm16.071-16.433c0 1.207-2.003 3.406-2.856 3.406-.284 0-.343-.47-.343-.865v-8.47c0-.395.06-.865.343-.865.853 0 2.856 2.2 2.856 3.406z",
+  "value": "M14.068 13.1l-6.83 7.62L24.5 45.067l17.261-24.345-6.829-7.62H14.068zm19.883.8l-2 6.2H17.049l-2-6.2h18.902zm-19.685.178l1.943 6.022h-7.34l5.397-6.022zM8.346 20.9h8.12l6.779 21.013L8.347 20.9zM24.5 43.198L17.307 20.9h14.386L24.5 43.198zm1.255-1.283L32.533 20.9h8.12L25.755 41.915zM32.79 20.1l1.943-6.022L40.13 20.1h-7.339zM24.9 5h-.8V2h.8v3zm11.42 3.628l-.642-.476 1.771-2.39.643.476-1.772 2.39zm-23.642 0l-1.772-2.39.643-.476 1.771 2.39-.642.476zm35.253 7.164l-2.822.808-.22-.77 2.822-.808.22.77zm-46.644-.77l2.822.809-.22.77-2.822-.809.22-.77z",
+  "video": "M11.363 17.1l27.814-8.32-1.697-5.673-31.127 9.311 1.696 5.673.051-.015V41.9h31.8V17.1zm15.783-5.556l-5.179 1.549 1.246-4.883 5.178-1.549zm2.14-5.15l5.178-1.549-1.246 4.883-5.178 1.548zm-8.213 6.966l-5.178 1.549 1.246-4.883 5.178-1.548zm-6.072 1.816l-5.178 1.549 1.246-4.883 5.178-1.548zm23.18-6.933L34.112 9.46l1.246-4.882 1.585-.474zM7.35 12.955l2.826-.845-1.246 4.882-.343.103zM29.044 22.1l2.52-4.2h5.405l-2.52 4.2zm-19.014 0l2.52-4.2h5.405l-2.52 4.2zm8.858-4.2h5.405l-2.52 4.2h-5.405zm6.338 0h5.405l-2.52 4.2h-5.405zM8.9 17.9h2.716l-2.519 4.2H8.9zm30.2 23.2H8.9V22.9h30.2zm-3.718-19l2.52-4.2H39.1v4.2zM36 27.9h-2v-.8h2zm-5 0H13v-.8h18zm-17.9 9h22.8v-5.8H13.1zm.8-5h21.2v4.2H13.9z",
   "speech-bubbles": "M11 15.9v-.8h18v.8zm12 4v-.8H11v.8zm-1 7.2h-3.443L9.9 32.76V27.1H5.75a1.852 1.852 0 0 1-1.85-1.85v-14.5A1.852 1.852 0 0 1 5.75 8.9h27.5a1.852 1.852 0 0 1 1.85 1.85V22h.8V10.75a2.653 2.653 0 0 0-2.65-2.65H5.75a2.653 2.653 0 0 0-2.65 2.65v14.5a2.653 2.653 0 0 0 2.65 2.65H9.1v6.34l9.695-6.34H22zm18.9 9.8h1.35a2.653 2.653 0 0 0 2.65-2.65v-8.5a2.653 2.653 0 0 0-2.65-2.65h-16.5a2.653 2.653 0 0 0-2.65 2.65v8.5a2.653 2.653 0 0 0 2.65 2.65h7.28l7.87 5.628zm1.35-13a1.852 1.852 0 0 1 1.85 1.85v8.5a1.852 1.852 0 0 1-1.85 1.85H40.1v4.872L33.288 36.1H25.75a1.852 1.852 0 0 1-1.85-1.85v-8.5a1.852 1.852 0 0 1 1.85-1.85zm-3.25 4v-.8H29v.8zm-3 5v-.8h-7v.8z"
 };
-class p extends n {
+class SolutionResourceCard extends LitElement {
   constructor() {
-    super(...arguments), this._translations = r({ name: "solution-resource-card", blocking: !0 }), this._configContextConsumer = m({
-      context: z,
-      subscribe: !0
-    }), this.heading = "", this.description = "";
+    super(...arguments);
+    this._translations = useT9n({ name: "solution-resource-card", blocking: true });
+    this._configContextConsumer = useContextConsumer({
+      context: configContext,
+      subscribe: true
+    });
+    this.heading = "";
+    this.description = "";
   }
   static {
-    this.properties = { _translations: 16, icon: 1, meridianIcon: 1, heading: 1, description: 1, url: 1, headingEn: 1, sectionHeadingEn: 1 };
+    this.properties = { _translations: [16, {}, { state: true }], icon: 1, meridianIcon: 1, heading: 1, description: 1, url: 1, headingEn: 1, sectionHeadingEn: 1 };
   }
   static {
-    this.styles = H;
+    this.styles = styles;
   }
   get _telemetry() {
     return this._configContextConsumer.value?.telemetrySession;
   }
   render() {
-    return l`<calcite-card @click=${() => this.url && this._handleCardClick(this.url)} @keydown=${(a) => v(a, () => this.url && this._handleCardClick(this.url))}>${this.meridianIcon && c[this.meridianIcon] && l`<div class="card-icon"><svg class="meridian-icon" xmlns=http://www.w3.org/2000/svg viewBox="0 0 48 48">${o`<path fill=currentColor d=${c[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 html`<calcite-card @click=${() => this.url && this._handleCardClick(this.url)} @keydown=${(evt) => handleKeyboardAction(evt, () => this.url && this._handleCardClick(this.url))}>${this.meridianIcon && MERIDIAN_ICONS[this.meridianIcon] && html`<div class="card-icon"><svg class="meridian-icon" xmlns=http://www.w3.org/2000/svg viewBox="0 0 48 48">${svg`<path fill=currentColor d=${MERIDIAN_ICONS[this.meridianIcon] ?? nothing} />`}</svg></div>` || ""}${this.icon && html`<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>`;
   }
-  _handleCardClick(a) {
-    const i = this.headingEn || this.heading, t = this.sectionHeadingEn || "";
+  _handleCardClick(url) {
+    const telemetryHeading = this.headingEn || this.heading;
+    const telemetrySectionHeading = this.sectionHeadingEn || "";
     this._telemetry?.logEvent({
-      category: d.RESOURCES,
+      category: TELEMETRY_CATEGORY.RESOURCES,
       action: "Open",
-      dimensions: [`${t} - ${i}`]
-    }), window.open(a, "_blank", "noopener,noreferrer");
+      dimensions: [`${telemetrySectionHeading} - ${telemetryHeading}`]
+    });
+    window.open(url, "_blank", "noopener,noreferrer");
   }
 }
-e("solution-resource-card", p);
+customElement("solution-resource-card", SolutionResourceCard);
 export {
-  p as SolutionResourceCard
+  SolutionResourceCard
 };

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

@@ -1,63 +1,233 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import { c as n } from "../../chunks/runtime.js";
-import { u as c } from "../../chunks/useT9n.js";
-import { LitElement as l, nothing as a } from "@arcgis/lumina";
-import { useContextConsumer as d } from "@arcgis/lumina/context";
-import { A as h, J as p, K as r } from "../../chunks/interfaces.js";
-import { css as g, html as i } from "lit";
+import { c as customElement } from "../../chunks/runtime.js";
+import { u as useT9n } from "../../chunks/useT9n.js";
+import { LitElement, nothing } from "@arcgis/lumina";
+import { useContextConsumer } from "@arcgis/lumina/context";
+import { A as configContext, J as handleKeyboardAction, K as getItemResourceUrl } from "../../chunks/interfaces.js";
+import { css, html } from "lit";
 import "@esri/solution-common";
 import "@arcgis/core/identity/IdentityManager.js";
 import "@arcgis/core/identity/OAuthInfo.js";
 import "@arcgis/core/portal/Portal.js";
-import { createRef as m, ref as u } from "lit-html/directives/ref.js";
-const f = g`*[tabindex]:focus-visible{outline:solid 2px var(--calcite-color-brand);outline-offset:2px}.display-flex{display:flex}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.screenshot-container{width:100%;overflow:hidden}.footer{width:100%}.footer-override{--calcite-dialog-footer-space: 0px}.footer-card{width:200px;height:100px;cursor:pointer;padding-bottom:2px}.padding-1{padding:1rem}.padding-bottom-1{padding-bottom:1rem}.padding-end-1{padding-inline-end:1rem}.padding-start-1{padding-inline-start:1rem}.padding-top-1{padding-top:1rem}.padding-top-1-2{padding-top:.5rem}.background-black{background-color:var(--calcite-color-foreground-3)}calcite-card:hover img{-webkit-filter:brightness(30%);filter:brightness(30%);-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{outline:2px solid var(--calcite-color-brand);box-sizing:border-box;cursor:pointer}.calcite-card-selected{outline:2px solid var(--calcite-color-brand);box-sizing:border-box;cursor:pointer}calcite-card:hover .hover-text{opacity:1;color:#fff}.hover-text{transition:.1s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:row;align-items:center;height:100%;font-size:var(--calcite-spacing-lg)}.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}.footer-card img{background-color:var(--calcite-color-surface-2)}.card-image{width:100%;display:block}video,img{max-width:100%;height:auto}img{overflow-clip-margin:content-box;overflow:clip;display:block;object-fit:contain}`;
-class b extends l {
+import { createRef, ref } from "lit-html/directives/ref.js";
+const styles = css`/** @license
+ * Copyright 2025 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+*[tabindex]:focus-visible {
+  outline: solid 2px var(--calcite-color-brand);
+  outline-offset: 2px;
+}
+
+.display-flex {
+  display: flex;
+}
+
+.align-items-center {
+  align-items: center;
+}
+
+.justify-content-center {
+  justify-content: center;
+}
+
+.screenshot-container {
+  width: 100%;
+  overflow: hidden;
+}
+
+.footer {
+  width: 100%;
+}
+
+.footer-override {
+  --calcite-dialog-footer-space: 0px;
+}
+
+.footer-card {
+  width: 200px;
+  height: 100px;
+  cursor: pointer;
+  padding-bottom: 2px;
+}
+
+.padding-1 {
+  padding: 1rem;
+}
+
+.padding-bottom-1 {
+  padding-bottom: 1rem;
+}
+
+.padding-end-1 {
+  padding-inline-end: 1rem;
+}
+
+.padding-start-1 {
+  padding-inline-start: 1rem;
+}
+
+.padding-top-1 {
+  padding-top: 1rem;
+}
+
+.padding-top-1-2 {
+  padding-top: .5rem;
+}
+
+.background-black {
+  background-color: var(--calcite-color-foreground-3);
+}
+
+calcite-card:hover img {
+  -webkit-filter: brightness(30%);
+  filter: brightness(30%);
+  -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 {
+  outline: 2px solid var(--calcite-color-brand);
+  box-sizing: border-box;
+  cursor: pointer;
+}
+
+.calcite-card-selected {
+  /* border: 2px solid var(--calcite-card-accent-color-selected, var(--calcite-color-brand)); */
+  outline: 2px solid var(--calcite-color-brand);
+  box-sizing: border-box;
+  cursor: pointer;
+}
+
+calcite-card:hover .hover-text {
+  opacity: 1;
+  color: #ffffff;
+}
+
+.hover-text {
+  transition: .1s ease;
+  opacity: 0;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%);
+  text-align: center;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  height: 100%;
+  font-size: var(--calcite-spacing-lg);
+}
+
+.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;
+}
+
+.footer-card img {
+  background-color: var(--calcite-color-surface-2);
+}
+
+.card-image {
+  width: 100%;
+  display: block;
+}
+
+video,
+img {
+  max-width: 100%;
+  height: auto;
+}
+
+img {
+  overflow-clip-margin: content-box;
+  overflow: clip;
+  display: block;
+  object-fit: contain;
+}`;
+class SolutionSnapshotGallery extends LitElement {
   constructor() {
-    super(...arguments), this.open = !1, this._screenshots = [], this._translations = c({ name: "solution-snapshot-gallery", blocking: !0 }), this._configContextConsumer = d({
-      context: h,
-      subscribe: !0
-    }), this._displayText = "", this._paginationControl = m(), this._screenshotNames = [];
+    super(...arguments);
+    this.open = false;
+    this._screenshots = [];
+    this._translations = useT9n({ name: "solution-snapshot-gallery", blocking: true });
+    this._configContextConsumer = useContextConsumer({
+      context: configContext,
+      subscribe: true
+    });
+    this._displayText = "";
+    this._paginationControl = createRef();
+    this._screenshotNames = [];
   }
   static {
-    this.properties = { card: 0, screenshot: 0, itemProperties: 0, open: 5, _screenshots: 16, _translations: 16 };
+    this.properties = { card: [0, {}, { attribute: false }], screenshot: [0, {}, { attribute: false }], itemProperties: [0, {}, { attribute: false }], open: [5, {}, { type: Boolean }], _screenshots: [16, {}, { state: true }], _translations: [16, {}, { state: true }] };
   }
   static {
-    this.styles = f;
+    this.styles = styles;
   }
-  willUpdate(t) {
-    t.has("screenshot") && this.screenshot && (this._displayText = this.screenshot.description || this.screenshot.alt), t.has("itemProperties") && this.itemProperties && (this._screenshots = this.itemProperties.preview.filter((e) => e.format === "image"), this._screenshotNames = this._screenshots.map((e) => e.name));
+  willUpdate(changes) {
+    if (changes.has("screenshot") && this.screenshot) {
+      this._displayText = this.screenshot.description || this.screenshot.alt;
+    }
+    if (changes.has("itemProperties") && this.itemProperties) {
+      this._screenshots = this.itemProperties.preview.filter((ss) => ss.format === "image");
+      this._screenshotNames = this._screenshots.map((s) => s.name);
+    }
   }
   render() {
-    return i`<calcite-dialog class="footer-override" .heading=${this.card?.title} modal @calciteDialogClose=${() => this.open = !1} .open=${this.open} outside-close-disabled width=l>${this._getScreenshotView()}${this._getFooter()}</calcite-dialog>`;
+    return html`<calcite-dialog class="footer-override" .heading=${this.card?.title} modal @calciteDialogClose=${() => this.open = false} .open=${this.open} outside-close-disabled width=l>${this._getScreenshotView()}${this._getFooter()}</calcite-dialog>`;
   }
   _getScreenshotView() {
-    return this.screenshot ? i`<div class="display-flex justify-content-center screenshot-container">${this._getImage(this.screenshot)}</div>` : "";
+    return this.screenshot ? html`<div class="display-flex justify-content-center screenshot-container">${this._getImage(this.screenshot)}</div>` : "";
   }
   _getFooter() {
-    const t = this._screenshotNames.indexOf(this.screenshot?.name || ""), s = 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 ${s}`}><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>`;
+    const index = this._screenshotNames.indexOf(this.screenshot?.name || "");
+    const isDarkMode = document.body.classList.contains("calcite-mode-dark");
+    const themeCss = isDarkMode ? "calcite-mode-dark" : "";
+    return html`<div class="footer" slot=footer><div class=${`display-flex align-items-center padding-start-1 padding-top-1-2 background-black ${themeCss}`}><calcite-label layout=inline><calcite-pagination class="padding-end-1" @calcitePaginationChange=${this._changeScreenshot} page-size=1 start-item=${index + 1} total-items=${this._screenshots.length ?? nothing} ${ref(this._paginationControl)}></calcite-pagination><span tabindex=0>${this._displayText}</span></calcite-label></div>${this._getCards()}</div>`;
   }
   _changeScreenshot() {
     this.screenshot = this._screenshots[this._paginationControl.value.startItem - 1];
   }
   _getCards() {
-    return i`<calcite-card-group class="card-group padding-1" .label=${this._translations.seeSolutionScreenshots} selection-mode=single>${this._screenshots.map((t) => {
-      const e = t.name === this.screenshot?.name;
-      return i`<calcite-card class=${`footer-card ${e ? "calcite-card-selected" : ""}`} .label=${t.alt} @click=${() => this._showScreenshot(t)} @keydown=${(o) => p(o, () => this._showScreenshot(t))} .selected=${e}><div class="card-image-wrap" slot=thumbnail>${this._getImage(t, "thumbnail")}<div class="hover-text">${this._translations.viewScreenshot}</div></div></calcite-card>`;
+    return html`<calcite-card-group class="card-group padding-1" .label=${this._translations.seeSolutionScreenshots} selection-mode=single>${this._screenshots.map((ss) => {
+      const selected = ss.name === this.screenshot?.name;
+      const selectedStyle = selected ? "calcite-card-selected" : "";
+      return html`<calcite-card class=${`footer-card ${selectedStyle}`} .label=${ss.alt} @click=${() => this._showScreenshot(ss)} @keydown=${(evt) => handleKeyboardAction(evt, () => this._showScreenshot(ss))} .selected=${selected}><div class="card-image-wrap" slot=thumbnail>${this._getImage(ss, "thumbnail")}<div class="hover-text">${this._translations.viewScreenshot}</div></div></calcite-card>`;
     })}</calcite-card-group>`;
   }
-  _getImage(t, e) {
-    return i`<img alt=${t.alt ?? a} slot=${e ?? a} src=${this._getSource(this._configContextConsumer.value.authentication, this.card?.id || "", t.name) ?? a}>`;
+  _getImage(screenshot, slot) {
+    return html`<img alt=${screenshot.alt ?? nothing} slot=${slot ?? nothing} src=${this._getSource(this._configContextConsumer.value.authentication, this.card?.id || "", screenshot.name) ?? nothing}>`;
   }
-  _showScreenshot(t) {
-    this.screenshot = t;
+  _showScreenshot(itemPreview) {
+    this.screenshot = itemPreview;
   }
-  _getSource(t, e, s) {
-    const o = this._configContextConsumer.value;
-    return o.agoBasedEnterpriseSolutionsGroupId && o.isEnterprise ? r(e || "", s, void 0, o.agolPortalUrl) : t ? r(e || "", s, t) : "";
+  _getSource(auth, id, name) {
+    const context = this._configContextConsumer.value;
+    return context.agoBasedEnterpriseSolutionsGroupId && context.isEnterprise ? getItemResourceUrl(id || "", name, void 0, context.agolPortalUrl) : auth ? getItemResourceUrl(id || "", name, auth) : "";
   }
 }
-n("solution-snapshot-gallery", b);
+customElement("solution-snapshot-gallery", SolutionSnapshotGallery);
 export {
-  b as SolutionSnapshotGallery
+  SolutionSnapshotGallery
 };