@esri/solutions-components 1.0.0-next.20250501.2 → 1.0.0-next.20250506.1

package/dist/components/solution-deploy-panel/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as s, noShadowRoot as o } from "@arcgis/lumina";
 import { css as n } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250501.2 */
+v1.0.0-next.20250506.1 */
 const r = n`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -34,42 +34,6 @@ class a extends s {
   static {
     this.shadowRootOptions = o;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Properties (protected)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Events (public)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Called once just after the component is first connected to the DOM.
-   *
-   * @returns Promise when complete
-   */
-  // async load(): Promise<void> {
-  // }
-  /** Called once just after the component is fully loaded and the first render() occurs. */
-  // loaded(): void {
-  // }
-  /** Renders the component. */
   render() {
     return t`<calcite-panel></calcite-panel>`;
   }

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

@@ -5,7 +5,7 @@ import { LitElement as s, noShadowRoot as o } from "@arcgis/lumina";
 import { css as r } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250501.2 */
+v1.0.0-next.20250506.1 */
 const n = r`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -34,42 +34,6 @@ class a extends s {
   static {
     this.shadowRootOptions = o;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Properties (protected)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Events (public)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Called once just after the component is first connected to the DOM.
-   *
-   * @returns Promise when complete
-   */
-  // async load(): Promise<void> {
-  // }
-  /** Called once just after the component is fully loaded and the first render() occurs. */
-  // loaded(): void {
-  // }
-  /** Renders the component. */
   render() {
     return t`<calcite-card></calcite-card>`;
   }

package/dist/components/solution-deployed-panel/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as s, noShadowRoot as o } from "@arcgis/lumina";
 import { css as n } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250501.2 */
+v1.0.0-next.20250506.1 */
 const r = n`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -34,42 +34,6 @@ class a extends s {
   static {
     this.shadowRootOptions = o;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Properties (protected)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Events (public)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Called once just after the component is first connected to the DOM.
-   *
-   * @returns Promise when complete
-   */
-  // async load(): Promise<void> {
-  // }
-  /** Called once just after the component is fully loaded and the first render() occurs. */
-  // loaded(): void {
-  // }
-  /** Renders the component. */
   render() {
     return t`<calcite-panel></calcite-panel>`;
   }

package/dist/components/solution-deploying-panel/customElement.js

@@ -5,7 +5,7 @@ import { LitElement as s, noShadowRoot as n } from "@arcgis/lumina";
 import { css as o } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250501.2 */
+v1.0.0-next.20250506.1 */
 const r = o`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -34,42 +34,6 @@ class a extends s {
   static {
     this.shadowRootOptions = n;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Properties (protected)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Events (public)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (lifecycle)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Called once just after the component is first connected to the DOM.
-   *
-   * @returns Promise when complete
-   */
-  // async load(): Promise<void> {
-  // }
-  /** Called once just after the component is fully loaded and the first render() occurs. */
-  // loaded(): void {
-  // }
-  /** Renders the component. */
   render() {
     return t`<calcite-panel></calcite-panel>`;
   }

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

@@ -6,10 +6,22 @@ import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/
 export declare class SolutionItem extends LitElement {
     /** Credentials for requests */
     authentication: UserSession | undefined;
-    /** A template's itemId. */
+    /**
+     * A template's itemId.
+     *
+     * @default ''
+     */
     itemId: string;
-    /** Contains the solution based variables */
+    /**
+     * Contains the solution based variables
+     *
+     * @default ''
+     */
     solutionVariables: string;
-    /** Contains the organization based variables */
+    /**
+     * Contains the organization based variables
+     *
+     * @default ''
+     */
     organizationVariables: string;
 }

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

@@ -6,7 +6,7 @@ import { LitElement as n, noShadowRoot as c, safeStyleMap as e } from "@arcgis/l
 import { css as r } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250501.2 */
+v1.0.0-next.20250506.1 */
 const b = r`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -35,7 +35,6 @@ class h extends n {
   static {
     this.shadowRootOptions = c;
   }
-  /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */
   willUpdate(t) {
     t.has("itemId") && (this.hasUpdated || this.itemId !== "") && this.itemIdWatchHandler();
   }
@@ -43,51 +42,12 @@ class h extends n {
     const t = o.getItemInfo(this.itemId);
     this.itemType = t?.type;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  /** Called once just after the component is first connected to the DOM. */
-  load() {
-  }
-  /** Renders the component. */
   render() {
     return a`<div class="configuration-container"><div class="configuration">${this._showGroupTabs(this.itemType === "Group")}${this._showItemTabs(this.itemType !== "Group")}</div></div>`;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Event Listeners
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Events
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods (async)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Render tabs based on group item types
-   *
-   * @param visible Should the current tab be visible
-   */
   _showGroupTabs(t) {
     return a`<calcite-tabs class="config-tabs" style=${e({ display: t ? "inherit" : "none" })}><calcite-tab-nav slot=tab-nav><calcite-tab-title>${this._translations.groupDetailsTab}</calcite-tab-title><calcite-tab-title>${this._translations.sharingTab}</calcite-tab-title></calcite-tab-nav><calcite-tab class="config-tab" id=group-tab selected><solution-item-details itemId=${this.itemId ?? i}></solution-item-details></calcite-tab><calcite-tab class="config-tab" id=share-tab><solution-item-sharing .groupId=${this.itemId}></solution-item-sharing></calcite-tab></calcite-tabs>`;
   }
-  /**
-   * Render tabs based for an items details, data, and props section from a template
-   *
-   * @param visible Should the current tab be visible
-   */
   _showItemTabs(t) {
     return a`<calcite-tabs class="config-tabs" style=${e({ display: t ? "inherit" : "none" })}><calcite-tab-nav slot=tab-nav><calcite-tab-title>${this._translations.itemDetailsTab}</calcite-tab-title><calcite-tab-title>${this._translations.dataTab}</calcite-tab-title><calcite-tab-title>${this._translations.propertiesTab}</calcite-tab-title><calcite-tab-title>${this._translations.resourcesTab}</calcite-tab-title></calcite-tab-nav><calcite-tab class="config-tab" selected><solution-item-details itemId=${this.itemId ?? i}></solution-item-details></calcite-tab><calcite-tab class="config-tab" id=data-tab><solution-template-data instanceid=data itemId=${this.itemId ?? i} .organizationVariables=${this.organizationVariables} .solutionVariables=${this.solutionVariables}></solution-template-data></calcite-tab><calcite-tab class="config-tab" id=props-tab><solution-template-data instanceid=properties itemId=${this.itemId ?? i} .organizationVariables=${this.organizationVariables} .solutionVariables=${this.solutionVariables}></solution-template-data></calcite-tab><calcite-tab class="config-tab" id=resources-tab><solution-resource-item .authentication=${this.authentication} class="solutions-resource-container" itemId=${this.itemId ?? i}></solution-resource-item></calcite-tab></calcite-tabs>`;
   }

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

@@ -10,6 +10,8 @@ export declare class SolutionItemAccordion extends LitElement {
      *   "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';
     /** ITemplateInfo[]: Collection of template infos */

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

@@ -5,7 +5,7 @@ import { LitElement as p, createEvent as n } from "@arcgis/lumina";
 import { css as h } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250501.2 */
+v1.0.0-next.20250506.1 */
 const m = h`/** @license
  * Copyright 2025 Esri
  *
@@ -64,80 +64,38 @@ class u extends p {
   static {
     this.styles = m;
   }
-  /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */
   willUpdate(e) {
     e.has("templateInfos") && (this.hasUpdated || this.templateInfos?.length > 0) && this.templateInfosWatchHandler();
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
   async templateInfosWatchHandler() {
     this._sortedTemplateInfos = this._sortTemplates();
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Methods (public)
-  //
-  //--------------------------------------------------------------------------
-  /** Collapses all items in the accordion. */
   async collapseAll() {
     this.el?.shadowRoot?.querySelectorAll("calcite-accordion-item")?.forEach((i) => {
       i.expanded = !1;
     });
   }
-  /**
-   * Deselects all items in the accordion and closes the accordion item containing it.
-   * Only applies when selectionMode is "single" or "single-persist".
-   */
   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);
     });
   }
-  /**
-   * 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
-   */
   async selectItem(e) {
     (this.listSelectionMode === "single" || this.listSelectionMode === "single-persist") && this.el?.shadowRoot?.querySelectorAll("calcite-list-item")?.forEach((t) => {
       t.id === e && (t.selected = !0, (t.parentElement?.parentElement).expanded = !0);
     });
   }
-  /** Called once just after the component is first connected to the DOM. */
   async load() {
     this._sortedTemplateInfos = this._sortTemplates();
   }
-  /** Renders the component. */
   render() {
     return this._getAccordion();
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Functions (protected)
-  //
-  //--------------------------------------------------------------------------
-  /**
-   * Deselect all items in the accordion except the one with the provided id.
-   * Only applies when selectionMode is "single" or "single-persist".
-   *
-   * @param id the id of the item to keep selected
-   * @protected
-   */
   _deselectOthers(e) {
     (this.listSelectionMode === "single" || this.listSelectionMode === "single-persist") && this.el?.shadowRoot?.querySelectorAll("calcite-list-item")?.forEach((t) => {
       t.id !== e && (t.selected = !1);
     });
   }
-  /**
-   * Get the Accordion component
-   *
-   * @returns the Accordion component
-   * @protected
-   */
   _getAccordion() {
     const e = [], i = this._sortedTemplateInfos.reduce((t, s) => {
       const o = this._getTypeForDisplay(s.type, s.typeKeywords);
@@ -145,81 +103,32 @@ class u extends p {
     }, []);
     return l`<calcite-accordion class="border-override" selection-mode=single>${i}</calcite-accordion>`;
   }
-  /**
-   * Get the Accordion Item component with the appropriate icon and template type
-   * Only one accordion item per type.
-   *
-   * @param templateInfo the current templateInfo to handle
-   * @returns the Accordion Item component
-   * @protected
-   */
   _getAccordionItem(e) {
     const i = this._getTypeForDisplay(e.type, e.typeKeywords), t = this._sortedTemplateInfos.filter((s) => this._getTypeForDisplay(s.type, s.typeKeywords) === i);
     return l`<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>`;
   }
-  /**
-   * Get the list of template infos for the current type
-   *
-   * @param templateInfos filtered list of templateInfos for the current type
-   * @returns the List component
-   * @protected
-   */
   _getList(e) {
     const i = this._sortTemplatesByTitle(e);
     return l`<calcite-list label selection-appearance=border .selectionMode=${this.listSelectionMode}>${i.map((t) => this._getListItem(t))}</calcite-list>`;
   }
-  /**
-   * Get list item for the current type
-   *
-   * @param templateInfo the current templateInfo to handle
-   * @returns the List item component
-   * @protected
-   */
   _getListItem(e) {
     return l`<calcite-list-item id=${e.id ?? d} @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 });
     }} .value=${e.id}><div class="solution-list-item-content" slot=content><div class="solution-list-item-label">${e.title}</div><div class="solution-list-item-description">${e.snippet}</div></div>${e.url ? 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>`;
   }
-  /**
-   * Sort the templates based on the title
-   *
-   * @returns the sorted templates
-   * @protected
-   */
   _sortTemplatesByTitle(e) {
     return e.sort((i, t) => i.title < t.title ? -1 : i.title > t.title ? 1 : 0);
   }
-  /**
-   * Sort the templates based on the defined order in _sortOrder
-   *
-   * @returns the sorted templates
-   * @protected
-   */
   _sortTemplates() {
     return this.templateInfos.sort((e, i) => {
       const t = this._getTypeForSort(e), s = this._getTypeForSort(i), o = this._sortOrder.indexOf(t), r = this._sortOrder.indexOf(s);
       return o - r;
     });
   }
-  /**
-   * This function will update the type value to match how we would like it sorted.
-   *
-   * @param templateInfo
-   * @returns the sorted templates
-   * @protected
-   */
   _getTypeForSort(e) {
     let i = this._getTypeForDisplay(e.type, e.typeKeywords);
     return this._sortOrder.indexOf(i) < 0 && (i = "TypeNotFound"), i;
   }
-  /**
-   * This function will update the type value to match how we would like it displayed.
-   *
-   * @param type the current item type
-   * @param typeKeywords the type keywords for the current item
-   * @returns the updated type value
-   * @protected
-   */
   _getTypeForDisplay(e, i) {
     let t = e;
     if (e === "Feature Service") {

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

@@ -4,6 +4,10 @@ import { IItemTemplateEdit } from '../../utils/interfaces';
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class SolutionItemDetails extends LitElement {
-    /** A template's itemId. */
+    /**
+     * A template's itemId.
+     *
+     * @default ''
+     */
     itemId: string;
 }

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

@@ -7,7 +7,7 @@ import { LitElement as r, noShadowRoot as c } from "@arcgis/lumina";
 import { css as h } from "@lit/reactive-element/css-tag.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.0-next.20250501.2 */
+v1.0.0-next.20250506.1 */
 const p = h`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -43,31 +43,15 @@ class u extends r {
   static {
     this.shadowRootOptions = c;
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Watch handlers
-  //
-  //--------------------------------------------------------------------------
-  /** Called once just after the component is first connected to the DOM. */
-  load() {
-  }
-  /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */
   willUpdate() {
     this.itemEdit = e.getItemInfo(this.itemId), this.itemEdit && (this.itemDetails = this.itemEdit.item, this.itemType = this.itemDetails.type);
   }
-  /** Renders the component. */
   render() {
     return l`<div class="parent-container"><div class="inputBottomSeparation"><calcite-input id=item-title .value=${this.itemDetails.title}></calcite-input></div><div class="inputBottomSeparation"><input accept=.jpg,.gif,.png,image/jpg,image/gif,image/png class="display-none" @change=${(t) => this._updateThumbnail(t)} type=file ${s(this.browseForThumbnail)}><button class="font-size--3 btn-link inline-block trailer-quarter" @click=${() => this._getThumbnail()}><svg class="icon-inline icon-inline--on-left" height=16 viewBox="0 0 16 16" width=16>${m`<path d="M14.792 2.666l-1.414-1.413a.965.965 0 0 0-1.385-.03l-1.444 1.444-8.763 8.72L.03 15.481a.371.371 0 0 0 .488.488l4.096-1.756 8.763-8.72-.001-.001.002.002 1.443-1.444a.965.965 0 0 0-.03-1.385zM1.569 14.431l.554-1.293.74.739zm2.338-.924l-1.414-1.414 7.963-7.92 1.414 1.415zm8.67-8.626l-1.413-1.414 1.29-1.29a.306.306 0 0 1 .433 0l.981.98a.306.306 0 0 1 0 .433z" />`}</svg>${this._translations.editThumbnail}</button><div class="flex"><div class="img-container" ${s(this.thumbnailContainer)}><img class="scale-down" height=133 id=item-thumbnail width=200 ${s(this.thumbnail)}></div><div class="snippet-count-container"><calcite-input id=item-snippet max-length=250 type=textarea .value=${this.itemDetails.snippet}></calcite-input><label class="font-size--3" id=item-snippet-count ${s(this.itemSnippetCount)}></label></div></div></div><calcite-label>${this._translations.description}<label id=item-description-label><calcite-input id=item-description type=textarea .value=${this.itemDetails.description}></calcite-input></label></calcite-label><calcite-label>${this._translations.tags}<label id=item-tags-label><calcite-input id=item-tags .value=${(this.itemDetails.tags && Array.isArray(this.itemDetails.tags) ? this.itemDetails.tags : [this.itemDetails.tags]).join(",")}></calcite-input></label></calcite-label>${this.itemType !== "Group" ? l`<calcite-label>${this._translations.credits}<label id=item-credits-label><calcite-input id=item-credits .value=${this.itemDetails.accessInformation}></calcite-input></label></calcite-label>` : null}${this.itemType !== "Group" ? l`<calcite-label><label id=item-terms-label>${this._translations.termsOfUse}<calcite-input id=item-terms type=textarea .value=${this.itemDetails.licenseInfo}></calcite-input></label></calcite-label>` : null}</div>`;
   }
   updated() {
     this._loadThumb();
   }
-  /** Updates the component's value with changes to the input fields. */
-  //--------------------------------------------------------------------------
-  //
-  //  Event Listeners
-  //
-  //--------------------------------------------------------------------------
   inputReceivedHandler(t) {
     switch (t.target.id) {
       case "item-title":
@@ -90,52 +74,21 @@ class u extends r {
         break;
     }
   }
-  //--------------------------------------------------------------------------
-  //
-  //  Events
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Public Methods (async)
-  //
-  //--------------------------------------------------------------------------
-  //--------------------------------------------------------------------------
-  //
-  //  Private Methods
-  //
-  //--------------------------------------------------------------------------
-  /** Opens image file browse dialog. */
   _getThumbnail() {
     this.browseForThumbnail.value && this.browseForThumbnail.value.click();
   }
-  /** Load the templates thumbnail */
   _loadThumb() {
     this.thumbnail.value && this.itemEdit?.thumbnail ? (this.thumbnail.value.src = URL.createObjectURL(this.itemEdit.thumbnail), this.thumbnailContainer.value && this.thumbnailContainer.value.classList.remove("empty-box"), this.thumbnail.value.classList.remove("display-none")) : (this.thumbnailContainer.value && this.thumbnailContainer.value.classList.add("empty-box"), this.thumbnail.value && this.thumbnail.value.classList.add("display-none"));
   }
-  /**
-   * Updates the length label to reflect the current number of characters
-   * relative to the max number of characters supported.
-   *
-   * @param phrase the current phrase from the control
-   */
   _updateLengthLabel(t) {
     if (this.itemSnippetCount.value) {
       const i = this._translations.snippetCountPattern;
       this.itemSnippetCount.value.innerText = i.replace("{{n}}", t.length.toString());
     }
   }
-  /** Add or remove the value from the store */
   _updateStore() {
     this.itemEdit = e.getItemInfo(this.itemId), this.itemEdit && (this.itemEdit.item = this.itemDetails, e.setItemInfo(this.itemEdit));
   }
-  /**
-   * Gets and displays image result from browse and updates the item in the store.
-   *
-   * @param event The input controls event that contains the new file
-   * @param updateStore boolean that controls if the new value is written to the store
-   *  should be false on the initial load but true the rest of the time
-   */
   _updateThumbnail(t) {
     const i = t.target.files;
     i && i[0] && this.thumbnail.value && (this.thumbnail.value.src = URL.createObjectURL(i[0]), this.itemEdit = e.getItemInfo(this.itemId), this.itemEdit && (this.itemEdit.thumbnail = i[0], e.replaceItemThumbnail(this.itemEdit)));

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

@@ -1,12 +1,22 @@
 /// <reference types="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
-/** TODO: [MIGRATION] This component had a `@Component()` decorator with a "assetsDirs" prop.
- * It needs to be migrated manually. Please refer to https://qawebgis.esri.com/components/lumina/assets */
+/**
+ * TODO: [MIGRATION] This component had a `@Component()` decorator with a "assetsDirs" prop.
+ * It needs to be migrated manually. Please refer to https://qawebgis.esri.com/components/lumina/assets
+ */
 export declare class SolutionItemIcon extends LitElement {
-    /** Indicate if this is portal */
+    /**
+     * Indicate if this is portal
+     *
+     * @default false
+     */
     isPortal: boolean;
-    /** The type for the item */
+    /**
+     * The type for the item
+     *
+     * @default ''
+     */
     type: string;
     /** The typeKeywords for the item */
     typeKeywords: string[];