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

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

@@ -4,7 +4,7 @@ import { LitElement as p, noShadowRoot as u, nothing as c } from "@arcgis/lumina
 import { css as d } 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 g = d`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -89,6 +89,7 @@ class m extends p {
    * @param typeKeywords The item typeKeywords
    * @returns string the name of the icon for the given type and typekeywords
    */
+  // eslint-disable-next-line complexity
   _getItemIcon(a, t) {
     const r = a.toLowerCase(), e = t || [], i = e.includes("Hosted Service");
     switch (r.trim()) {
@@ -162,6 +163,7 @@ class m extends p {
           return "mapsgray";
         if (e.includes("Explorer Mapping Application"))
           return "datafilesgray";
+        break;
       case "pro presentation":
         return "propresentation";
       case "api key":

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

@@ -1,12 +1,10 @@
 /// <reference types="../../index.d.ts" />
 import { IItemShare } 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 SolutionItemSharing extends LitElement {
     /** A template's groupId. */
     groupId: string;
-    /** string: Locale to use for translation of stings in the UI */
-    locale: string;
     getShareInfo(): Promise<any>;
 }

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

@@ -1,12 +1,12 @@
-import { c as l } from "../../chunks/runtime.js";
-import { _ as n } from "../../chunks/solution-store.js";
-import { u as c } from "../../chunks/useT9n.js";
-import { html as a, nothing as o } from "lit";
+import { c } from "../../chunks/runtime.js";
+import { _ as r } from "../../chunks/solution-store.js";
+import { u as l } from "../../chunks/useT9n.js";
+import { html as o, nothing as a } from "lit";
 import { LitElement as h } from "@arcgis/lumina";
 import { css as p } 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 d = p`/** @license
  * Copyright 2025 Esri
  *
@@ -24,17 +24,17 @@ const d = p`/** @license
  */:host{@apply block;}.container-border{@apply p-4;}.icon-text{@apply truncate;}`;
 class u extends h {
   constructor() {
-    super(...arguments), this.groupId = "", this.locale = "", this._translations = c({ name: "solution-item-sharing", blocking: !0 }), this.sharing = [];
+    super(...arguments), this.groupId = "", this._translations = l({ name: "solution-item-sharing", blocking: !0 }), this.sharing = [];
   }
   static {
-    this.properties = { groupId: 3, locale: 1, _translations: 16, sharing: 16 };
+    this.properties = { groupId: 3, _translations: 16, sharing: 16 };
   }
   static {
     this.styles = d;
   }
   /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */
   willUpdate(e) {
-    e.has("groupId") && (this.hasUpdated || this.groupId !== "") && this.itemIdWatchHandler(), e.has("locale") && this.localeWatchHandler();
+    e.has("groupId") && (this.hasUpdated || this.groupId !== "") && this.itemIdWatchHandler();
   }
   //--------------------------------------------------------------------------
   //
@@ -42,19 +42,12 @@ class u extends h {
   //
   //--------------------------------------------------------------------------
   itemIdWatchHandler() {
-    const e = n.getItemInfo(this.groupId);
+    const e = r.getItemInfo(this.groupId);
     this.sharing = e?.groupDetails || [];
   }
-  /** 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() {
-  }
   /** Renders the component. */
   render() {
-    return a`<div class="container-border"><calcite-label>${this._translations.groupInfo}</calcite-label>${this._renderItems(this.sharing)}</div>`;
+    return o`<div class="container-border"><calcite-label>${this._translations.groupInfo}</calcite-label>${this._renderItems(this.sharing)}</div>`;
   }
   //--------------------------------------------------------------------------
   //
@@ -85,7 +78,7 @@ class u extends h {
    * @param objs list of IItemShare objects that are used to expose and store share info for the solutions items
    */
   _renderItems(e) {
-    return e && e.length > 0 ? e.map((t) => a`<calcite-label layout=inline><calcite-switch .checked=${t.shareItem} id=${t.id ?? o} name=setting @calciteSwitchChange=${this._updateItem} scale=m value=enabled></calcite-switch><solution-item-icon .type=${t.type} .typeKeywords=${t.typeKeywords}></solution-item-icon><span class="icon-text" title=${t.title ?? o}>${t.title}</span></calcite-label>`) : null;
+    return e && e.length > 0 ? e.map((t) => o`<calcite-label layout=inline><calcite-switch .checked=${t.shareItem} id=${t.id ?? a} name=setting @calciteSwitchChange=${this._updateItem} scale=m value=enabled></calcite-switch><solution-item-icon .type=${t.type} .typeKeywords=${t.typeKeywords}></solution-item-icon><span class="icon-text" title=${t.title ?? a}>${t.title}</span></calcite-label>`) : null;
   }
   /**
    * Update the items share prop based on the switch state
@@ -98,22 +91,22 @@ class u extends h {
     this.sharing = this.sharing.map((s) => {
       if (s.id === t) {
         s.shareItem = e.target.checked;
-        const i = n.getItemInfo(t);
+        const i = r.getItemInfo(t);
         if (i) {
           if (s.shareItem)
             i.groups ? i.groups.indexOf(this.groupId) < 0 && i.groups.push(this.groupId) : i.groups = [this.groupId];
           else if (i.groups) {
-            const r = i.groups.indexOf(this.groupId);
-            r > -1 && i.groups.splice(r, 1);
+            const n = i.groups.indexOf(this.groupId);
+            n > -1 && i.groups.splice(n, 1);
           }
-          n.setItemInfo(i);
+          r.setItemInfo(i);
         }
       }
       return s;
     });
   }
 }
-l("solution-item-sharing", u);
+c("solution-item-sharing", u);
 export {
   u as SolutionItemSharing
 };

package/dist/components/solution-organization-variables/customElement.d.ts

@@ -1,11 +1,9 @@
 /// <reference types="../../index.d.ts" />
 import { IOrganizationVariableItem } 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 SolutionOrganizationVariables extends LitElement {
-    /** string: Locale to use for translation of stings in the UI */
-    locale: string;
     /** Contains the public value for this component. */
     value: string;
     readonly organizationVariableSelected: TargetedEvent<this, {

package/dist/components/solution-organization-variables/customElement.js

@@ -1,12 +1,12 @@
 import { c as r } from "../../chunks/runtime.js";
 import { u as s } from "../../chunks/useT9n.js";
 import { html as a } from "lit";
-import { LitElement as l, createEvent as n } from "@arcgis/lumina";
-import { css as o } from "@lit/reactive-element/css-tag.js";
+import { LitElement as n, createEvent as o } from "@arcgis/lumina";
+import { css as l } 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 c = o`/** @license
+v1.0.0-next.20250429 */
+const c = l`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -21,29 +21,24 @@ const c = o`/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{@apply block;}.container-border{@apply overflow-y-auto;}.org-var-header{@apply mx-0 mt-0 mb-4;}`;
-class h extends l {
+class h extends n {
   constructor() {
-    super(...arguments), this.locale = "", this.value = "", this._organizationVariables = [], this._translations = s({ name: "solution-organization-variables", blocking: !0 }), this.organizationVariableSelected = n();
+    super(...arguments), this.value = "", this._organizationVariables = [], this._translations = s({ name: "solution-organization-variables", blocking: !0 }), this.organizationVariableSelected = o();
   }
   static {
-    this.properties = { locale: 1, value: 3, _organizationVariables: 16, _translations: 16 };
+    this.properties = { value: 3, _organizationVariables: 16, _translations: 16 };
   }
   static {
     this.styles = c;
   }
-  /** 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("value") && (this.hasUpdated || this.value !== "") && this.valueWatchHandler();
+    e.has("value") && (this.hasUpdated || this.value !== "") && this.valueWatchHandler();
   }
   //--------------------------------------------------------------------------
   //
   //  Watch handlers
   //
   //--------------------------------------------------------------------------
-  /** Fetch translations when the locale is updated */
-  async localeWatchHandler() {
-    this.el.lang = this.locale;
-  }
   valueWatchHandler() {
     this._organizationVariables = JSON.parse(this.value);
   }

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

@@ -2,7 +2,7 @@
 import { IResourcePath } from '../../utils/interfaces';
 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 SolutionResourceItem extends LitElement {
     /** Credentials for requests */
@@ -12,6 +12,4 @@ export declare class SolutionResourceItem extends LitElement {
      * This is used to get the correct model from a store in the json-editor
      */
     itemId: string;
-    /** string: Locale to use for translation of stings in the UI */
-    locale: string;
 }

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

@@ -1,14 +1,14 @@
 import { c as d } from "../../chunks/runtime.js";
 import { E as s } from "../../chunks/interfaces.js";
-import { EFileType as r } from "@esri/solution-common";
-import { _ as c } from "../../chunks/solution-store.js";
+import { EFileType as c } from "@esri/solution-common";
+import { _ as r } from "../../chunks/solution-store.js";
 import { u as h } from "../../chunks/useT9n.js";
 import { html as a, nothing as n } from "lit";
 import { LitElement as u, safeStyleMap as p, safeClassMap as m } from "@arcgis/lumina";
 import { css as f } 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 _ = f`/** @license
  * Copyright 2025 Esri
  *
@@ -26,17 +26,17 @@ const _ = f`/** @license
  */:host{@apply block;}.resource-item{@apply p-4;}.resource-button{@apply m-inline-end-4;}.resource-progress{@apply pt-4;}.resources-container{@apply border-lightgray;}.margin-bottom-1{@apply mb-4;}`;
 class b extends u {
   constructor() {
-    super(...arguments), this.itemId = "", this.locale = "", this.resourceFilePaths = [], this.resources = [], this._translations = h({ name: "solution-resource-item", blocking: !0 }), this._removedResources = {};
+    super(...arguments), this.itemId = "", this.resourceFilePaths = [], this.resources = [], this._translations = h({ name: "solution-resource-item", blocking: !0 }), this._removedResources = {};
   }
   static {
-    this.properties = { authentication: 0, itemId: 3, locale: 1, resourceFilePaths: 16, resources: 16, _translations: 16 };
+    this.properties = { authentication: 0, itemId: 3, resourceFilePaths: 16, resources: 16, _translations: 16 };
   }
   static {
     this.styles = _;
   }
   /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */
   willUpdate(e) {
-    e.has("itemId") && (this.hasUpdated || this.itemId !== "") && this.itemIdWatchHandler(), e.has("locale") && this.localeWatchHandler();
+    e.has("itemId") && (this.hasUpdated || this.itemId !== "") && this.itemIdWatchHandler();
   }
   //--------------------------------------------------------------------------
   //
@@ -44,20 +44,13 @@ class b extends u {
   //
   //--------------------------------------------------------------------------
   itemIdWatchHandler() {
-    const e = c.getItemInfo(this.itemId);
+    const e = r.getItemInfo(this.itemId);
     this.resourceFilePaths = e?.resourceFilePaths || [], this.resources = e?.resources.map(
       // False linting error
       // eslint-disable-next-line @typescript-eslint/restrict-plus-operands
       (t) => t.substring(t.lastIndexOf("/") + 1)
     ) || [];
   }
-  /** 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() {
-  }
   /** Renders the component. */
   render() {
     const e = this._hasValidResources();
@@ -85,7 +78,7 @@ class b extends u {
   //--------------------------------------------------------------------------
   /** Render resources while avoiding thumbnail resoures that are managed by solution-item */
   _renderResourceList() {
-    return a`<calcite-list label selection-mode=multiple>${this.resourceFilePaths.reduce((e, t) => (t.type !== r.Thumbnail && e.push(this._renderResource(t)), e), [])}</calcite-list>`;
+    return a`<calcite-list label selection-mode=multiple>${this.resourceFilePaths.reduce((e, t) => (t.type !== c.Thumbnail && e.push(this._renderResource(t)), e), [])}</calcite-list>`;
   }
   /**
    * Render the resource and supporting actions for download/update/delete/(reset..if deleted)
@@ -94,7 +87,7 @@ class b extends u {
    */
   _renderResource(e) {
     const t = e.updateType === s.Remove, i = e.folder ? e.folder + "/" + e.filename : e.filename;
-    return a`<calcite-list-item class=${m(t ? "disabled" : "")} .label=${i} .value=${e.url}><calcite-action-group layout=horizontal slot=actions-end><calcite-action .disabled=${t} icon=download .label=${this._translations.download} @click=${() => this._download(e.url, e.filename)} scale=m .text=${this._translations.download || ""} title=${this._translations.download ?? n}></calcite-action><calcite-action .disabled=${t} icon=upload-to .label=${this._translations.update} @click=${() => this._upload(e)} scale=m .text=${this._translations.update || ""} title=${this._translations.update ?? n}></calcite-action><calcite-action .disabled=${t} icon=trash .label=${this._translations.delete} @click=${() => this._delete(e)} scale=m .text=${this._translations.delete || ""} title=${this._translations.delete ?? n}></calcite-action>${t ? a`<calcite-action icon=reset .label=${this._translations.reset} @click=${() => this._reset(e.filename)} scale=m .text=${this._translations.reset || ""} title=${this._translations.reset ?? n}></calcite-action>` : a`<div class="display-none"></div>`}</calcite-action-group></calcite-list-item>`;
+    return a`<calcite-list-item class=${m(t ? "disabled" : "")} .label=${i} .value=${e.url}><calcite-action-group layout=horizontal slot=actions-end><calcite-action .disabled=${t} icon=download .label=${this._translations.download} @click=${() => this._download(e.url, e.filename)} scale=m .text=${this._translations.download} title=${this._translations.download ?? n}></calcite-action><calcite-action .disabled=${t} icon=upload-to .label=${this._translations.update} @click=${() => this._upload(e)} scale=m .text=${this._translations.update} title=${this._translations.update ?? n}></calcite-action><calcite-action .disabled=${t} icon=trash .label=${this._translations.delete} @click=${() => this._delete(e)} scale=m .text=${this._translations.delete} title=${this._translations.delete ?? n}></calcite-action>${t ? a`<calcite-action icon=reset .label=${this._translations.reset} @click=${() => this._reset(e.filename)} scale=m .text=${this._translations.reset} title=${this._translations.reset ?? n}></calcite-action>` : a`<div class="display-none"></div>`}</calcite-action-group></calcite-list-item>`;
   }
   /**
    * Adds the name to the deleted array so it will be skipped while rendering
@@ -164,8 +157,8 @@ class b extends u {
    * @param name the name of the resource
    */
   async fetchAndDownload(e, t) {
-    const l = await (await fetch(e)).blob(), o = URL.createObjectURL(l);
-    this.downloadFile(o, t);
+    const o = await (await fetch(e)).blob(), l = URL.createObjectURL(o);
+    this.downloadFile(l, t);
   }
   /**
    * Create an input element to support the uploading of the resource and upload the resource
@@ -199,14 +192,14 @@ class b extends u {
   _add(e) {
     const t = e.target.files;
     if (t && t[0]) {
-      const i = URL.createObjectURL(t[0]), l = t[0].name;
-      this.resourceFilePaths.some((o) => o.filename === l && o.url === i) || (this.resourceFilePaths = [
+      const i = URL.createObjectURL(t[0]), o = t[0].name;
+      this.resourceFilePaths.some((l) => l.filename === o && l.url === i) || (this.resourceFilePaths = [
         ...this.resourceFilePaths,
         {
           url: i,
-          type: r.Data,
+          type: c.Data,
           folder: "",
-          filename: l,
+          filename: o,
           blob: t[0],
           updateType: s.Add
         }
@@ -215,8 +208,8 @@ class b extends u {
   }
   /** Add or remove the value from the store */
   _updateStore() {
-    const e = c.getItemInfo(this.itemId);
-    e && (e.resourceFilePaths = this.resourceFilePaths, c.setItemInfo(e));
+    const e = r.getItemInfo(this.itemId);
+    e && (e.resourceFilePaths = this.resourceFilePaths, r.setItemInfo(e));
   }
 }
 d("solution-resource-item", b);

package/dist/components/solution-spatial-ref/customElement.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="../../index.d.ts" />
 import { IFeatureServiceEnabledStatus } 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 SolutionSpatialRef extends LitElement {
     /** When true, all but the main switch are disabled to prevent interaction. */
@@ -10,8 +10,6 @@ export declare class SolutionSpatialRef extends LitElement {
     enableDefault: boolean;
     /** List of services the spatial reference should apply to */
     featureServices: IFeatureServiceEnabledStatus[];
-    /** string: Locale to use for translation of stings in the UI */
-    locale: string;
     readonly featureServiceSpatialReferenceChange: TargetedEvent<this, IFeatureServiceEnabledStatus>;
     readonly enableDefaultSpatialReferenceChange: TargetedEvent<this, {
         defaultWkid: string;

package/dist/components/solution-spatial-ref/customElement.js

@@ -8,7 +8,7 @@ import { LitElement as u, createEvent as c, noShadowRoot as m } from "@arcgis/lu
 import { css as b } 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 S = b`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -26,10 +26,10 @@ const S = b`@layer{/** @license
  */.spatial-ref-switch{@apply m-inline-end-2;}.spatial-ref-component{@apply mt-2.5 m-inline-start-10;}#spatialRefDefn .sc-calcite-label-h label.sc-calcite-label{@apply m-0;}.spatial-ref-item-title{@apply mb-2 text-sm;}.spatial-ref-item-switch{@apply m-inline-end-2;}.switch-label{@apply text-sm;}.spatial-ref-services-list{margin-block-start:.5em;margin-block-end:.5em;list-style-type:none;padding-inline-start:2em}.spatial-ref-services-list-item{margin-top:.25rem}}`, o = "3857";
 class g extends u {
   constructor() {
-    super(), this.enabled = !1, this.enableDefault = !1, this.featureServices = [], this.locale = "", this._translations = p({ name: "solution-spatial-ref", blocking: !0 }), this.featureServiceSpatialReferenceChange = c(), this.enableDefaultSpatialReferenceChange = c(), this.enabledSpatialReferenceChange = c(), this.listenOn(window, "solutionStoreHasChanges", this.solutionStoreHasChanges);
+    super(), this.enabled = !1, this.enableDefault = !1, this.featureServices = [], this._translations = p({ name: "solution-spatial-ref", blocking: !0 }), this.featureServiceSpatialReferenceChange = c(), this.enableDefaultSpatialReferenceChange = c(), this.enabledSpatialReferenceChange = c(), this.listenOn(window, "solutionStoreHasChanges", this.solutionStoreHasChanges);
   }
   static {
-    this.properties = { enabled: 7, enableDefault: 7, featureServices: 2, locale: 1, _translations: 16 };
+    this.properties = { enabled: 7, enableDefault: 7, featureServices: 2, _translations: 16 };
   }
   static {
     this.styles = S;
@@ -39,7 +39,7 @@ class g extends u {
   }
   /** TODO: [MIGRATION] Consider inlining some of the watch functions called inside of this method to reduce boilerplate code */
   willUpdate(e) {
-    e.has("enabled") && (this.hasUpdated || this.enabled !== !1) && this.enabledChanged(), e.has("enableDefault") && (this.hasUpdated || this.enableDefault !== !1) && this.enableDefaultChanged(), e.has("locale") && this.localeWatchHandler();
+    e.has("enabled") && (this.hasUpdated || this.enabled !== !1) && this.enabledChanged(), e.has("enableDefault") && (this.hasUpdated || this.enableDefault !== !1) && this.enableDefaultChanged();
   }
   enabledChanged() {
     this._handleSpatialRefParamChange();
@@ -52,10 +52,6 @@ class g extends u {
   //  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() {
     this._updateUIFromStore();

package/dist/components/solution-template-data/customElement.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="../../index.d.ts" />
 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 SolutionTemplateData extends LitElement {
     /**
@@ -17,8 +17,6 @@ export declare class SolutionTemplateData extends LitElement {
      * This is used to get the correct model from a store in the json-editor
      */
     itemId: string;
-    /** string: Locale to use for translation of stings in the UI */
-    locale: string;
     organizationVariables: string;
     /** Contains the solution based variables */
     solutionVariables: string;

package/dist/components/solution-template-data/customElement.js

@@ -1,12 +1,12 @@
 import { c as r } from "../../chunks/runtime.js";
-import { _ as a } from "../../chunks/solution-store.js";
+import { _ as i } from "../../chunks/solution-store.js";
 import { u as c } from "../../chunks/useT9n.js";
 import { nothing as h, html as d } from "lit";
 import { LitElement as p, noShadowRoot as u, safeClassMap as s } from "@arcgis/lumina";
 import { css as m } 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 v = m`@layer{/** @license
  * Copyright 2025 Esri
  *
@@ -24,13 +24,13 @@ const v = m`@layer{/** @license
  */:host{@apply flexbox;}.solution-data-container{position:absolute;height:-moz-available;height:calc(100% - 48px);height:-webkit-fill-available;height:stretch;width:-moz-available;width:100%;width:-webkit-fill-available;width:stretch}.solution-data-child-container{@apply h-full w-full flex flex-col overflow-y-auto;}.solution-data-editor-container{@apply h-full;}.solution-data-child-container-collapsed{@apply h-full flex flex-col overflow-auto;width:50px}.inputBottomSeparation{@apply mt-0 mx-0 mb-6;}.json-editor{@apply m-4 w-auto fill-available;}.collapse-btn,.org-vars{@apply pt-4 pb-0 px-4;}.sol-vars{@apply py-0 px-4;min-height:45%}.padding-1{@apply p-4;}}`;
 class g extends p {
   constructor() {
-    super(), this.instanceid = "", this.itemId = "", this.locale = "", this.organizationVariables = "", this.solutionVariables = "", this.varsOpen = !0, this._translations = c({ name: "solution-template-data", blocking: !0 }), this.value = "", this._initializing = !1, this.listenOn(window, "solutionEditorContentChanged", (t) => {
+    super(), this.instanceid = "", this.itemId = "", this.organizationVariables = "", this.solutionVariables = "", this.varsOpen = !0, this._translations = c({ name: "solution-template-data", blocking: !0 }), this.value = "", this._initializing = !1, this.listenOn(window, "solutionEditorContentChanged", (a) => {
       if (this.itemId) {
-        const { id: n, contents: e } = t.detail, [l, o] = n.split("|");
-        if (l == this.itemId && o === this.instanceid) {
+        const { id: o, contents: e } = a.detail, [l, n] = o.split("|");
+        if (l == this.itemId && n === this.instanceid) {
           if (!this._initializing && e.length > 0) {
-            const i = a.getItemInfo(l);
-            i && (o === "data" ? i.data = JSON.parse(e) : i.properties = JSON.parse(e), a.setItemInfo(i));
+            const t = i.getItemInfo(l);
+            t && (n === "data" ? t.data = JSON.parse(e) : t.properties = JSON.parse(e), i.setItemInfo(t));
           }
           this._initializing = !1;
         }
@@ -38,7 +38,7 @@ class g extends p {
     });
   }
   static {
-    this.properties = { instanceid: 3, itemId: 3, locale: 1, organizationVariables: 3, solutionVariables: 3, varsOpen: 7, _translations: 16, value: 16 };
+    this.properties = { instanceid: 3, itemId: 3, organizationVariables: 3, solutionVariables: 3, varsOpen: 7, _translations: 16, value: 16 };
   }
   static {
     this.styles = v;
@@ -47,27 +47,20 @@ class g extends p {
     this.shadowRootOptions = u;
   }
   /** 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();
+  willUpdate(a) {
+    a.has("itemId") && (this.hasUpdated || this.itemId !== "") && this.itemIdWatchHandler();
   }
   itemIdWatchHandler() {
-    this._initializing = !0, this.itemId && (this.value = JSON.stringify(this.instanceid === "data" ? a.getItemInfo(this.itemId)?.data : a.getItemInfo(this.itemId)?.properties, null, 2));
+    this._initializing = !0, this.itemId && (this.value = JSON.stringify(this.instanceid === "data" ? i.getItemInfo(this.itemId)?.data : i.getItemInfo(this.itemId)?.properties, null, 2));
   }
   //--------------------------------------------------------------------------
   //
   //  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() {
-  }
   /** Renders the component. */
   render() {
-    return d`<div class="solution-data-container"><calcite-shell class="light var-container" dir=ltr><calcite-panel class="json-editor"><div class="solution-data-child-container calcite-match-height"><json-editor class="solution-data-editor-container" .instanceid=${this.itemId + "|" + this.instanceid} .locale=${this.locale} .value=${this.value}></json-editor></div></calcite-panel><calcite-shell-panel height=l position=end slot=contextual-panel width=s><div class=${s(this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed")}><calcite-button appearance=transparent class="collapse-btn" .iconStart=${this.varsOpen ? "chevrons-right" : "chevrons-left"} id=collapse-vars @click=${() => this._toggleVars()} scale=s title=${(this.varsOpen ? this._translations.collapse : this._translations.expand) ?? h}></calcite-button><div class=${s(this.varsOpen ? "org-vars" : "org-vars display-none")} id=orgVars><solution-organization-variables .locale=${this.locale} .value=${this.organizationVariables}></solution-organization-variables></div><div class=${s(this.varsOpen ? "sol-vars" : "sol-vars display-none")} id=solVars><solution-variables .locale=${this.locale} .value=${this.solutionVariables}></solution-variables></div></div></calcite-shell-panel></calcite-shell></div>`;
+    return d`<div class="solution-data-container"><calcite-shell class="light var-container" dir=ltr><calcite-panel class="json-editor"><div class="solution-data-child-container calcite-match-height"><json-editor class="solution-data-editor-container" .instanceid=${`${this.itemId}|${this.instanceid}`} .value=${this.value}></json-editor></div></calcite-panel><calcite-shell-panel height=l position=end slot=contextual-panel width=s><div class=${s(this.varsOpen ? "solution-data-child-container" : "solution-data-child-container-collapsed")}><calcite-button appearance=transparent class="collapse-btn" .iconStart=${this.varsOpen ? "chevrons-right" : "chevrons-left"} id=collapse-vars @click=${() => this._toggleVars()} scale=s title=${(this.varsOpen ? this._translations.collapse : this._translations.expand) ?? h}></calcite-button><div class=${s(this.varsOpen ? "org-vars" : "org-vars display-none")} id=orgVars><solution-organization-variables .value=${this.organizationVariables}></solution-organization-variables></div><div class=${s(this.varsOpen ? "sol-vars" : "sol-vars display-none")} id=solVars><solution-variables .value=${this.solutionVariables}></solution-variables></div></div></calcite-shell-panel></calcite-shell></div>`;
   }
   //--------------------------------------------------------------------------
   //

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

@@ -1,13 +1,11 @@
 /// <reference types="../../index.d.ts" />
 import { IVariableItem } 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 SolutionVariables extends LitElement {
     /** Contains the public value for this component. */
     value: string;
-    /** string: Locale to use for translation of stings in the UI */
-    locale: string;
     readonly solutionVariableSelected: TargetedEvent<this, {
         itemId: string;
         value: string;

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

@@ -1,11 +1,11 @@
-import { c as s } from "../../chunks/runtime.js";
+import { c as a } from "../../chunks/runtime.js";
 import { u as r } from "../../chunks/useT9n.js";
-import { html as a, nothing as l } from "lit";
-import { LitElement as n, createEvent as c } from "@arcgis/lumina";
+import { html as s, nothing as n } from "lit";
+import { LitElement as l, createEvent as c } 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 h = o`/** @license
  * Copyright 2025 Esri
  *
@@ -21,38 +21,31 @@ const h = o`/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{@apply block;}.container-border{@apply overflow-y-hidden;}.org-var-header{@apply my-4 mx-0;}.icon-text{@apply truncate;}`;
-class d extends n {
+class d extends l {
   constructor() {
-    super(...arguments), this.value = "", this.locale = "", this._solutionVariables = [], this._translations = r({ name: "solution-variables", blocking: !0 }), this.solutionVariableSelected = c();
+    super(...arguments), this.value = "", this._solutionVariables = [], this._translations = r({ name: "solution-variables", blocking: !0 }), this.solutionVariableSelected = c();
   }
   static {
-    this.properties = { value: 3, locale: 1, _solutionVariables: 16, _translations: 16 };
+    this.properties = { value: 3, _solutionVariables: 16, _translations: 16 };
   }
   static {
     this.styles = h;
   }
   /** 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(), t.has("value") && (this.hasUpdated || this.value !== "") && this.valueWatchHandler();
+    t.has("value") && (this.hasUpdated || this.value !== "") && this.valueWatchHandler();
   }
   //--------------------------------------------------------------------------
   //
   //  Watch handlers
   //
   //--------------------------------------------------------------------------
-  /** Fetch translations when the locale is updated */
-  async localeWatchHandler() {
-    this.el.lang = this.locale;
-  }
   valueWatchHandler() {
     this._solutionVariables = JSON.parse(this.value);
   }
-  /** Called once just after the component is first connected to the DOM. */
-  load() {
-  }
   /** Renders the component. */
   render() {
-    return a`<div><h4 class="org-var-header">${this._translations.solVariables}</h4></div><div class="container-border"><calcite-tree id=variable-label>${this._renderHierarchy(this._solutionVariables)}</calcite-tree></div>`;
+    return s`<div><h4 class="org-var-header">${this._translations.solVariables}</h4></div><div class="container-border"><calcite-tree id=variable-label>${this._renderHierarchy(this._solutionVariables)}</calcite-tree></div>`;
   }
   //--------------------------------------------------------------------------
   //
@@ -70,7 +63,7 @@ class d extends n {
    * @param objs a list of variable items that have been gathered from the solutions templates
    */
   _renderHierarchy(t) {
-    return t.map((e) => e.dependencies && e.dependencies.length > 0 ? a`<calcite-tree-item @click=${this._toggleExpand}><solution-item-icon .type=${e.type}></solution-item-icon><span class="icon-text" title=${e.title ?? l}>${e.title}</span><calcite-tree slot=children>${this._renderHierarchy(e.dependencies)}</calcite-tree></calcite-tree-item>` : a`<calcite-tree-item @click=${() => this._treeItemSelected(e.id, e.value)}>${e.title}</calcite-tree-item>`);
+    return t.map((e) => e.dependencies && e.dependencies.length > 0 ? s`<calcite-tree-item @click=${this._toggleExpand}><solution-item-icon .type=${e.type}></solution-item-icon><span class="icon-text" title=${e.title ?? n}>${e.title}</span><calcite-tree slot=children>${this._renderHierarchy(e.dependencies)}</calcite-tree></calcite-tree-item>` : s`<calcite-tree-item @click=${() => this._treeItemSelected(e.id, e.value)}>${e.title}</calcite-tree-item>`);
   }
   /**
    * Publishes the `solutionVariableSelected` event containing `itemId`, the id of the selected variable and the value of the variable.
@@ -87,14 +80,14 @@ class d extends n {
   /**
    * Toggle the tree item that was clicked
    *
-   * @param evt the clicks mouse event
+   * @param _evt the clicks mouse event
    */
   _toggleExpand(t = void 0) {
     const i = t?.target?.closest("calcite-tree-item");
     i && (i.expanded = !i.expanded);
   }
 }
-s("solution-variables", d);
+a("solution-variables", d);
 export {
   d as SolutionVariables
 };

package/dist/components/solutions-article-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 SolutionsArticlePanel extends LitElement {
 }

package/dist/components/solutions-article-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() {