@esri/solutions-components 1.2.0-next.97 → 1.2.0-next.99

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

@@ -1,11 +1,11 @@
+import { c as t } from "../../chunks/runtime.js";
+import { css as i, html as s } from "lit";
+import { LitElement as n, nothing as e } from "@arcgis/lumina";
+import { g as o } from "../../chunks/getItemIcon.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.96 */
-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
+v1.2.0-next.98 */
+const r = i`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -19,38 +19,22 @@ const styles = css`/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */
-.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 {
+ */.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 p extends n {
   constructor() {
-    super(...arguments);
-    this.isPortal = false;
-    this.type = "";
-    this.typeKeywords = [];
+    super(...arguments), this.isPortal = !1, this.type = "", this.typeKeywords = [];
   }
   static {
-    this.properties = { isPortal: [5, {}, { type: Boolean }], type: 1, typeKeywords: [0, {}, { attribute: false }] };
+    this.properties = { isPortal: 5, type: 1, typeKeywords: 0 };
   }
   static {
-    this.styles = styles;
+    this.styles = r;
   }
   render() {
-    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>`;
+    return s`<div title=${this.type ?? e}><img class="item-type-icon item-type-icon-margin" height=16 role=presentation src=${o(this.type, this.typeKeywords) ?? e} width=16></div>`;
   }
 }
-customElement("solution-item-icon", SolutionItemIcon);
+t("solution-item-icon", p);
 export {
-  SolutionItemIcon
+  p as SolutionItemIcon
 };

package/dist/components/solution-resource-card/customElement.d.ts

@@ -2,39 +2,28 @@
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class SolutionResourceCard extends LitElement {
+    /** The Calcite icon name */
+    icon?: string;
+    /** The Meridian icon name */
+    meridianIcon?: string;
     /**
-     * The date the resource or blog was published
-     *
-     * @default ''
-     */
-    date: string;
-    /**
-     * The heading of the resource or blog
+     * The heading of the resource
      *
      * @default ''
      */
     heading: string;
     /**
-     * The href for the resource or blog content
+     * The description of the resource
      *
      * @default ''
      */
-    href: string;
+    description: string;
+    /** The URL to open when card is clicked */
+    url?: string;
     /**
-     * The image url for the resource or blog
+     * The section heading for telemetry
      *
      * @default ''
      */
-    src: string;
-    /**
-     * The type...resource or blog
-     *
-     * @default 'resource'
-     */
-    type: 'resource' | 'blog';
-    /** Emitted on demand when the card is selected. */
-    readonly resourceCardSelected: TargetedEvent<this, string>;
-    "@eventTypes": {
-        "resourceCardSelected": SolutionResourceCard["resourceCardSelected"]["detail"];
-    };
+    sectionHeading: string;
 }

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

@@ -1,11 +1,14 @@
+import { c } from "../../chunks/runtime.js";
+import { css as l, svg as t, html as e } from "lit";
+import { u as s } from "../../chunks/useT9n.js";
+import { LitElement as o, nothing as n } from "@arcgis/lumina";
+import { useContextConsumer as r } from "@arcgis/lumina/context";
+import { c as h } from "../../chunks/deployAppContexts.js";
+import { T as m } from "../../chunks/interfaces.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.96 */
-import { c as customElement } from "../../chunks/runtime.js";
-import { css, html } from "lit";
-import { u as useT9n } from "../../chunks/useT9n.js";
-import { LitElement, createEvent, nothing } from "@arcgis/lumina";
-const styles = css`/** @license
+v1.2.0-next.98 */
+const z = l`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -19,118 +22,46 @@ const styles = css`/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */
-
-.padding-1-2 {
-  padding: .5rem;
-  ;
-}
-
-.padding-bottom-1 {
-  padding-bottom: 1rem;
-}
-
-calcite-card:hover img {
-  -webkit-filter: brightness(50%);
-  filter: brightness(50%);
-  -webkit-transition: all 1s ease;
-  -moz-transition: all 1s ease;
-  -o-transition: all 1s ease;
-  -ms-transition: all 1s ease;
-  transition: all 1s ease;
-}
-
-calcite-card:hover .hover-text {
-  opacity: 1;
-  color: #ffffff;
-}
-
-calcite-card:hover {
-  outline: 2px solid var(--calcite-color-brand);
-  box-sizing: border-box;
-  cursor: pointer;
-}
-
-.hover-text {
-  transition: .5s ease;
-  opacity: 0;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  -ms-transform: translate(-50%, -50%);
-  text-align: center;
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  height: 100%;
-}
-
-.info-icon {
-  --calcite-icon-color: var(--calcite-color-text-inverse);
-  padding-inline-end: .3rem;
-}
-
-.card-image-wrap {
-  flex: 0 0 auto;
-}
-
-.card-image-wrap {
-  width: 100%;
-  position: relative;
-  margin-bottom: 0;
-  -webkit-box-flex: 0 0 auto;
-  -ms-flex: 0 0 auto;
-  flex: 0 0 auto;
-}
-
-.card-image {
-  width: 100%;
-  display: block;
-}
-
-video,
-img {
-  max-width: 100%;
-  height: auto;
-}
-
-img {
-  overflow-clip-margin: content-box;
-  overflow: clip;
-}
-`;
-class SolutionResourceCard extends LitElement {
+ */calcite-card{cursor:pointer}calcite-card:hover{outline:2px 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",
+  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"
+};
+class v extends o {
   constructor() {
-    super(...arguments);
-    this._translations = useT9n({ name: "solution-resource-card", blocking: true });
-    this.date = "";
-    this.heading = "";
-    this.href = "";
-    this.src = "";
-    this.type = "resource";
-    this.resourceCardSelected = createEvent();
+    super(...arguments), this._translations = s({ name: "solution-resource-card", blocking: !0 }), this._configContextConsumer = r({
+      context: h,
+      subscribe: !0
+    }), this.heading = "", this.description = "", this.sectionHeading = "";
   }
   static {
-    this.properties = { _translations: [16, {}, { state: true }], date: 1, heading: 1, href: 1, src: 1, type: 1 };
+    this.properties = { _translations: 16, icon: 1, meridianIcon: 1, heading: 1, description: 1, url: 1, sectionHeading: 1 };
   }
   static {
-    this.styles = styles;
-  }
-  render() {
-    return this.type === "resource" ? this._getArcticleCard() : this._getBlogCard();
+    this.styles = z;
   }
-  _getArcticleCard() {
-    return html`<calcite-card @click=${this._cardSelected}><div class="card-image-wrap" slot=thumbnail><img alt=${this.heading ?? nothing} class="thumbnail card-image" src=${this.src ?? nothing}><div class="hover-text">${this._translations.viewResource}</div></div><span class="padding-1-2" slot=heading>${this.heading}</span></calcite-card>`;
+  get _telemetry() {
+    return this._configContextConsumer.value?.telemetrySession;
   }
-  _getBlogCard() {
-    return html`<calcite-card><div class="card-image-wrap" slot=thumbnail><img alt=${this.heading ?? nothing} class="thumbnail card-image" src=${this.src ?? nothing}><div class="hover-text">${this._translations.viewBlog}</div></div><span class="padding-bottom-1" slot=heading>${this.heading}</span><span slot=description>${this.date}</span><div slot=footer-start><calcite-link .href=${this.href} icon-end=launch-2>${this._translations.readThisBlog}</calcite-link></div></calcite-card>`;
+  render() {
+    return e`<calcite-card @click=${() => this.url && this._handleCardClick(this.url)}>${this.meridianIcon && i[this.meridianIcon] && e`<div class="card-icon"><svg class="meridian-icon" xmlns=http://www.w3.org/2000/svg viewBox="0 0 48 48">${t`<path fill=currentColor d=${i[this.meridianIcon] ?? n} />`}</svg></div>` || ""}${this.icon && e`<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>`;
   }
-  _cardSelected() {
-    this.resourceCardSelected.emit(this.href);
+  _handleCardClick(a) {
+    this._telemetry?.logEvent({
+      category: m.RESOURCES,
+      action: "Open",
+      dimensions: [`${this.sectionHeading} - ${this.heading}`]
+    }), window.open(a, "_blank", "noopener,noreferrer");
   }
 }
-customElement("solution-resource-card", SolutionResourceCard);
+c("solution-resource-card", v);
 export {
-  SolutionResourceCard
+  v as SolutionResourceCard
 };

package/dist/components/solution-resource-card/index.d.ts

@@ -1,3 +1,3 @@
 import "@esri/calcite-components/components/calcite-card";
-import "@esri/calcite-components/components/calcite-link";
+import "@esri/calcite-components/components/calcite-icon";
 export * from "./customElement.js";

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

@@ -1,3 +1,3 @@
 import "@esri/calcite-components/components/calcite-card";
-import "@esri/calcite-components/components/calcite-link";
+import "@esri/calcite-components/components/calcite-icon";
 export * from "./customElement.js";

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

@@ -1,19 +1,19 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.96 */
-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 { g as getItemResourceUrl } from "../../chunks/common.js";
-import { c as configContext } from "../../chunks/deployAppContexts.js";
-import { css, html } from "lit";
+import { c as r } from "../../chunks/runtime.js";
+import { u as n } from "../../chunks/useT9n.js";
+import { LitElement as c, nothing as o } from "@arcgis/lumina";
+import { useContextConsumer as l } from "@arcgis/lumina/context";
+import { g as a } from "../../chunks/common.js";
+import { c as d } from "../../chunks/deployAppContexts.js";
+import { css as h, html as i } 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, ref } from "lit-html/directives/ref.js";
-const styles = css`/** @license
+import { createRef as p, ref as g } from "lit-html/directives/ref.js";
+/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
+See https://js.arcgis.com/1.2/esri/copyright.txt for details.
+v1.2.0-next.98 */
+const m = h`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -27,200 +27,59 @@ const styles = css`/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */
-
-.display-flex {
-  display: flex;
-}
-
-.align-items-center {
-  align-items: center;
-}
-
-.justify-content-center {
-  justify-content: center;
-}
-
-.footer {
-  width: 100%;
-}
-
-.footer-override {
-  --calcite-dialog-footer-space: 0px;
-}
-
-.footer-card {
-  width: 200px;
-  height: 100px;
-  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;
-}
-
-.card-image {
-  width: 100%;
-  display: block;
-}
-
-video,
-img {
-  max-width: 100%;
-  height: auto;
-}
-
-img {
-  overflow-clip-margin: content-box;
-  overflow: clip;
-  display: block;
-}`;
-class SolutionSnapshotGallery extends LitElement {
+ */.display-flex{display:flex}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.footer{width:100%}.footer-override{--calcite-dialog-footer-space: 0px}.footer-card{width:200px;height:100px;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}.card-image{width:100%;display:block}video,img{max-width:100%;height:auto}img{overflow-clip-margin:content-box;overflow:clip;display:block}`;
+class u extends c {
   constructor() {
-    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 = [];
+    super(...arguments), this.open = !1, this._screenshots = [], this._translations = n({ name: "solution-snapshot-gallery", blocking: !0 }), this._configContextConsumer = l({
+      context: d,
+      subscribe: !0
+    }), this._displayText = "", this._paginationControl = p(), this._screenshotNames = [];
   }
   static {
-    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 }] };
+    this.properties = { card: 0, screenshot: 0, itemProperties: 0, open: 5, _screenshots: 16, _translations: 16 };
   }
   static {
-    this.styles = styles;
+    this.styles = m;
   }
-  willUpdate(changes) {
-    if (changes.has("screenshot") && this.screenshot) {
-      this._displayText = 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);
-    }
+  willUpdate(e) {
+    e.has("screenshot") && this.screenshot && (this._displayText = this.screenshot.alt), e.has("itemProperties") && this.itemProperties && (this._screenshots = this.itemProperties.preview.filter((t) => t.format === "image"), this._screenshotNames = this._screenshots.map((t) => t.name));
   }
   render() {
-    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>`;
+    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>`;
   }
   _getScreenshotView() {
-    return this.screenshot ? html`<div class="display-flex justify-content-center">${this._getImage(this.screenshot)}</div>` : "";
+    return this.screenshot ? i`<div class="display-flex justify-content-center">${this._getImage(this.screenshot)}</div>` : "";
   }
   _getFooter() {
-    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>${this._displayText}</calcite-label></div>${this._getCards()}</div>`;
+    const e = 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=${e + 1} total-items=${this._screenshots.length ?? o} ${g(this._paginationControl)}></calcite-pagination>${this._displayText}</calcite-label></div>${this._getCards()}</div>`;
   }
   _changeScreenshot() {
     this.screenshot = this._screenshots[this._paginationControl.value.startItem - 1];
   }
   _getCards() {
-    return 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)} .selected=${selected}><div class="card-image-wrap" slot=thumbnail>${this._getImage(ss, "thumbnail")}<div class="hover-text">${this._translations.viewScreenshot}</div></div></calcite-card>`;
+    return i`<calcite-card-group class="card-group padding-1" .label=${this._translations.seeSolutionScreenshots} selection-mode=single>${this._screenshots.map((e) => {
+      const t = e.name === this.screenshot?.name;
+      return i`<calcite-card class=${`footer-card ${t ? "calcite-card-selected" : ""}`} .label=${e.alt} @click=${() => this._showScreenshot(e)} .selected=${t}><div class="card-image-wrap" slot=thumbnail>${this._getImage(e, "thumbnail")}<div class="hover-text">${this._translations.viewScreenshot}</div></div></calcite-card>`;
     })}</calcite-card-group>`;
   }
-  _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}>`;
+  _getImage(e, t) {
+    return i`<img alt=${e.alt ?? o} slot=${t ?? o} src=${this._getSource(this._configContextConsumer.value.authentication, this.card?.id || "", e.name) ?? o}>`;
   }
-  _showScreenshot(itemPreview) {
-    this.screenshot = itemPreview;
+  _showScreenshot(e) {
+    this.screenshot = e;
   }
-  _getSource(auth, id, name) {
-    return this._configContextConsumer.value.agoBasedEnterpriseSolutionsGroupId ? getItemResourceUrl(
-      id || "",
-      name,
+  _getSource(e, t, s) {
+    return this._configContextConsumer.value.agoBasedEnterpriseSolutionsGroupId ? a(
+      t || "",
+      s,
       void 0,
       this._configContextConsumer.value.agolPortalUrl
       // this should not be hardcoded like this...would need to do the same logic for dev and qa
-    ) : auth ? getItemResourceUrl(id || "", name, auth) : "";
+    ) : e ? a(t || "", s, e) : "";
   }
 }
-customElement("solution-snapshot-gallery", SolutionSnapshotGallery);
+r("solution-snapshot-gallery", u);
 export {
-  SolutionSnapshotGallery
+  u as SolutionSnapshotGallery
 };