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

package/dist/components/solution-details-panel/index.d.ts

@@ -1,24 +1 @@
-import "@esri/calcite-components/components/calcite-shell";
-import "@esri/calcite-components/components/calcite-panel";
-import "../solution-deploy-dialog/index.js";
-import "../solution-snapshot-gallery/index.js";
-import "../solution-deploying-dialog/index.js";
-import "@esri/calcite-components/components/calcite-chip";
-import "@esri/calcite-components/components/calcite-label";
-import "@esri/calcite-components/components/calcite-button";
-import "../solution-social-share/index.js";
-import "@esri/calcite-components/components/calcite-notice";
-import "@esri/calcite-components/components/calcite-action";
-import "@esri/calcite-components/components/calcite-popover";
-import "@esri/calcite-components/components/calcite-accordion";
-import "@esri/calcite-components/components/calcite-accordion-item";
-import "@esri/calcite-components/components/calcite-fab";
-import "@esri/calcite-components/components/calcite-card-group";
-import "@esri/calcite-components/components/calcite-card";
-import "@esri/calcite-components/components/calcite-table";
-import "@esri/calcite-components/components/calcite-table-row";
-import "@esri/calcite-components/components/calcite-table-header";
-import "@esri/calcite-components/components/calcite-table-cell";
-import "../solution-resource-card/index.js";
-import "../solution-details-card/index.js";
 export * from "./customElement.js";

package/dist/components/solution-details-panel/index.js

@@ -4,8 +4,8 @@ import "../solution-deploy-dialog/index.js";
 import "../solution-snapshot-gallery/index.js";
 import "../solution-deploying-dialog/index.js";
 import "@esri/calcite-components/components/calcite-chip";
-import "@esri/calcite-components/components/calcite-label";
 import "@esri/calcite-components/components/calcite-button";
+import "@esri/calcite-components/components/calcite-loader";
 import "../solution-social-share/index.js";
 import "@esri/calcite-components/components/calcite-notice";
 import "@esri/calcite-components/components/calcite-action";

package/dist/components/solution-item-accordion/customElement.d.ts

@@ -1,70 +1,97 @@
 /// <reference path="../../index.d.ts" />
-import { ISolutionItemHover, ISolutionItemSelected, ISolutionTypeHover, ITemplateInfo } from '../../utils/interfaces';
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, TargetedEvent, JsxNode, ToElement } from '@arcgis/lumina';
+import type { ISolutionItemHover, ISolutionItemSelected, ISolutionTypeHover, ITemplateInfo } from "../../utils/interfaces.js";
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
 
-export declare class SolutionItemAccordion extends LitElement {
-    /** string[]: List of items that have relationship dependencies outside of this solution */
-    itemRelationshipDependencies: string[];
-    /**
-     * 'action' | 'item': Specifies the type of link that will be used for deployed items.
-     *   'item' the items title will be underlined and clicking anywhere on the list item will open the items details page
-     *   'action' a action will be added to the end of the list item that will open the items details page
-     *
-     * @default 'item'
-     */
-    linkType: 'action' | 'item';
-    /**
-     * Specifies the selection mode of the item-type lists used in the component, where:
-     *   'multiple' allows any number of selections,
-     *   'single' allows only one selection,
-     *   'single-persist' allows one selection and prevents de-selection, and
-     *   'none' does not allow any selections (default)
-     *
-     * @default 'none'
-     */
-    listSelectionMode: 'multiple' | 'single' | 'single-persist' | 'none';
-    /**
-     * string: The warning message to display when we have itemRelationshipDependencies
-     *
-     * @default ''
-     */
-    reuseWarning: string;
-    /** ITemplateInfo[]: Collection of template infos */
-    templateInfos: ITemplateInfo[];
-    /** string[]: Collection of the solutions typeKeywords */
-    typeKeywords: string[];
-    /** Collapses all items in the accordion. */
-    collapseAll(): Promise<void>;
-    /**
-     * Deselects all items in the accordion and closes the accordion item containing it.
-     * Only applies when selectionMode is 'single' or 'single-persist'.
-     */
-    deselectAll(): Promise<void>;
-    /**
-     * Selects an item in the accordion and expands the accordion item containing it.
-     * Only applies when selectionMode is 'single' or 'single-persist'.
-     *
-     * @param id
-     * @param id the id of the item to select
-     */
-    selectItem(id: string): Promise<void>;
-    /** Selects the first item in the accordion and expands the accordion item containing it. */
-    selectFirstItem(): Promise<void>;
-    /**
-     * Selects items in the accordion and expands the accordion item containing it.
-     * Only applies when selectionMode is 'multiple'.
-     *
-     * @param ids
-     * @param id the id of the item to select
-     */
-    selectItems(ids: string[]): Promise<void>;
-    readonly solutionItemHover: TargetedEvent<this, ISolutionItemHover>;
-    readonly solutionItemSelect: TargetedEvent<this, ISolutionItemSelected>;
-    readonly solutionTypeHover: TargetedEvent<this, ISolutionTypeHover>;
-    "@eventTypes": {
-        "solutionItemHover": SolutionItemAccordion["solutionItemHover"]["detail"];
-        "solutionItemSelect": SolutionItemAccordion["solutionItemSelect"]["detail"];
-        "solutionTypeHover": SolutionItemAccordion["solutionTypeHover"]["detail"];
-    };
-}
+export abstract class SolutionItemAccordion extends LitElement {
+  /**
+   * Contains the translations for this component.
+   * All UI strings should be defined here.
+   *
+   * @internal
+   */
+  protected _translations: {
+      openDetails: string;
+      solutionsTemplates: string;
+  } & T9nMeta<{
+      openDetails: string;
+      solutionsTemplates: string;
+  }>;
+  /** string[]: List of items that have relationship dependencies outside of this solution */
+  accessor itemRelationshipDependencies: string[];
+  /**
+   * 'action' | 'item': Specifies the type of link that will be used for deployed items.
+   *    'item' the items title will be underlined and clicking anywhere on the list item will open the items details page
+   *    'action' a action will be added to the end of the list item that will open the items details page
+   *
+   * @default 'item'
+   */
+  accessor linkType: "action" | "item";
+  /**
+   * Specifies the selection mode of the item-type lists used in the component, where:
+   *   'multiple' allows any number of selections,
+   *   'single' allows only one selection,
+   *   'single-persist' allows one selection and prevents de-selection, and
+   *   'none' does not allow any selections (default)
+   *
+   * @default 'none'
+   */
+  accessor listSelectionMode: "multiple" | "single" | "single-persist" | "none";
+  /**
+   * string: The warning message to display when we have itemRelationshipDependencies
+   *
+   * @default ''
+   */
+  accessor reuseWarning: string;
+  /** ITemplateInfo[]: Collection of template infos */
+  accessor templateInfos: ITemplateInfo[];
+  /** string[]: Collection of the solutions typeKeywords */
+  accessor typeKeywords: string[];
+  /** Collapses all items in the accordion. */
+  collapseAll(): Promise<void>;
+  /**
+   * Deselects all items in the accordion and closes the accordion item containing it.
+   * Only applies when selectionMode is 'single' or 'single-persist'.
+   */
+  deselectAll(): Promise<void>;
+  /** Expands the first accordion item */
+  expandFirstItem(): Promise<void>;
+  /**
+   * Expands the accordion item containing for the provided id
+   * Only applies when selectionMode is 'single' or 'single-persist'.
+   *
+   * @param id - the id of the item to select
+   */
+  expandItemById(id: string): Promise<void>;
+  /**
+   * Expands items in the accordion.
+   * Only applies when selectionMode is 'multiple'.
+   *
+   * @param ids - the id of the item to select
+   */
+  expandItems(ids: string[]): Promise<void>;
+  /** Selects the first item in the accordion and expands the accordion item containing it. */
+  selectFirstItem(): Promise<void>;
+  /**
+   * Selects an item in the accordion and expands the accordion item containing it.
+   * Only applies when selectionMode is 'single' or 'single-persist'.
+   *
+   * @param id - the id of the item to select
+   */
+  selectItem(id: string): Promise<void>;
+  /**
+   * Selects items in the accordion and expands the accordion item containing it.
+   * Only applies when selectionMode is 'multiple'.
+   *
+   * @param ids - the id of the item to select
+   */
+  selectItems(ids: string[]): Promise<void>;
+  readonly solutionItemHover: import("@arcgis/lumina").TargetedEvent<this, ISolutionItemHover>;
+  readonly solutionItemSelect: import("@arcgis/lumina").TargetedEvent<this, ISolutionItemSelected>;
+  readonly solutionTypeHover: import("@arcgis/lumina").TargetedEvent<this, ISolutionTypeHover>;
+  readonly "@eventTypes": {
+    solutionItemHover: SolutionItemAccordion["solutionItemHover"]["detail"];
+    solutionItemSelect: SolutionItemAccordion["solutionItemSelect"]["detail"];
+    solutionTypeHover: SolutionItemAccordion["solutionTypeHover"]["detail"];
+  };
+}

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

@@ -1,28 +1,12 @@
-import { c } from "../../chunks/runtime.js";
-import { u as a } from "../../chunks/useT9n.js";
-import { css as d, html as n, nothing as p } from "lit";
-import { LitElement as h, createEvent as l } from "@arcgis/lumina";
-/*! 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 u = d`/** @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.
- */:host{display:block}.padding-start-1{padding-inline-start:1rem}.border-override{--calcite-accordion-border-color: var(--calcite-color-border-1) !important}.display-flex{display:flex}.align-center{align-items:center}.solution-list-item-label{color:var(--calcite-color-text-1);font-size:var(--calcite-font-size--1)}.solution-list-item-label,.solution-list-item-description{font-family:var(--calcite-font-family);font-weight:var(--calcite-font-weight-normal);overflow-wrap:break-word;word-break:break-word}.solution-list-item-description{font-size:var(--calcite-font-size--2);margin-block-start:.125rem;color:var(--calcite-color-text-3)}.solution-list-item-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;line-height:1.375}.underline{text-decoration:underline}div[slot=actions-end] calcite-action[icon=launch]{height:100%}div[slot=actions-end]{height:100%}calcite-chip{--calcite-chip-icon-color: var(--calcite-color-brand)}`;
-class m extends h {
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
+import { c as a } from "../../chunks/runtime.js";
+import { u as c } from "../../chunks/useT9n.js";
+import { css as d, html as l, nothing as p } from "lit";
+import { LitElement as h, createEvent as n } from "@arcgis/lumina";
+const m = d`:host{display:block}.padding-start-1{padding-inline-start:1rem}.border-override{--calcite-accordion-border-color: var(--calcite-color-border-1) !important}.display-flex{display:flex}.align-center{align-items:center}.solution-list-item-label{color:var(--calcite-color-text-1);font-size:var(--calcite-font-size--1)}.solution-list-item-label,.solution-list-item-description{font-family:var(--calcite-font-family);font-weight:var(--calcite-font-weight-normal);overflow-wrap:break-word;word-break:break-word}.solution-list-item-description{font-size:var(--calcite-font-size--2);margin-block-start:.125rem;color:var(--calcite-color-text-3)}.solution-list-item-content{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;line-height:1.375}.underline{text-decoration:underline}calcite-chip{--calcite-chip-icon-color: var(--calcite-color-brand)}`;
+class u extends h {
   constructor() {
-    super(...arguments), this.itemRelationshipDependencies = [], this.linkType = "item", this.listSelectionMode = "none", this.reuseWarning = "", this.templateInfos = [], this.typeKeywords = [], this._sortedTemplateInfos = [], this._translations = a({ name: "solution-item-accordion", blocking: !0 }), this._sortOrder = [
+    super(...arguments), this.itemRelationshipDependencies = [], this.linkType = "item", this.listSelectionMode = "none", this.reuseWarning = "", this.templateInfos = [], this.typeKeywords = [], this._sortedTemplateInfos = [], this._translations = c({ name: "solution-item-accordion", blocking: !0 }), this._sortOrder = [
       "Hub Site Application",
       "Hub Page",
       "Web Experience",
@@ -55,13 +39,13 @@ class m extends h {
       "Report Template",
       "Rule Package",
       "Group"
-    ], this.solutionItemHover = l(), this.solutionItemSelect = l(), this.solutionTypeHover = l();
+    ], this.solutionItemHover = n(), this.solutionItemSelect = n(), this.solutionTypeHover = n();
   }
   static {
     this.properties = { itemRelationshipDependencies: 0, linkType: 1, listSelectionMode: 1, reuseWarning: 1, templateInfos: 0, typeKeywords: 0, _sortedTemplateInfos: 16, _translations: 16 };
   }
   static {
-    this.styles = u;
+    this.styles = m;
   }
   willUpdate(e) {
     e.has("templateInfos") && (this.hasUpdated || this.templateInfos?.length > 0) && this.templateInfosWatchHandler();
@@ -76,7 +60,21 @@ class m extends h {
   }
   async deselectAll() {
     (this.listSelectionMode === "single" || this.listSelectionMode === "single-persist") && this.el?.shadowRoot?.querySelectorAll("calcite-list-item")?.forEach((i) => {
-      i.selected && (i.selected = !1, (i.parentElement?.parentElement).expanded = !1);
+      i.selected && (i.selected = !1), (i.parentElement?.parentElement).expanded && ((i.parentElement?.parentElement).expanded = !1);
+    });
+  }
+  async expandItemById(e) {
+    this.el?.shadowRoot?.querySelectorAll("calcite-list-item")?.forEach((t) => {
+      t.id === e && ((t.parentElement?.parentElement).expanded = !0);
+    });
+  }
+  async expandFirstItem() {
+    const e = this.el?.shadowRoot?.querySelectorAll("calcite-list-item");
+    e?.length && ((e[0].parentElement?.parentElement).expanded = !0);
+  }
+  async expandItems(e) {
+    this.el?.shadowRoot?.querySelectorAll("calcite-list-item")?.forEach((t) => {
+      e.indexOf(t.id) > -1 && ((t.parentElement?.parentElement).expanded = !0);
     });
   }
   async selectItem(e) {
@@ -109,21 +107,21 @@ class m extends h {
       const o = this._getTypeForDisplay(s.type, s.typeKeywords);
       return e.indexOf(o) < 0 && (e.push(o), t.push(this._getAccordionItem(s))), t;
     }, []);
-    return n`<calcite-accordion class="border-override" selection-mode=single>${i}</calcite-accordion>`;
+    return l`<calcite-accordion class="border-override" selection-mode=single>${i}</calcite-accordion>`;
   }
   _getAccordionItem(e) {
     const i = this._getTypeForDisplay(e.type, e.typeKeywords), t = this._sortedTemplateInfos.filter((s) => this._getTypeForDisplay(s.type, s.typeKeywords) === i);
-    return n`<calcite-accordion-item .description=${`${i} (${t.length})`} @mouseenter=${() => this.solutionTypeHover.emit({ itemType: i, entering: !0 })} @mouseleave=${() => this.solutionTypeHover.emit({ itemType: i, entering: !1 })}><solution-item-icon class="padding-start-1 display-flex align-center" slot=actions-start .type=${e.type} .typeKeywords=${e.typeKeywords}></solution-item-icon>${this._getList(t)}</calcite-accordion-item>`;
+    return l`<calcite-accordion-item .heading=${`${i} (${t.length})`} @mouseenter=${() => this.solutionTypeHover.emit({ itemType: i, entering: !0 })} @mouseleave=${() => this.solutionTypeHover.emit({ itemType: i, entering: !1 })}><solution-item-icon class="padding-start-1 display-flex align-center" slot=actions-start .type=${e.type} .typeKeywords=${e.typeKeywords}></solution-item-icon>${this._getList(t)}</calcite-accordion-item>`;
   }
   _getList(e) {
     const i = this._sortTemplatesByTitle(e);
-    return n`<calcite-list .label=${this._translations.solutionsTemplates} selection-appearance=border .selectionMode=${this.listSelectionMode}>${i.map((t) => this._getListItem(t))}</calcite-list>`;
+    return l`<calcite-list .label=${this._translations.solutionsTemplates} selection-appearance=border .selectionMode=${this.listSelectionMode}>${i.map((t) => this._getListItem(t))}</calcite-list>`;
   }
   _getListItem(e) {
     const i = this.typeKeywords.includes("Deployed") && e.url, t = this.linkType === "action";
-    return n`<calcite-list-item id=${e.id ?? p} @mouseenter=${() => this.solutionItemHover.emit({ itemId: e.id, entering: !0 })} @mouseleave=${() => this.solutionItemHover.emit({ itemId: e.id, entering: !1 })} @calciteListItemSelect=${() => {
+    return l`<calcite-list-item id=${e.id ?? p} @mouseenter=${() => this.solutionItemHover.emit({ itemId: e.id, entering: !0 })} @mouseleave=${() => this.solutionItemHover.emit({ itemId: e.id, entering: !1 })} @calciteListItemSelect=${() => {
       this._deselectOthers(e.id), this.solutionItemSelect.emit({ itemId: e.id, selected: !0 }), i && !t && window.open(e.url, "_blank");
-    }} .value=${e.id}><div class="solution-list-item-content" slot=content><div class=${`solution-list-item-label ${i && !t ? "underline" : ""}`}>${e.title}</div><div class="solution-list-item-description">${e.snippet}</div></div>${this.itemRelationshipDependencies.length > 0 && this.itemRelationshipDependencies.some((s) => s === e.id) && this.reuseWarning && this._getReuseWarningChip() || ""}${i && t ? n`<div slot=actions-end><calcite-action appearance=solid icon=launch .id=${`${e.id}-launch`} @click=${() => window.open(e.url, "_blank")} text></calcite-action><calcite-tooltip overlay-positioning=fixed .referenceElement=${`${e.id}-launch`}><span>${this._translations?.openDetails}</span></calcite-tooltip></div>` : null}</calcite-list-item>`;
+    }} .value=${e.id}><div class="solution-list-item-content" slot=content><div class=${`solution-list-item-label ${i && !t ? "underline" : ""}`}>${e.title}</div><div class="solution-list-item-description">${e.snippet}</div></div>${this.itemRelationshipDependencies.length > 0 && this.itemRelationshipDependencies.some((s) => s === e.id) && this.reuseWarning && this._getReuseWarningChip() || ""}${i && t ? l`<div slot=actions-end><calcite-action icon=launch .id=${`${e.id}-launch`} @click=${() => window.open(e.url, "_blank")} text></calcite-action><calcite-tooltip overlay-positioning=fixed .referenceElement=${`${e.id}-launch`}><span>${this._translations?.openDetails}</span></calcite-tooltip></div>` : null}</calcite-list-item>`;
   }
   _sortTemplatesByTitle(e) {
     return e.sort((i, t) => i.title < t.title ? -1 : i.title > t.title ? 1 : 0);
@@ -147,10 +145,10 @@ class m extends h {
     return e === "Web Mapping Application" && (t = i.indexOf("configurableApp") > -1 ? "Instant App" : t), t = e === "Geoprocessing Service" ? "Tool" : t, t = e === "Feed" ? "Feed (hosted)" : t, t = e === "Real Time Analytic" ? "Real Time Analytic (hosted)" : t, t = e === "Big Data Analytic" ? "Big Data Analytic (hosted)" : t, t = e === "Vector Tile Service" ? "Tile Layer" : t, t;
   }
   _getReuseWarningChip() {
-    return n`<calcite-chip icon=information kind=neutral .label=${this.reuseWarning} scale=s slot=actions-end>${this.reuseWarning}</calcite-chip>`;
+    return l`<calcite-chip icon=information kind=neutral .label=${this.reuseWarning} scale=s slot=actions-end>${this.reuseWarning}</calcite-chip>`;
   }
 }
-c("solution-item-accordion", m);
+a("solution-item-accordion", u);
 export {
-  m as SolutionItemAccordion
+  u as SolutionItemAccordion
 };

package/dist/components/solution-item-accordion/index.d.ts

@@ -1,9 +1 @@
-import "@esri/calcite-components/components/calcite-accordion";
-import "@esri/calcite-components/components/calcite-accordion-item";
-import "../solution-item-icon/index.js";
-import "@esri/calcite-components/components/calcite-list";
-import "@esri/calcite-components/components/calcite-list-item";
-import "@esri/calcite-components/components/calcite-action";
-import "@esri/calcite-components/components/calcite-tooltip";
-import "@esri/calcite-components/components/calcite-chip";
 export * from "./customElement.js";

package/dist/components/solution-item-diagram/customElement.d.ts

@@ -1,16 +1,36 @@
 /// <reference path="../../index.d.ts" />
-import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
-import { ITemplateInfoGraph } from './utils/solutionGraph';
+import type { PublicLitElement as LitElement } from "@arcgis/lumina";
+import type { ITemplateInfoGraph } from "./utils/solutionGraph.js";
+import type { T9nMeta } from "@arcgis/lumina/controllers";
 
-export declare class SolutionItemDiagram extends LitElement {
-    /**
-     * Digram license key to use view the diagram
-     *
-     * @default ''
-     */
-    diagramKey: string;
-    /** Array of solution items to generate the diagram */
-    templateInfoGraph: ITemplateInfoGraph[];
-    /** Array of the solution items type keywords */
-    typeKeywords: string[];
-}
+export abstract class SolutionItemDiagram extends LitElement {
+  /**
+   * Contains the translations for this component.
+   * All UI strings should be defined here.
+   *
+   * @internal
+   */
+  protected _translations: { graphTranslations: {
+      centerDiagram: string;
+      filteredView: string;
+      reset: string;
+      zoomIn: string;
+      zoomOut: string;
+  }; } & T9nMeta<{ graphTranslations: {
+      centerDiagram: string;
+      filteredView: string;
+      reset: string;
+      zoomIn: string;
+      zoomOut: string;
+  }; }>;
+  /**
+   * Digram license key to use view the diagram
+   *
+   * @default ''
+   */
+  accessor diagramKey: string;
+  /** Array of solution items to generate the diagram */
+  accessor templateInfoGraph: ITemplateInfoGraph[];
+  /** Array of the solution items type keywords */
+  accessor typeKeywords: string[];
+}