@esri/solutions-components 1.0.0-next.20250427 → 1.0.0-next.20250429

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

@@ -1,17 +1,17 @@
-import { c } from "../../chunks/runtime.js";
+import { c as h } from "../../chunks/runtime.js";
 import { keyed as l } from "lit-html/directives/keyed.js";
-import { b as h, c as u, d } from "../../chunks/templates.js";
+import { b as c, c as u, d } from "../../chunks/templates.js";
 import { _ as i } from "../../chunks/solution-store.js";
 import { UserSession as a } from "@esri/solution-common";
 import { u as p } from "../../chunks/useT9n.js";
 import { nothing as r, html as o } from "lit";
 import { createRef as f, ref as m } from "lit-html/directives/ref.js";
 import { LitElement as _, noShadowRoot as g, safeClassMap as I } from "@arcgis/lumina";
-import { css as b } from "@lit/reactive-element/css-tag.js";
+import { css as v } 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.20250427 */
-const v = b`@layer{/** @license
+v1.0.0-next.20250429 */
+const b = v`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -28,7 +28,7 @@ const v = b`@layer{/** @license
  */.configuration-container{@apply w-full h-full relative;}.configuration{@apply absolute top-0 right-0 bottom-0 left-0 flex p-2 border-lightgray;}.config-tabs,.config-tab{@apply w-full;}.config-solution{@apply absolute top-14 -right-px -bottom-px -left-px flex p-2;}.config-inventory{@apply inline flex-grow-0 overflow-y-auto max-w-min;}.config-inventory-hide{@apply flex-grow-0 overflow-y-auto max-w-min hidden;}.config-item{@apply inline flex-grow overflow-y-auto relative m-inline-start-2;}solution-contents{@apply relative h-full;}solution-item{@apply relative h-full;}solution-spatial-ref{@apply w-full h-full relative overflow-y-auto;}}`;
 class y extends _ {
   constructor() {
-    super(), this.authentication = new a({}), this.locale = "", this.serializedAuthentication = "", this.solutionItemId = "", this.showLoading = !1, this._currentEditItemId = "", this._organizationVariables = "", this._solutionContentsComponent = f(), this._solutionIsLoaded = !1, this._solutionVariables = "", this._templateHierarchy = [], this._translations = p({ name: "solution-configuration", blocking: !0 }), this._treeOpen = !0, this._solutionStoreHasChanges = !1, this._solutionEditorHasChanges = !1, this._solutionEditorHasErrors = !1, this._canSave = !1, this.serializedAuthentication && (this.authentication = a.deserialize(this.serializedAuthentication)), this.solutionItemId && this._loadSolution(this.solutionItemId), this.listenOn(window, "solutionStoreHasChanges", (t) => {
+    super(), this.authentication = new a({}), this.serializedAuthentication = "", this.solutionItemId = "", this.showLoading = !1, this._currentEditItemId = "", this._organizationVariables = "", this._solutionContentsComponent = f(), this._solutionIsLoaded = !1, this._solutionVariables = "", this._templateHierarchy = [], this._translations = p({ name: "solution-configuration", blocking: !0 }), this._treeOpen = !0, this._solutionStoreHasChanges = !1, this._solutionEditorHasChanges = !1, this._solutionEditorHasErrors = !1, this._canSave = !1, this.serializedAuthentication && (this.authentication = a.deserialize(this.serializedAuthentication)), this.solutionItemId && this._loadSolution(this.solutionItemId), this.listenOn(window, "solutionStoreHasChanges", (t) => {
       this._updateSaveability(this._solutionStoreHasChanges = t.detail, this._solutionEditorHasChanges, this._solutionEditorHasErrors);
     }), this.listenOn(window, "solutionEditorHasChanges", (t) => {
       this._updateSaveability(this._solutionStoreHasChanges, this._solutionEditorHasChanges = t.detail, this._solutionEditorHasErrors);
@@ -37,17 +37,17 @@ class y extends _ {
     }), this.listenOn(window, "solutionItemSelected", this._solutionItemSelected);
   }
   static {
-    this.properties = { authentication: 0, locale: 1, serializedAuthentication: 1, solutionItemId: 3, showLoading: 7, _currentEditItemId: 16, _organizationVariables: 16, _solutionContentsComponent: 16, _solutionIsLoaded: 16, _solutionVariables: 16, _templateHierarchy: 16, _translations: 16, _treeOpen: 16 };
+    this.properties = { authentication: 0, serializedAuthentication: 1, solutionItemId: 3, showLoading: 7, _currentEditItemId: 16, _organizationVariables: 16, _solutionContentsComponent: 16, _solutionIsLoaded: 16, _solutionVariables: 16, _templateHierarchy: 16, _translations: 16, _treeOpen: 16 };
   }
   static {
-    this.styles = v;
+    this.styles = b;
   }
   static {
     this.shadowRootOptions = g;
   }
   /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */
   willUpdate(t) {
-    t.has("serializedAuthentication") && (this.hasUpdated || this.serializedAuthentication !== "") && this.serializedAuthenticationWatchHandler(), t.has("solutionItemId") && (this.hasUpdated || this.solutionItemId !== "") && this.valueWatchHandler(), t.has("locale") && this.localeWatchHandler();
+    t.has("serializedAuthentication") && (this.hasUpdated || this.serializedAuthentication !== "") && this.serializedAuthenticationWatchHandler(), t.has("solutionItemId") && (this.hasUpdated || this.solutionItemId !== "") && this.valueWatchHandler();
   }
   async serializedAuthenticationWatchHandler() {
     this.authentication = this.serializedAuthentication ? a.deserialize(this.serializedAuthentication) : new a({});
@@ -60,10 +60,6 @@ class y extends _ {
   //  Watch handlers
   //
   //--------------------------------------------------------------------------
-  /** Fetch translations when the locale is updated */
-  async localeWatchHandler() {
-    this.el.lang = this.locale;
-  }
   /**
    * Called once just after the component is first connected to the DOM.
    *
@@ -74,7 +70,7 @@ class y extends _ {
   /** Renders the component. */
   render() {
     const t = i.getStoreInfo("spatialReferenceInfo"), e = i.getStoreInfo("featureServices").length > 0, n = i.getStoreInfo("solutionData");
-    return this._solutionVariables = JSON.stringify(h(n.templates, this._translations)), this._organizationVariables = JSON.stringify(u(this._translations)), o`${this._solutionIsLoaded ? null : o`<calcite-loader label></calcite-loader>`}<div class="configuration-container"><div class="configuration"><calcite-tabs class="config-tabs"><calcite-tab-nav slot=tab-nav><calcite-tab-title>${this._translations.definitionTab}</calcite-tab-title>${e ? o`<calcite-tab-title>${this._translations.spatialReferenceTab}</calcite-tab-title>` : null}</calcite-tab-nav><calcite-tab class="config-tab" selected><div class="config-solution"><div class=${I(this._treeOpen ? "config-inventory" : "config-inventory-hide")}>${l(`${this.solutionItemId}-contents`, o`<solution-contents id=configInventory ${m(this._solutionContentsComponent)}></solution-contents>`)}</div><calcite-button appearance=transparent class="collapse-btn" .iconStart=${this._treeOpen ? "chevrons-left" : "chevrons-right"} id=collapse-vars @click=${() => this._toggleTree()} scale=s title=${(this._treeOpen ? this._translations.collapse : this._translations.expand) ?? r}></calcite-button><div class="config-item">${l(`${this.solutionItemId}-item`, o`<solution-item .authentication=${this.authentication} itemId=${this._currentEditItemId ?? r} .locale=${this.locale} .organizationVariables=${this._organizationVariables} .solutionVariables=${this._solutionVariables}></solution-item>`)}</div></div></calcite-tab>${e ? o`<calcite-tab class="config-tab"><div class="config-solution">${l(`${this.solutionItemId}-spatial-ref`, o`<solution-spatial-ref .enableDefault=${!!t.default} .enabled=${t?.enabled} .featureServices=${i.getStoreInfo("featureServices").map((s) => s.name)} id=configure-solution-spatial-ref .locale=${this.locale}></solution-spatial-ref>`)}</div></calcite-tab>` : null}</calcite-tabs></div></div>`;
+    return this._solutionVariables = JSON.stringify(c(n.templates, this._translations)), this._organizationVariables = JSON.stringify(u(this._translations)), o`${this._solutionIsLoaded ? null : o`<calcite-loader label></calcite-loader>`}<div class="configuration-container"><div class="configuration"><calcite-tabs class="config-tabs"><calcite-tab-nav slot=tab-nav><calcite-tab-title>${this._translations.definitionTab}</calcite-tab-title>${e ? o`<calcite-tab-title>${this._translations.spatialReferenceTab}</calcite-tab-title>` : null}</calcite-tab-nav><calcite-tab class="config-tab" selected><div class="config-solution"><div class=${I(this._treeOpen ? "config-inventory" : "config-inventory-hide")}>${l(`${this.solutionItemId}-contents`, o`<solution-contents id=configInventory ${m(this._solutionContentsComponent)}></solution-contents>`)}</div><calcite-button appearance=transparent class="collapse-btn" .iconStart=${this._treeOpen ? "chevrons-left" : "chevrons-right"} id=collapse-vars @click=${() => this._toggleTree()} scale=s title=${(this._treeOpen ? this._translations.collapse : this._translations.expand) ?? r}></calcite-button><div class="config-item">${l(`${this.solutionItemId}-item`, o`<solution-item .authentication=${this.authentication} itemId=${this._currentEditItemId ?? r} .organizationVariables=${this._organizationVariables} .solutionVariables=${this._solutionVariables}></solution-item>`)}</div></div></calcite-tab>${e ? o`<calcite-tab class="config-tab"><div class="config-solution">${l(`${this.solutionItemId}-spatial-ref`, o`<solution-spatial-ref .enableDefault=${!!t.default} .enabled=${t?.enabled} .featureServices=${i.getStoreInfo("featureServices").map((s) => s.name)} id=configure-solution-spatial-ref></solution-spatial-ref>`)}</div></calcite-tab>` : null}</calcite-tabs></div></div>`;
   }
   //--------------------------------------------------------------------------
   //
@@ -212,7 +208,7 @@ class y extends _ {
     })), this._canSave = s;
   }
 }
-c("solution-configuration", y);
+h("solution-configuration", y);
 export {
   y as SolutionConfiguration
 };

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

@@ -1,7 +1,7 @@
 /// <reference types="../../index.d.ts" />
 import { IInventoryItem } from '../../utils/interfaces';
 import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+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 */
@@ -16,7 +16,7 @@ export declare class SolutionContents extends LitElement {
      * Also toggles the expanded state of the tree item.
      *
      * @param solutionItem the selected solution item to emit
-     * @param evt MouseEvent or undefined
+     * @param _evt MouseEvent or undefined
      */
     readonly solutionItemSelected: TargetedEvent<this, string>;
 }

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

@@ -4,7 +4,7 @@ import { LitElement as a, createEvent as l, noShadowRoot as d } from "@arcgis/lu
 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.20250427 */
+v1.0.0-next.20250429 */
 const h = o`@layer{/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solution-delete-dialog/customElement.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="../../index.d.ts" />
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class SolutionDeleteDialog extends LitElement {
 }

package/dist/components/solution-delete-dialog/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.20250427 */
+v1.0.0-next.20250429 */
 const r = n`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -67,8 +67,7 @@ class a extends s {
   // async load(): Promise<void> {
   // }
   /** Called once just after the component is fully loaded and the first render() occurs. */
-  /** This lifecycle method is not expected to return a promise. The returned promise will be ignored by Lit rather than awaited. */
-  // async loaded(): Promise<void> {
+  // loaded(): void {
   // }
   /** Renders the component. */
   render() {

package/dist/components/solution-deploy-dialog/customElement.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="../../index.d.ts" />
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class SolutionDeployDialog extends LitElement {
 }

package/dist/components/solution-deploy-dialog/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.20250427 */
+v1.0.0-next.20250429 */
 const r = n`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -67,8 +67,7 @@ class a extends s {
   // async load(): Promise<void> {
   // }
   /** Called once just after the component is fully loaded and the first render() occurs. */
-  /** This lifecycle method is not expected to return a promise. The returned promise will be ignored by Lit rather than awaited. */
-  // async loaded(): Promise<void> {
+  // loaded(): void {
   // }
   /** Renders the component. */
   render() {

package/dist/components/solution-deploy-panel/customElement.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="../../index.d.ts" />
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class SolutionDeployPanel extends LitElement {
 }

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.20250427 */
+v1.0.0-next.20250429 */
 const r = n`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -67,8 +67,7 @@ class a extends s {
   // async load(): Promise<void> {
   // }
   /** Called once just after the component is fully loaded and the first render() occurs. */
-  /** This lifecycle method is not expected to return a promise. The returned promise will be ignored by Lit rather than awaited. */
-  // async loaded(): Promise<void> {
+  // loaded(): void {
   // }
   /** Renders the component. */
   render() {

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

@@ -1,5 +1,5 @@
 /// <reference types="../../index.d.ts" />
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class SolutionDeployedCard extends LitElement {
 }

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.20250427 */
+v1.0.0-next.20250429 */
 const n = r`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -67,8 +67,7 @@ class a extends s {
   // async load(): Promise<void> {
   // }
   /** Called once just after the component is fully loaded and the first render() occurs. */
-  /** This lifecycle method is not expected to return a promise. The returned promise will be ignored by Lit rather than awaited. */
-  // async loaded(): Promise<void> {
+  // loaded(): void {
   // }
   /** Renders the component. */
   render() {

package/dist/components/solution-deployed-panel/customElement.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="../../index.d.ts" />
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class SolutionDeployedPanel extends LitElement {
 }

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.20250427 */
+v1.0.0-next.20250429 */
 const r = n`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -67,8 +67,7 @@ class a extends s {
   // async load(): Promise<void> {
   // }
   /** Called once just after the component is fully loaded and the first render() occurs. */
-  /** This lifecycle method is not expected to return a promise. The returned promise will be ignored by Lit rather than awaited. */
-  // async loaded(): Promise<void> {
+  // loaded(): void {
   // }
   /** Renders the component. */
   render() {

package/dist/components/solution-deploying-panel/customElement.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="../../index.d.ts" />
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class SolutionDeployingPanel extends LitElement {
 }

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.20250427 */
+v1.0.0-next.20250429 */
 const r = o`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -67,8 +67,7 @@ class a extends s {
   // async load(): Promise<void> {
   // }
   /** Called once just after the component is fully loaded and the first render() occurs. */
-  /** This lifecycle method is not expected to return a promise. The returned promise will be ignored by Lit rather than awaited. */
-  // async loaded(): Promise<void> {
+  // loaded(): void {
   // }
   /** Renders the component. */
   render() {

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

@@ -1,15 +1,13 @@
 /// <reference types="../../index.d.ts" />
 import { UserSession } from '@esri/solution-common';
 import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class SolutionItem extends LitElement {
     /** Credentials for requests */
     authentication: UserSession | undefined;
     /** A template's itemId. */
     itemId: string;
-    /** string: Locale to use for translation of stings in the UI */
-    locale: string;
     /** Contains the solution based variables */
     solutionVariables: string;
     /** Contains the organization based variables */

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

@@ -1,13 +1,13 @@
 import { c as s } from "../../chunks/runtime.js";
-import { _ as l } from "../../chunks/solution-store.js";
-import { u as o } from "../../chunks/useT9n.js";
+import { _ as o } from "../../chunks/solution-store.js";
+import { u as l } from "../../chunks/useT9n.js";
 import { html as a, nothing as i } from "lit";
-import { LitElement as c, noShadowRoot as n, safeStyleMap as e } from "@arcgis/lumina";
+import { LitElement as n, noShadowRoot as c, safeStyleMap as e } 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.20250427 */
-const h = r`@layer{/** @license
+v1.0.0-next.20250429 */
+const b = r`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -22,25 +22,25 @@ const h = r`@layer{/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */.configuration-container{@apply w-full h-full relative;}.configuration{@apply absolute top-0 right-0 bottom-0 left-0 flex p-2 border-lightgray;}.config-tabs{@apply w-full;}.config-tab{@apply w-full overflow-y-auto;height:inherit}}`;
-class b extends c {
+class h extends n {
   constructor() {
-    super(...arguments), this.itemId = "", this.locale = "", this.solutionVariables = "", this.organizationVariables = "", this._translations = o({ name: "solution-item", blocking: !0 });
+    super(...arguments), this.itemId = "", this.solutionVariables = "", this.organizationVariables = "", this._translations = l({ name: "solution-item", blocking: !0 });
   }
   static {
-    this.properties = { authentication: 0, itemId: 3, locale: 1, solutionVariables: 3, organizationVariables: 3, itemType: 16, _translations: 16 };
+    this.properties = { authentication: 0, itemId: 3, solutionVariables: 3, organizationVariables: 3, itemType: 16, _translations: 16 };
   }
   static {
-    this.styles = h;
+    this.styles = b;
   }
   static {
-    this.shadowRootOptions = n;
+    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(), t.has("locale") && this.localeWatchHandler();
+    t.has("itemId") && (this.hasUpdated || this.itemId !== "") && this.itemIdWatchHandler();
   }
   itemIdWatchHandler() {
-    const t = l.getItemInfo(this.itemId);
+    const t = o.getItemInfo(this.itemId);
     this.itemType = t?.type;
   }
   //--------------------------------------------------------------------------
@@ -48,10 +48,6 @@ class b extends c {
   //  Watch handlers
   //
   //--------------------------------------------------------------------------
-  /** Fetch translations when the locale is updated */
-  async localeWatchHandler() {
-    this.el.lang = this.locale;
-  }
   /** Called once just after the component is first connected to the DOM. */
   load() {
   }
@@ -85,7 +81,7 @@ class b extends c {
    * @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} .locale=${this.locale}></solution-item-details></calcite-tab><calcite-tab class="config-tab" id=share-tab><solution-item-sharing .groupId=${this.itemId} .locale=${this.locale}></solution-item-sharing></calcite-tab></calcite-tabs>`;
+    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
@@ -93,10 +89,10 @@ class b extends c {
    * @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} .locale=${this.locale}></solution-item-details></calcite-tab><calcite-tab class="config-tab" id=data-tab><solution-template-data instanceid=data itemId=${this.itemId ?? i} .locale=${this.locale} .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} .locale=${this.locale} .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} .locale=${this.locale}></solution-resource-item></calcite-tab></calcite-tabs>`;
+    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>`;
   }
 }
-s("solution-item", b);
+s("solution-item", h);
 export {
-  b as SolutionItem
+  h as SolutionItem
 };

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

@@ -1,11 +1,9 @@
 /// <reference types="../../index.d.ts" />
 import { ISolutionItemHover, ISolutionItemSelected, ISolutionTypeHover, ITemplateInfo } from '../../utils/interfaces';
 import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, ToElement, TargetedEvent } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode, ToElement } from '@arcgis/lumina';
 
 export declare class SolutionItemAccordion extends LitElement {
-    /** string: Locale to use for translation of stings in the UI */
-    locale: string;
     /**
      * Specifies the selection mode of the item-type lists used in the component, where:
      *   "multiple" allows any number of selections,

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

@@ -1,11 +1,11 @@
-import { c as a } from "../../chunks/runtime.js";
-import { u as c } from "../../chunks/useT9n.js";
+import { c } from "../../chunks/runtime.js";
+import { u as a } from "../../chunks/useT9n.js";
 import { html as l, nothing as d } from "lit";
 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.20250427 */
+v1.0.0-next.20250429 */
 const m = h`/** @license
  * Copyright 2025 Esri
  *
@@ -23,7 +23,7 @@ const m = h`/** @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}`;
 class u extends p {
   constructor() {
-    super(...arguments), this.locale = "", this.listSelectionMode = "none", this.templateInfos = [], this._sortedTemplateInfos = [], this._translations = c({ name: "solution-item-accordion", blocking: !0 }), this._sortOrder = [
+    super(...arguments), this.listSelectionMode = "none", this.templateInfos = [], this._sortedTemplateInfos = [], this._translations = a({ name: "solution-item-accordion", blocking: !0 }), this._sortOrder = [
       "Hub Site Application",
       "Hub Page",
       "Web Experience",
@@ -59,24 +59,20 @@ class u extends p {
     ], this.solutionItemHover = n(), this.solutionItemSelect = n(), this.solutionTypeHover = n();
   }
   static {
-    this.properties = { locale: 1, listSelectionMode: 1, templateInfos: 0, _sortedTemplateInfos: 16, _translations: 16 };
+    this.properties = { listSelectionMode: 1, templateInfos: 0, _sortedTemplateInfos: 16, _translations: 16 };
   }
   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("locale") && this.localeWatchHandler(), e.has("templateInfos") && (this.hasUpdated || this.templateInfos?.length > 0) && this.templateInfosWatchHandler();
+    e.has("templateInfos") && (this.hasUpdated || this.templateInfos?.length > 0) && this.templateInfosWatchHandler();
   }
   //--------------------------------------------------------------------------
   //
   //  Watch handlers
   //
   //--------------------------------------------------------------------------
-  /** Fetch translations when the locale is updated */
-  async localeWatchHandler() {
-    this.el.lang = this.locale;
-  }
   async templateInfosWatchHandler() {
     this._sortedTemplateInfos = this._sortTemplates();
   }
@@ -182,7 +178,7 @@ class u extends p {
   _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>`;
+    }} .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
@@ -233,7 +229,7 @@ class u extends p {
     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;
   }
 }
-a("solution-item-accordion", u);
+c("solution-item-accordion", u);
 export {
   u as SolutionItemAccordion
 };

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

@@ -1,12 +1,9 @@
 /// <reference types="../../index.d.ts" />
 import { IItemGeneralized } from '@esri/solution-common';
 import { IItemTemplateEdit } from '../../utils/interfaces';
-import { PropertyValues } from 'lit';
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 export declare class SolutionItemDetails extends LitElement {
     /** A template's itemId. */
     itemId: string;
-    /** string: Locale to use for translation of stings in the UI */
-    locale: string;
 }

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

@@ -1,13 +1,13 @@
 import { c as n } from "../../chunks/runtime.js";
+import { svg as m, html as l } from "lit-html";
 import { _ as e } from "../../chunks/solution-store.js";
-import { u as m } from "../../chunks/useT9n.js";
-import { svg as o, html as l } from "lit";
+import { u as o } from "../../chunks/useT9n.js";
 import { createRef as a, ref as s } from "lit-html/directives/ref.js";
-import { LitElement as c, noShadowRoot as r } from "@arcgis/lumina";
+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.20250427 */
+v1.0.0-next.20250429 */
 const p = h`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -23,45 +23,41 @@ const p = h`@layer{/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */.inputBottomSeparation{@apply mt-0 mx-0 mb-6;}.icon-inline--on-left,.icon-inline--on-right{@apply inline align-middle m-inline-end-1.5;}.scale-down{@apply object-scale-down;}.img-container{@apply inline m-inline-end-4;}.summary-count-container{@apply inline flex-grow m-inline-start-3;}.parent-container{@apply max-w-full p-4;}label{@apply relative block mt-0 mx-0 mb-6 min-w-min;}}`;
-class u extends c {
+class u extends r {
   constructor() {
-    super(), this.itemId = "", this.locale = "", this.browseForThumbnail = a(), this.itemDetails = {
+    super(), this.itemId = "", this.browseForThumbnail = a(), this.itemDetails = {
       accessInformation: "",
       description: "",
       licenseInfo: "",
       snippet: "",
       tags: [],
       title: ""
-    }, this.itemType = "", this._translations = m({ name: "solution-item-details", blocking: !0 }), this.itemSnippetCount = a(), this.thumbnail = a(), this.thumbnailContainer = a(), this.listen("calciteInputInput", this.inputReceivedHandler);
+    }, this.itemType = "", this._translations = o({ name: "solution-item-details", blocking: !0 }), this.itemSnippetCount = a(), this.thumbnail = a(), this.thumbnailContainer = a(), this.listen("calciteInputInput", this.inputReceivedHandler);
   }
   static {
-    this.properties = { itemId: 3, locale: 1, itemDetails: 16, itemEdit: 16, _translations: 16, thumbnail: 16, thumbnailContainer: 16 };
+    this.properties = { itemId: 3, itemDetails: 16, itemEdit: 16, _translations: 16, thumbnail: 16, thumbnailContainer: 16 };
   }
   static {
     this.styles = p;
   }
   static {
-    this.shadowRootOptions = r;
+    this.shadowRootOptions = c;
   }
   //--------------------------------------------------------------------------
   //
   //  Watch handlers
   //
   //--------------------------------------------------------------------------
-  /** Fetch translations when the locale is updated */
-  async localeWatchHandler() {
-    this.el.lang = this.locale;
-  }
   /** 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(t) {
-    t.has("locale") && this.localeWatchHandler(), this.itemEdit = e.getItemInfo(this.itemId), this.itemEdit && (this.itemDetails = this.itemEdit.item, this.itemType = this.itemDetails.type);
+  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>${o`<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>`;
+    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();
@@ -125,7 +121,7 @@ class u extends c {
    */
   _updateLengthLabel(t) {
     if (this.itemSnippetCount.value) {
-      const i = this._translations.snippetCountPattern || "";
+      const i = this._translations.snippetCountPattern;
       this.itemSnippetCount.value.innerText = i.replace("{{n}}", t.length.toString());
     }
   }

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

@@ -1,5 +1,5 @@
 /// <reference types="../../index.d.ts" />
-import { PublicLitElement as LitElement, JsxNode, TargetedEvent } from '@arcgis/lumina';
+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 */