@esri/solutions-components 1.0.5 → 1.1.0-next.20250731

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

@@ -1,14 +1,13 @@
 import { c as n } from "../../chunks/runtime.js";
-import { svg as m, html as l } from "lit-html";
+import { css as m, svg as o, html as l } from "lit";
 import { _ as e } from "../../chunks/solution-store.js";
-import { u as o } from "../../chunks/useT9n.js";
+import { u as r } from "../../chunks/useT9n.js";
 import { createRef as a, ref as s } from "lit-html/directives/ref.js";
-import { LitElement as r, noShadowRoot as c } from "@arcgis/lumina";
-import { css as h } from "@lit/reactive-element/css-tag.js";
+import { LitElement as c, noShadowRoot as h } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.5 */
-const p = h`@layer{/** @license
+See https://js.arcgis.com/1.1/esri/copyright.txt for details.
+v1.1.0-next.20250731 */
+const p = m`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -23,7 +22,7 @@ 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 r {
+class u extends c {
   constructor() {
     super(), this.itemId = "", this.browseForThumbnail = a(), this.itemDetails = {
       accessInformation: "",
@@ -32,7 +31,7 @@ class u extends r {
       snippet: "",
       tags: [],
       title: ""
-    }, 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);
+    }, this.itemType = "", this._translations = r({ 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, itemDetails: 16, itemEdit: 16, _translations: 16, thumbnail: 16, thumbnailContainer: 16 };
@@ -41,13 +40,13 @@ class u extends r {
     this.styles = p;
   }
   static {
-    this.shadowRootOptions = c;
+    this.shadowRootOptions = h;
   }
   willUpdate() {
     this.itemEdit = e.getItemInfo(this.itemId), this.itemEdit && (this.itemDetails = this.itemEdit.item, this.itemType = this.itemDetails.type);
   }
   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>`;
+    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>`;
   }
   updated() {
     this._loadThumb();

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

@@ -1,4 +1,4 @@
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 import { ITemplateInfoGraph } from './utils/solutionGraph';
 

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

@@ -1,15 +1,14 @@
 import { c as T } from "../../chunks/runtime.js";
-import { html as E } from "lit-html";
-import { u as B } from "../../chunks/useT9n.js";
-import { LitElement as D } from "@arcgis/lumina";
+import { css as E, html as B } from "lit";
+import { u as D } from "../../chunks/useT9n.js";
+import { LitElement as C } from "@arcgis/lumina";
 import { createRef as y, ref as k } from "lit-html/directives/ref.js";
-import { css as C } from "@lit/reactive-element/css-tag.js";
 import * as c from "gojs";
 import { injectGlobal as A } from "@emotion/css";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.5 */
-const P = C`/** @license
+See https://js.arcgis.com/1.1/esri/copyright.txt for details.
+v1.1.0-next.20250731 */
+const P = E`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -883,9 +882,9 @@ class ge {
     this.diagramNeedsRedraw = !1, this.currentSelectedGroupId = "", this.currentSelectedItemId = "", p(this.diagram, this.allNodesAndLinks), this.createNodeHighlighters(), this.clearSelections();
   }
 }
-class he extends D {
+class he extends C {
   constructor() {
-    super(...arguments), this.templateInfoGraph = [], this._diagramPanel = y(), this._diagramShell = y(), this._translations = B({ name: "solution-item-diagram", blocking: !0 });
+    super(...arguments), this.templateInfoGraph = [], this._diagramPanel = y(), this._diagramShell = y(), this._translations = D({ name: "solution-item-diagram", blocking: !0 });
   }
   static {
     this.properties = { templateInfoGraph: 0, _diagramPanel: 16, _diagramShell: 16, _translations: 16 };
@@ -906,7 +905,7 @@ class he extends D {
     }
   }
   render() {
-    return E`<calcite-shell><calcite-shell-panel id=diagram-shell-panel slot=panel-start ${k(this._diagramShell)}></calcite-shell-panel><calcite-panel id=diagram-panel slot=panel-bottom ${k(this._diagramPanel)}></calcite-panel></calcite-shell>`;
+    return B`<calcite-shell><calcite-shell-panel id=diagram-shell-panel slot=panel-start ${k(this._diagramShell)}></calcite-shell-panel><calcite-panel id=diagram-panel slot=panel-bottom ${k(this._diagramPanel)}></calcite-panel></calcite-shell>`;
   }
 }
 T("solution-item-diagram", he);

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

@@ -1,4 +1,4 @@
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 
 /**

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

@@ -1,11 +1,10 @@
 import { g as n, c as o } from "../../chunks/runtime.js";
-import { html as l } from "lit-html";
-import { LitElement as p, noShadowRoot as u, nothing as c } from "@arcgis/lumina";
-import { css as d } from "@lit/reactive-element/css-tag.js";
+import { css as l, html as p } from "lit";
+import { LitElement as u, noShadowRoot as d, nothing as c } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.5 */
-const g = d`@layer{/** @license
+See https://js.arcgis.com/1.1/esri/copyright.txt for details.
+v1.1.0-next.20250731 */
+const g = l`@layer{/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -20,7 +19,7 @@ const g = d`@layer{/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */.item-type-icon{@apply block h-4 pointer-events-none;margin-top:.15em!important;min-width:16px;fill:currentColor;transform:rotate(360deg)}.item-type-icon-margin{@apply m-inline-end-1.5;}}`;
-class m extends p {
+class m extends u {
   constructor() {
     super(...arguments), this.isPortal = !1, this.type = "", this.typeKeywords = [];
   }
@@ -31,10 +30,10 @@ class m extends p {
     this.styles = g;
   }
   static {
-    this.shadowRootOptions = u;
+    this.shadowRootOptions = d;
   }
   render() {
-    return l`<div title=${this.type ?? c}><img class="item-type-icon item-type-icon-margin" height=16 src=${this._getIconUrl(this.type, this.typeKeywords) ?? c} width=16></div>`;
+    return p`<div title=${this.type ?? c}><img class="item-type-icon item-type-icon-margin" height=16 src=${this._getIconUrl(this.type, this.typeKeywords) ?? c} width=16></div>`;
   }
   _getIconUrl(a, t) {
     const r = this._getItemIcon(a, t);

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

@@ -1,4 +1,4 @@
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { IItemShare } from '../../utils/interfaces';
 import { PropertyValues } from 'lit';
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';

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

@@ -1,13 +1,12 @@
 import { c } from "../../chunks/runtime.js";
-import { _ as r } from "../../chunks/solution-store.js";
+import { _ as n } 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";
+import { css as h, html as a, nothing as o } from "lit";
+import { LitElement as p } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.5 */
-const d = p`/** @license
+See https://js.arcgis.com/1.1/esri/copyright.txt for details.
+v1.1.0-next.20250731 */
+const d = h`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -22,7 +21,7 @@ const d = p`/** @license
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */:host{@apply block;}.container-border{@apply p-4;}.icon-text{@apply truncate;}`;
-class u extends h {
+class u extends p {
   constructor() {
     super(...arguments), this.groupId = "", this._translations = l({ name: "solution-item-sharing", blocking: !0 }), this.sharing = [];
   }
@@ -36,32 +35,32 @@ class u extends h {
     e.has("groupId") && (this.hasUpdated || this.groupId !== "") && this.itemIdWatchHandler();
   }
   itemIdWatchHandler() {
-    const e = r.getItemInfo(this.groupId);
+    const e = n.getItemInfo(this.groupId);
     this.sharing = e?.groupDetails || [];
   }
   render() {
-    return o`<div class="container-border"><calcite-label>${this._translations.groupInfo}</calcite-label>${this._renderItems(this.sharing)}</div>`;
+    return a`<div class="container-border"><calcite-label>${this._translations.groupInfo}</calcite-label>${this._renderItems(this.sharing)}</div>`;
   }
   async getShareInfo() {
     return this.sharing;
   }
   _renderItems(e) {
-    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;
+    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;
   }
   _updateItem(e) {
     const t = e.target.id;
     this.sharing = this.sharing.map((s) => {
       if (s.id === t) {
         s.shareItem = e.target.checked;
-        const i = r.getItemInfo(t);
+        const i = n.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 n = i.groups.indexOf(this.groupId);
-            n > -1 && i.groups.splice(n, 1);
+            const r = i.groups.indexOf(this.groupId);
+            r > -1 && i.groups.splice(r, 1);
           }
-          r.setItemInfo(i);
+          n.setItemInfo(i);
         }
       }
       return s;

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

@@ -1,4 +1,4 @@
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { IOrganizationVariableItem } from '../../utils/interfaces';
 import { PropertyValues } from 'lit';
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';

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

@@ -1,12 +1,11 @@
 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 n, createEvent as o } from "@arcgis/lumina";
-import { css as l } from "@lit/reactive-element/css-tag.js";
+import { css as n, html as a } from "lit";
+import { LitElement as o, createEvent as l } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.5 */
-const c = l`/** @license
+See https://js.arcgis.com/1.1/esri/copyright.txt for details.
+v1.1.0-next.20250731 */
+const c = n`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -21,9 +20,9 @@ const c = l`/** @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 n {
+class h extends o {
   constructor() {
-    super(...arguments), this.value = "", this._organizationVariables = [], this._translations = s({ name: "solution-organization-variables", blocking: !0 }), this.organizationVariableSelected = o();
+    super(...arguments), this.value = "", this._organizationVariables = [], this._translations = s({ name: "solution-organization-variables", blocking: !0 }), this.organizationVariableSelected = l();
   }
   static {
     this.properties = { value: 3, _organizationVariables: 16, _translations: 16 };

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

@@ -1,4 +1,4 @@
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { IResourcePath } from '../../utils/interfaces';
 import { UserSession } from '@esri/solution-common';
 import { PropertyValues } from 'lit';

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

@@ -1,15 +1,14 @@
 import { c as d } from "../../chunks/runtime.js";
 import { o as s } from "../../chunks/interfaces.js";
-import { EFileType as c } from "@esri/solution-common";
-import { _ as r } from "../../chunks/solution-store.js";
+import { EFileType as r } from "@esri/solution-common";
+import { _ as c } 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";
+import { css as u, html as a, nothing as n } from "lit";
+import { LitElement as p, safeStyleMap as m, safeClassMap as f } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.5 */
-const _ = f`/** @license
+See https://js.arcgis.com/1.1/esri/copyright.txt for details.
+v1.1.0-next.20250731 */
+const _ = u`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -24,7 +23,7 @@ const _ = f`/** @license
  * See the License for the specific language governing permissions and
  * limitations under the 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 {
+class b extends p {
   constructor() {
     super(...arguments), this.itemId = "", this.resourceFilePaths = [], this.resources = [], this._translations = h({ name: "solution-resource-item", blocking: !0 }), this._removedResources = {};
   }
@@ -38,7 +37,7 @@ class b extends u {
     e.has("itemId") && (this.hasUpdated || this.itemId !== "") && this.itemIdWatchHandler();
   }
   itemIdWatchHandler() {
-    const e = r.getItemInfo(this.itemId);
+    const e = c.getItemInfo(this.itemId);
     this.resourceFilePaths = e?.resourceFilePaths || [], this.resources = e?.resources.map(
       // False linting error
       // eslint-disable-next-line @typescript-eslint/restrict-plus-operands
@@ -47,14 +46,14 @@ class b extends u {
   }
   render() {
     const e = this._hasValidResources();
-    return a`<div class="resource-item"><div class="margin-bottom-1"><calcite-button appearance=solid class="resource-button" @click=${() => this._addNewResource()}>${this._translations.addResource}</calcite-button><calcite-button appearance=solid .disabled=${!e} @click=${() => this._downloadAll()}>${this._translations.downloadAll}</calcite-button></div><div class="resources-container" style=${p({ display: e ? "inherit" : "none" })}>${this._renderResourceList()}</div></div>`;
+    return a`<div class="resource-item"><div class="margin-bottom-1"><calcite-button appearance=solid class="resource-button" @click=${() => this._addNewResource()}>${this._translations.addResource}</calcite-button><calcite-button appearance=solid .disabled=${!e} @click=${() => this._downloadAll()}>${this._translations.downloadAll}</calcite-button></div><div class="resources-container" style=${m({ display: e ? "inherit" : "none" })}>${this._renderResourceList()}</div></div>`;
   }
   _renderResourceList() {
-    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>`;
+    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>`;
   }
   _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=${f(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>`;
   }
   _delete(e) {
     e.updateType = s.Remove, this.resourceFilePaths = [...this.resourceFilePaths], this._updateStore();
@@ -112,7 +111,7 @@ class b extends u {
         ...this.resourceFilePaths,
         {
           url: i,
-          type: c.Data,
+          type: r.Data,
           folder: "",
           filename: o,
           blob: t[0],
@@ -122,8 +121,8 @@ class b extends u {
     }
   }
   _updateStore() {
-    const e = r.getItemInfo(this.itemId);
-    e && (e.resourceFilePaths = this.resourceFilePaths, r.setItemInfo(e));
+    const e = c.getItemInfo(this.itemId);
+    e && (e.resourceFilePaths = this.resourceFilePaths, c.setItemInfo(e));
   }
 }
 d("solution-resource-item", b);

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

@@ -1,14 +1,9 @@
-/// <reference types="../../index.d.ts" />
+/// <reference path="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
 import { IItemPreview, IItemProperties, ISolutionInfoCard } from '../../utils/interfaces';
-import { Auth } from '../../utils/Auth';
 import { PropertyValues } from 'lit';
 
 export declare class SolutionSnapshotGallery extends LitElement {
-    /** The authentication from global nav */
-    authContextConsumer: import('@lit/context').ContextConsumer<{
-        __context__: Auth;
-    }, HTMLElement & import('lit').ReactiveControllerHost>;
     /** Key details about the solution */
     card: ISolutionInfoCard | undefined;
     /** The current screenshot to display the large image for */

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

@@ -1,14 +1,14 @@
-import { c as n } from "../../chunks/runtime.js";
-import { u as r } from "../../chunks/useT9n.js";
-import { LitElement as a, useContextConsumer as c, nothing as s } from "@arcgis/lumina";
+import { c as r } from "../../chunks/runtime.js";
+import { u as a } from "../../chunks/useT9n.js";
+import { LitElement as n, nothing as s } from "@arcgis/lumina";
+import { useContextConsumer as c } from "@arcgis/lumina/context";
 import { g as l } from "../../chunks/common.js";
 import { a as h } from "../../chunks/deployAppContexts.js";
-import { css as d } from "@lit/reactive-element/css-tag.js";
+import { css as d, html as t } from "lit";
 import { createRef as p, ref as g } from "lit-html/directives/ref.js";
-import { html as t } from "lit";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.5 */
+See https://js.arcgis.com/1.1/esri/copyright.txt for details.
+v1.1.0-next.20250731 */
 const m = d`/** @license
  * Copyright 2025 Esri
  *
@@ -23,16 +23,16 @@ const m = d`/** @license
  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  * See the License for the specific language governing permissions and
  * limitations under the License.
- */.display-flex{display:flex}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.footer{width:100%}.footer-override{--calcite-dialog-footer-space: 0px}.footer-card{width:200px;height:100px}.padding-1{padding:1rem}.padding-bottom-1{padding-bottom:1rem}.padding-end-1{padding-inline-end:1rem}.padding-start-1{padding-inline-start:1rem}.padding-top-1{padding-top:1rem}.padding-top-1-2{padding-top:.5rem}.background-black{background-color:#151515}`;
-class u extends a {
+ */.display-flex{display:flex}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.footer{width:100%}.footer-override{--calcite-dialog-footer-space: 0px}.footer-card{width:200px;height:100px;cursor:pointer;padding-bottom:2px}.padding-1{padding:1rem}.padding-bottom-1{padding-bottom:1rem}.padding-end-1{padding-inline-end:1rem}.padding-start-1{padding-inline-start:1rem}.padding-top-1{padding-top:1rem}.padding-top-1-2{padding-top:.5rem}.background-black{background-color:#151515}calcite-card:hover img{-webkit-filter:brightness(50%);filter:brightness(50%);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease}calcite-card:hover{outline:2px solid var(--calcite-ui-brand);box-sizing:border-box;cursor:pointer}`;
+class u extends n {
   constructor() {
-    super(...arguments), this.authContextConsumer = c({
+    super(...arguments), this.open = !1, this._translations = a({ name: "solution-snapshot-gallery", blocking: !0 }), this._authContextConsumer = c({
       context: h,
       subscribe: !0
-    }), this.open = !1, this._translations = r({ name: "solution-snapshot-gallery", blocking: !0 }), this._displayText = "", this._paginationControl = p(), this._screenshotNames = [], this._screenshots = [];
+    }), this._displayText = "", this._paginationControl = p(), this._screenshotNames = [], this._screenshots = [];
   }
   static {
-    this.properties = { authContextConsumer: 0, card: 0, screenshot: 0, itemProperties: 0, open: 5, _translations: 16 };
+    this.properties = { card: 0, screenshot: 0, itemProperties: 0, open: 5, _translations: 16 };
   }
   static {
     this.styles = m;
@@ -54,10 +54,10 @@ class u extends a {
     this.screenshot = this._screenshots[this._paginationControl.value.startItem - 1];
   }
   _getCards() {
-    return t`<calcite-card-group class="card-group padding-1" label selection-mode=single>${this._screenshots.map((e) => t`<calcite-card class="footer-card" .label=${e.alt} @click=${() => this._showScreenshot(e)} .selected=${e.name === this.screenshot?.name}>${this._getImage(e, "thumbnail")}</calcite-card>`)}</calcite-card-group>`;
+    return t`<calcite-card-group class="card-group padding-1" .label=${this._translations.seeSolutionScreenshots} selection-mode=single>${this._screenshots.map((e) => t`<calcite-card class="footer-card" .label=${e.alt} @click=${() => this._showScreenshot(e)} .selected=${e.name === this.screenshot?.name}>${this._getImage(e, "thumbnail")}</calcite-card>`)}</calcite-card-group>`;
   }
   _getImage(e, i) {
-    return t`<img alt=${e.alt ?? s} slot=${i ?? s} src=${this._getSource(this.authContextConsumer.value, this.card?.id || "", e.name) ?? s}>`;
+    return t`<img alt=${e.alt ?? s} slot=${i ?? s} src=${this._getSource(this._authContextConsumer.value, this.card?.id || "", e.name) ?? s}>`;
   }
   _showScreenshot(e) {
     this.screenshot = e;
@@ -66,7 +66,7 @@ class u extends a {
     return e ? l(i || "", o, e) : "";
   }
 }
-n("solution-snapshot-gallery", u);
+r("solution-snapshot-gallery", u);
 export {
   u as SolutionSnapshotGallery
 };

package/dist/components/solution-social-share/customElement.d.ts

@@ -0,0 +1,117 @@
+/// <reference path="../../index.d.ts" />
+import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
+import { LogicalPlacement } from '../../../node_modules/@esri/calcite-components/dist/utils/floating-ui';
+
+export declare class SolutionSocialShare extends LitElement {
+    /**
+     * Control the apperance of the action
+     *
+     * @default 'transparent'
+     */
+    actionApperance: 'solid' | 'transparent' | undefined;
+    /**
+     * Auto update share URL.
+     *
+     * @default true
+     */
+    autoUpdateShareUrl: boolean;
+    /**
+     * Control the apperance of the button
+     *
+     * @default 'transparent'
+     */
+    buttonAppearance: 'outline' | 'outline-fill' | 'solid' | 'transparent' | undefined;
+    /**
+     * Configures the placement of the success message popover for the 'Copy Link' button.
+     * See options here: https://github.com/Esri/calcite-components/blob/v1.0.0-beta.83/src/utils/popper.ts#L34
+     *
+     * @default 'trailing'
+     */
+    inlineSuccessPopoverPlacement: LogicalPlacement;
+    /**
+     * Renders tool as a popover with a trigger button, or inline to place in a custom container.
+     *
+     * @default 'popover'
+     */
+    mode: 'inline' | 'popover';
+    /**
+     * Adjusts the scale of the popover button icon.
+     *
+     * @default 'm'
+     */
+    popoverButtonIconScale: 'l' | 'm' | 's';
+    /**
+     * Adjusts the overlay-positioning of the popover.
+     *
+     * @default 'absolute'
+     */
+    popoverPositioning: 'absolute' | 'fixed';
+    /**
+     * Remove the pointer and set the vertical offset to 0 for the popover.
+     *
+     * @default false
+     */
+    removePopoverOffset: boolean;
+    /**
+     * Adjusts the scale of the component.
+     *
+     * @default 's'
+     */
+    scale: 'l' | 'm' | 's';
+    /**
+     * Renders share button with 'inverse' | 'neutral' | 'brand option
+     *
+     * @default 'neutral'
+     */
+    shareButtonKind: 'inverse' | 'neutral' | 'brand';
+    /**
+     * Adjust scale of popover button
+     *
+     * @default 'm'
+     */
+    shareButtonScale: 'l' | 'm' | 's';
+    /**
+     * Text to display in share button, not valid when shareButtonType = 'action'
+     *
+     * @default ''
+     */
+    shareButtonText: string;
+    /**
+     * Renders tool in popover mode with a trigger button or action
+     *
+     * @default 'button'
+     */
+    shareButtonType: 'action' | 'button';
+    /**
+     * Display the share icons in a vertical or horizontal layout.
+     *
+     * @default 'vertical'
+     */
+    shareIconsLayout: 'horizontal' | 'vertical';
+    /**
+     * Additional text to display when sharing to a social option
+     *
+     * @default ''
+     */
+    shareText: string;
+    /** Generated share URL. Use this property to append custom URL parameters if needed. */
+    shareUrl: string;
+    /**
+     * Shortens generated URL.
+     *
+     * @default true
+     */
+    shortenShareUrl: boolean;
+    /**
+     * Show/hide social media icons.
+     *
+     * @default true
+     */
+    socialMedia: boolean;
+    /**
+     * Provides an alternate to the success.url message 'App URL copied to clipboard.'
+     *
+     * @default ''
+     */
+    successMessage: string;
+}