npm - @esri/solutions-components - Versions diffs - 1.2.0-next.99 → 5.0.1 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1781) hide show

package/dist/components/solution-item-diagram/index.d.ts CHANGED Viewed

@@ -1,4 +1 @@
-import "@esri/calcite-components/components/calcite-shell";
-import "@esri/calcite-components/components/calcite-shell-panel";
-import "@esri/calcite-components/components/calcite-panel";
 export * from "./customElement.js";

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

@@ -1,125 +1,9 @@
-/** @license
- *
- * Copyright 2018 Esri
- *
- * All rights reserved under the copyright laws of the United States and applicable international laws, treaties,
- * and conventions.
- *
- * This material is licensed for use under the Esri Master License Agreement (MLA), and is bound by the terms of
- * that agreement. You may redistribute and use this code without modification, provided you adhere to the terms
- * of the MLA and include this copyright notice.
- *
- * See use restrictions at http://www.esri.com/legal/pdfs/mla_e204_e300/english
- *
- * For additional information, contact: Environmental Systems Research Institute, Inc. Attn: Contracts and Legal
- * Services Department 380 New York Street Redlands, California, USA 92373 USA
- *
- * email: contracts@esri.com
- */
-import * as go from 'gojs';
-export interface IConnectedNodesAndLinks {
-    connectedNodes: Set<go.Node>;
-    connectedLinks: Set<go.Link>;
-}
-export interface IKeyedAdornment {
-    [key: string]: go.Adornment;
-}
-export interface IKeyedValue {
-    [key: string]: any;
-}
-export interface ILink {
-    from: string;
-    fromSpot: go.Spot;
-    to: string;
-    toSpot: go.Spot;
-}
-export interface INode {
-    key: string;
-    title: string;
-    itemId: string;
-    itemType: string;
-    itemTypeForDisplay: string;
-    itemTypeKeywords: string[];
-    group?: string;
-    url?: string;
-}
-export interface INodesAndLinks {
-    nodes: INode[];
-    links: ILink[];
-    groupPseudoNodes: string[];
-}
-export interface ISolutionGraphTranslations {
-    centerDiagram: string;
-    filteredView: string;
-    reset: string;
-    zoomIn: string;
-    zoomOut: string;
-}
 export interface ITemplateInfoGraph {
-    id: string;
-    title: string;
-    type: string;
-    typeKeywords: string[];
-    snippet: string;
-    dependencies: string[];
-    url?: string;
-}
-/**
- * Configures a directed graph of the Solution items in the collection.
- * @param collection Items contained in a Solution
- * @param graphicContainer HTML element to contain graph div
- * @return Configured diagram object
- */
-export declare function defineDiagram(graphicContainer: HTMLElement): go.Diagram;
-/**
- * Update a diagram with a new set of nodes and links.
- * @param diagram Diagram whose model is to be udpated with a new set of nodes and links
- * @param nodesAndLinks Nodes and links to display in the graph
- */
-export declare function drawDiagram(diagram: go.Diagram, nodesAndLinks: INodesAndLinks): void;
-/**
- * Draws a navigation bar and connects it to the diagram.
- * @param graphicContainer HTML element to contain navigation controls
- * @param diagram Diagram to be controlled
- * @param translations Text to use for the navigation controls' tooltips
- * @param includeShowHideGrayedOutButton If true, the 'Filter selected view' switch will be displayed
- */
-export declare function drawAndConnectControlBars(graphicContainer: HTMLElement, diagram: go.Diagram, translations: ISolutionGraphTranslations, includeFilteredViewButton?: boolean): void;
-/**
- * Draws a directed graph of the Solution items in the collection.
- * @param graphicContainer HTML element to contain graph and navigation controls
- * @param nodesAndLinks Nodes and links to display in the graph
- * @param translations Translations for the navigation controls
- * @returns Created diagram
- */
-export declare function drawSolutionGraph(graphicContainer: HTMLElement, nodesAndLinks: INodesAndLinks, translations: ISolutionGraphTranslations): go.Diagram;
-/**
- * Gets the nodes and links connected to the supplied node.
- * @param diagramNode Node whose connected nodes and links are to be found
- * @returns List of connected nodes and links
- */
-export declare function getConnectedNodesAndLinks(diagramNode: go.GraphObject): IConnectedNodesAndLinks;
-/**
- * Creates the model data that will be represented by Nodes and Links in the diagram.
- * @param collection Items contained in a Solution
- * @param canClickToOpen If true, the node will have a URL to open the item in the portal
- * @param clickToOpenBaseUrl Base URL to open the item in the portal to be used in `${clickToOpenBaseUrl}?id=${itemId}`
- * @returns A structure containing the nodes and links
- */
-export declare function getNodesAndLinks(collection: ITemplateInfoGraph[], canClickToOpen?: boolean, clickToOpenBaseUrl?: string): INodesAndLinks;
-/**
- * Changes the opacity of the node and its links to highlight or dim the node.
- * @param node Node to highlight
- * @param focus Highlight node and dim all others if true; otherwise, restore all nodes to normal opacity
- * @param highlightBorder Border to highlight around the node
- * @param dimUnrelatedNodes If true, dim nodes not directly connected to the focused node
- */
-export declare function highlightNode(focusNode: go.GraphObject, focus: boolean, highlightBorder?: go.Adornment, dimUnrelatedNodes?: boolean): void;
-/**
- * Changes the opacity of a collection of nodes highlight or dim the node.
- * @param nodes Nodes to highlight
- * @param focus Highlight node and dim all others if true; otherwise, restore all nodes to normal opacity
- * @param highlightBorders Border adornments for all item nodes
- * @param dimUnrelatedNodes If true, dim nodes not in the nodes list
- */
-export declare function highlightNodes(nodeIds: string[], nodes: go.GraphObject[], focus: boolean, highlightBorders: IKeyedAdornment, dimUnrelatedNodes?: boolean): void;
+  id: string;
+  title: string;
+  type: string;
+  typeKeywords: string[];
+  snippet: string;
+  dependencies: string[];
+  url?: string;
+}

package/dist/components/solution-item-icon/customElement.d.ts CHANGED Viewed

@@ -1,19 +1,19 @@
 /// <reference path="../../index.d.ts" />
-import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
-export declare class SolutionItemIcon extends LitElement {
-    /**
-     * Indicate if this is portal
-     *
-     * @default false
-     */
-    isPortal: boolean;
-    /**
-     * The type for the item
-     *
-     * @default ''
-     */
-    type: string;
-    /** The typeKeywords for the item */
-    typeKeywords: string[];
-}
+export abstract class SolutionItemIcon extends LitElement {
+  /**
+   * Indicate if this is portal
+   *
+   * @default false
+   */
+  accessor isPortal: boolean;
+  /**
+   * The type for the item
+   *
+   * @default ''
+   */
+  accessor type: string;
+  /** The typeKeywords for the item */
+  accessor typeKeywords: string[];
+}

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

@@ -1,26 +1,10 @@
-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.98 */
-const r = i`/** @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:.15em!important;min-width:16px;fill:currentColor;transform:rotate(360deg)}.item-type-icon-margin{@apply m-inline-end-1.5;}`;
-class p extends n {
+/* 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 {
   constructor() {
     super(...arguments), this.isPortal = !1, this.type = "", this.typeKeywords = [];
   }
@@ -28,13 +12,13 @@ class p extends n {
     this.properties = { isPortal: 5, type: 1, typeKeywords: 0 };
   }
   static {
-    this.styles = r;
+    this.styles = n;
   }
   render() {
-    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>`;
+    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>`;
   }
 }
-t("solution-item-icon", p);
+e("solution-item-icon", m);
 export {
-  p as SolutionItemIcon
+  m as SolutionItemIcon
 };

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

@@ -1,29 +1,43 @@
 /// <reference path="../../index.d.ts" />
-import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
-export declare class SolutionResourceCard extends LitElement {
-    /** The Calcite icon name */
-    icon?: string;
-    /** The Meridian icon name */
-    meridianIcon?: string;
-    /**
-     * The heading of the resource
-     *
-     * @default ''
-     */
-    heading: string;
-    /**
-     * The description of the resource
-     *
-     * @default ''
-     */
-    description: string;
-    /** The URL to open when card is clicked */
-    url?: string;
-    /**
-     * The section heading for telemetry
-     *
-     * @default ''
-     */
-    sectionHeading: string;
-}
+export abstract class SolutionResourceCard extends LitElement {
+  /**
+   * Contains the translations for this component.
+   * All UI strings should be defined here.
+   *
+   * @internal
+   */
+  protected _translations: {
+      readThisBlog: string;
+      viewBlog: string;
+      viewResource: string;
+  } & T9nMeta<{
+      readThisBlog: string;
+      viewBlog: string;
+      viewResource: string;
+  }>;
+  /**
+   * The description of the resource
+   *
+   * @default ''
+   */
+  accessor description: string;
+  /**
+   * The heading of the resource
+   *
+   * @default ''
+   */
+  accessor heading: string;
+  /** The English heading for telemetry */
+  accessor headingEn: string | undefined;
+  /** The Calcite icon name */
+  accessor icon: string | undefined;
+  /** The Meridian icon name */
+  accessor meridianIcon: string | undefined;
+  /** The English section heading for telemetry */
+  accessor sectionHeadingEn: string | undefined;
+  /** The URL to open when card is clicked */
+  accessor url: string | undefined;
+}

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

@@ -1,28 +1,11 @@
-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.98 */
-const z = l`/** @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}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 = {
+/* 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 = {
   "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",
@@ -32,36 +15,38 @@ const z = l`/** @license
   "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"
+  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 v extends o {
+class p extends n {
   constructor() {
-    super(...arguments), this._translations = s({ name: "solution-resource-card", blocking: !0 }), this._configContextConsumer = r({
-      context: h,
+    super(...arguments), this._translations = r({ name: "solution-resource-card", blocking: !0 }), this._configContextConsumer = m({
+      context: z,
       subscribe: !0
-    }), this.heading = "", this.description = "", this.sectionHeading = "";
+    }), this.heading = "", this.description = "";
   }
   static {
-    this.properties = { _translations: 16, icon: 1, meridianIcon: 1, heading: 1, description: 1, url: 1, sectionHeading: 1 };
+    this.properties = { _translations: 16, icon: 1, meridianIcon: 1, heading: 1, description: 1, url: 1, headingEn: 1, sectionHeadingEn: 1 };
   }
   static {
-    this.styles = z;
+    this.styles = H;
   }
   get _telemetry() {
     return this._configContextConsumer.value?.telemetrySession;
   }
   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>`;
+    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>`;
   }
   _handleCardClick(a) {
+    const i = this.headingEn || this.heading, t = this.sectionHeadingEn || "";
     this._telemetry?.logEvent({
-      category: m.RESOURCES,
+      category: d.RESOURCES,
       action: "Open",
-      dimensions: [`${this.sectionHeading} - ${this.heading}`]
+      dimensions: [`${t} - ${i}`]
     }), window.open(a, "_blank", "noopener,noreferrer");
   }
 }
-c("solution-resource-card", v);
+e("solution-resource-card", p);
 export {
-  v as SolutionResourceCard
+  p as SolutionResourceCard
 };

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

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

package/dist/components/solution-snapshot-gallery/customElement.d.ts CHANGED Viewed

@@ -1,19 +1,32 @@
 /// <reference path="../../index.d.ts" />
-import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
-import { IItemPreview, IItemProperties, ISolutionInfoCard } from '../../utils/interfaces';
-import { PropertyValues } from 'lit';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { IItemPreview, IItemProperties, ISolutionInfoCard } from "../../utils/interfaces.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
-export declare class SolutionSnapshotGallery extends LitElement {
-    /** Key details about the solution */
-    card: ISolutionInfoCard | undefined;
-    /** The current screenshot to display the large image for */
-    screenshot: IItemPreview | undefined;
-    /** Key item properties */
-    itemProperties: IItemProperties | undefined;
-    /**
-     * boolean: when true the dialog is open
-     *
-     * @default false
-     */
-    open: boolean;
-}
+export abstract class SolutionSnapshotGallery extends LitElement {
+  /**
+   * Contains the translations for this component.
+   * All UI strings should be defined here.
+   *
+   * @internal
+   */
+  protected _translations: {
+      seeSolutionScreenshots: string;
+      viewScreenshot: string;
+  } & T9nMeta<{
+      seeSolutionScreenshots: string;
+      viewScreenshot: string;
+  }>;
+  /** Key details about the solution */
+  accessor card: ISolutionInfoCard | undefined;
+  /** Key item properties */
+  accessor itemProperties: IItemProperties | undefined;
+  /**
+   * boolean: when true the dialog is open
+   *
+   * @default false
+   */
+  accessor open: boolean;
+  /** The current screenshot to display the large image for */
+  accessor screenshot: IItemPreview | undefined;
+}

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

@@ -1,85 +1,63 @@
-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";
+/* 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 "@esri/solution-common";
 import "@arcgis/core/identity/IdentityManager.js";
 import "@arcgis/core/identity/OAuthInfo.js";
 import "@arcgis/core/portal/Portal.js";
-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");
- * 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.
- */.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 {
+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}.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 {
   constructor() {
-    super(...arguments), this.open = !1, this._screenshots = [], this._translations = n({ name: "solution-snapshot-gallery", blocking: !0 }), this._configContextConsumer = l({
-      context: d,
+    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 = p(), this._screenshotNames = [];
+    }), this._displayText = "", this._paginationControl = m(), this._screenshotNames = [];
   }
   static {
     this.properties = { card: 0, screenshot: 0, itemProperties: 0, open: 5, _screenshots: 16, _translations: 16 };
   }
   static {
-    this.styles = m;
+    this.styles = f;
   }
-  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));
+  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));
   }
   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>`;
   }
   _getScreenshotView() {
-    return this.screenshot ? i`<div class="display-flex justify-content-center">${this._getImage(this.screenshot)}</div>` : "";
+    return this.screenshot ? i`<div class="display-flex justify-content-center screenshot-container">${this._getImage(this.screenshot)}</div>` : "";
   }
   _getFooter() {
-    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>`;
+    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>`;
   }
   _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((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>`;
+    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>`;
     })}</calcite-card-group>`;
   }
-  _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}>`;
+  _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}>`;
   }
-  _showScreenshot(e) {
-    this.screenshot = e;
+  _showScreenshot(t) {
+    this.screenshot = t;
   }
-  _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
-    ) : e ? a(t || "", s, e) : "";
+  _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) : "";
   }
 }
-r("solution-snapshot-gallery", u);
+n("solution-snapshot-gallery", b);
 export {
-  u as SolutionSnapshotGallery
+  b as SolutionSnapshotGallery
 };

package/dist/components/solution-snapshot-gallery/index.d.ts CHANGED Viewed

@@ -1,6 +1 @@
-import "@esri/calcite-components/components/calcite-dialog";
-import "@esri/calcite-components/components/calcite-label";
-import "@esri/calcite-components/components/calcite-pagination";
-import "@esri/calcite-components/components/calcite-card-group";
-import "@esri/calcite-components/components/calcite-card";
 export * from "./customElement.js";