@esri/solutions-components 1.2.0-next.4 → 1.2.0-next.40

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

@@ -7,7 +7,7 @@ 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.2/esri/copyright.txt for details.
-v1.2.0-next.4 */
+v1.2.0-next.40 */
 const _ = u`/** @license
  * Copyright 2025 Esri
  *

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

@@ -1,15 +1,19 @@
-import { c as a } from "../../chunks/runtime.js";
-import { u as r } from "../../chunks/useT9n.js";
-import { LitElement as n, nothing as i } 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 d } from "../../chunks/deployAppContexts.js";
-import { css as h, html as s } from "lit";
-import { createRef as p, ref as g } from "lit-html/directives/ref.js";
+import { css as h, html as i } from "lit";
+import "@esri/solution-common";
+import "@arcgis/core/identity/IdentityManager.js";
+import "@arcgis/core/identity/OAuthInfo.js";
+import "@arcgis/core/portal/Portal.js";
+import { createRef as p, ref as m } from "lit-html/directives/ref.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.4 */
-const m = h`/** @license
+v1.2.0-next.40 */
+const g = h`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the "License");
@@ -26,7 +30,7 @@ const m = h`/** @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;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:var(--calcite-color-foreground-3)}calcite-card:hover img{-webkit-filter:brightness(20%);filter:brightness(20%);-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.open = !1, this._translations = r({ name: "solution-snapshot-gallery", blocking: !0 }), this._authContextConsumer = c({
+    super(...arguments), this.open = !1, this._translations = a({ name: "solution-snapshot-gallery", blocking: !0 }), this._authContextConsumer = c({
       context: d,
       subscribe: !0
     }), this._displayText = "", this._paginationControl = p(), this._screenshotNames = [], this._screenshots = [];
@@ -35,29 +39,29 @@ class u extends n {
     this.properties = { card: 0, screenshot: 0, itemProperties: 0, open: 5, _translations: 16 };
   }
   static {
-    this.styles = m;
+    this.styles = g;
   }
   willUpdate(e) {
     e.has("screenshot") && this.screenshot && (this._displayText = this.screenshot.alt), e.has("itemProperties") && this.itemProperties && (this._screenshots = this.itemProperties.preview, this._screenshotNames = this._screenshots.map((t) => t.name));
   }
   render() {
-    return s`<calcite-dialog class="footer-override" .heading=${this.card?.title} modal @calciteDialogClose=${() => this.open = !1} .open=${this.open} outside-close-disabled width=l>${this._getScreenshotView()}${this._getFooter()}</calcite-dialog>`;
+    return i`<calcite-dialog class="footer-override" .heading=${this.card?.title} modal @calciteDialogClose=${() => this.open = !1} .open=${this.open} outside-close-disabled width=l>${this._getScreenshotView()}${this._getFooter()}</calcite-dialog>`;
   }
   _getScreenshotView() {
-    return this.screenshot ? s`<div class="display-flex justify-content-center">${this._getImage(this.screenshot)}</div>` : "";
+    return this.screenshot ? i`<div class="display-flex justify-content-center">${this._getImage(this.screenshot)}</div>` : "";
   }
   _getFooter() {
     const e = this._screenshotNames.indexOf(this.screenshot?.name || ""), o = document.body.classList.contains("calcite-mode-dark") ? "calcite-mode-dark" : "";
-    return s`<div class="footer" slot=footer><div class=${`display-flex align-items-center padding-start-1 padding-top-1-2 background-black ${o}`}><calcite-label layout=inline><calcite-pagination class="padding-end-1" @calcitePaginationChange=${this._changeScreenshot} page-size=1 start-item=${e + 1} total-items=${this.itemProperties?.preview.length ?? i} ${g(this._paginationControl)}></calcite-pagination>${this._displayText}</calcite-label></div>${this._getCards()}</div>`;
+    return i`<div class="footer" slot=footer><div class=${`display-flex align-items-center padding-start-1 padding-top-1-2 background-black ${o}`}><calcite-label layout=inline><calcite-pagination class="padding-end-1" @calcitePaginationChange=${this._changeScreenshot} page-size=1 start-item=${e + 1} total-items=${this.itemProperties?.preview.length ?? s} ${m(this._paginationControl)}></calcite-pagination>${this._displayText}</calcite-label></div>${this._getCards()}</div>`;
   }
   _changeScreenshot() {
     this.screenshot = this._screenshots[this._paginationControl.value.startItem - 1];
   }
   _getCards() {
-    return s`<calcite-card-group class="card-group padding-1" .label=${this._translations.seeSolutionScreenshots} selection-mode=single>${this._screenshots.map((e) => s`<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 i`<calcite-card-group class="card-group padding-1" .label=${this._translations.seeSolutionScreenshots} selection-mode=single>${this._screenshots.map((e) => i`<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, t) {
-    return s`<img alt=${e.alt ?? i} slot=${t ?? i} src=${this._getSource(this._authContextConsumer.value, this.card?.id || "", e.name) ?? i}>`;
+    return i`<img alt=${e.alt ?? s} slot=${t ?? s} src=${this._getSource(this._authContextConsumer.value, this.card?.id || "", e.name) ?? s}>`;
   }
   _showScreenshot(e) {
     this.screenshot = e;
@@ -66,7 +70,7 @@ class u extends n {
     return e ? l(t || "", o, e) : "";
   }
 }
-a("solution-snapshot-gallery", u);
+r("solution-snapshot-gallery", u);
 export {
   u as SolutionSnapshotGallery
 };

package/dist/components/solution-social-share/customElement.js

@@ -1,12 +1,14 @@
-import { c as w } from "../../chunks/runtime.js";
-import { css as b, html as e, svg as u } from "lit";
-import { u as $ } from "../../chunks/useT9n.js";
-import { LitElement as y, nothing as p, safeStyleMap as a, safeClassMap as x } from "@arcgis/lumina";
-import { createRef as r, ref as c } from "lit-html/directives/ref.js";
+import { c as v } from "../../chunks/runtime.js";
+import { css as g, html as e, svg as p } from "lit";
+import { u as m } from "../../chunks/useT9n.js";
+import { LitElement as b, nothing as h, safeStyleMap as l, safeClassMap as w } from "@arcgis/lumina";
+import { createRef as n, ref as r } from "lit-html/directives/ref.js";
+import * as x from "@arcgis/core/intl";
+import k from "@arcgis/core/request";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.4 */
-const k = b`/** @license
+v1.2.0-next.40 */
+const y = g`/** @license
  * Copyright 2025 Esri
  *
  * Licensed under the Apache License, Version 2.0 (the 'License');
@@ -20,37 +22,21 @@ const k = b`/** @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.
- */:host{display:block;--solutions-social-share-action-width: initial;--solutions-social-share-width--s: 200px;--solutions-social-share-width--m: 280px;--solutions-social-share-width--l: 320px;--solutions-social-share-width-horizontal--s: 300px;--solutions-social-share-width-horizontal--m: 380px;--solutions-social-share-width-horizontal--l: 420px;--solutions-social-share-background-color: var(--calcite-color-foreground-1);--solutions-social-share-popover-button-background-color: transparent;--solutions-social-share-popover-button-icon-color: var(--calcite-ui-icon-color);--solutions-social-share-border: 1px solid var(--calcite-color-border-1);position:relative;display:flex;block-size:100%;flex:1 1 auto;flex-flow:column;align-items:stretch}.solutions-social-share__popover-button{background-color:var(--solutions-social-share-popover-button-background-color)}.solutions-social-share__popover-button calcite-icon{color:var(--solutions-social-share-popover-button-icon-color)}.solutions-social-share__dialog{background-color:var(--solutions-social-share-background-color);border:var(--solutions-social-share-border);box-sizing:border-box;height:auto;padding:10px 0;border-radius:5px;color:var(--calcite-color-text-1)}.solutions-social-share__options{margin:0;padding:1% 0 0;list-style-type:none}.solutions-social-share__options li{box-sizing:border-box;display:flex;align-items:center;width:100%;padding:5%;transition:background-color .15s ease-out 0s}.solutions-social-share__options li .solutions-social-share__icon,.solutions-social-share__options li .solutions-social-share__option-text{display:inline-block}.solutions-social-share__options li .solutions-social-share__icon{display:flex;align-items:center}.solutions-social-share__options li .solutions-social-share__option-text{width:85%;margin-left:10px;word-break:break-word}.solutions-social-share__options li .solutions-social-share__option-text--rtl{margin-left:0;margin-right:10px}.solutions-social-share__options li:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}.solutions-social-share__options__x-logo--light path{fill:#000}.solutions-social-share__options__x-logo--dark path{fill:#fff}.solutions-social-share__success{display:flex;flex-direction:column;padding:15px}.solutions-social-share__success-header{display:flex;align-items:center;font-weight:700;margin-bottom:10px}.solutions-social-share__success-icon{display:flex;align-items:center;margin-right:5px}.solutions-social-share__success-icon calcite-icon{color:var(--calcite-color-status-success)}.solutions-social-share__success-message{line-height:16px}.solutions-social-share__layout--horizontal .solutions-social-share__options{display:flex;justify-content:space-around;margin-bottom:8%}.solutions-social-share__layout--horizontal .solutions-social-share__options li{flex-direction:column;padding:0}.solutions-social-share__layout--horizontal .solutions-social-share__options li .solutions-social-share__option-text{word-break:break-word;margin-left:0;margin-top:10px;text-align:center}.solutions-social-share__layout--horizontal .solutions-social-share__options li:hover{background-color:unset}.solutions-social-share__icon-container{display:flex;align-items:center}calcite-action{width:var(--solutions-social-share-action-width)}:host([scale=s]) .solutions-social-share__dialog{width:var(--solutions-social-share-width--s)}:host([scale=s]) .solutions-social-share__icon{width:16px;height:16px}:host([scale=s]) .solutions-social-share__option-text{font-size:var(--calcite-font-size--1)}:host([scale=s]) .solutions-social-share__dialog.solutions-social-share__layout--horizontal{width:var(--solutions-social-share-width-horizontal--s)}:host([scale=m]) .solutions-social-share__dialog{width:var(--solutions-social-share-width--m)}:host([scale=m]) .solutions-social-share__icon{width:24px;height:24px}:host([scale=m]) .solutions-social-share__option-text{font-size:var(--calcite-font-size-0)}:host([scale=m]) .solutions-social-share__dialog.solutions-social-share__layout--horizontal{width:var(--solutions-social-share-width-horizontal--m)}:host([scale=l]) .solutions-social-share__dialog{width:var(--solutions-social-share-width--l)}:host([scale=l]) .solutions-social-share__icon{width:32px;height:32px}:host([scale=l]) .solutions-social-share__option-text{font-size:var(--calcite-font-size-1)}:host([scale=l]) .solutions-social-share__dialog.solutions-social-share__layout--horizontal{width:var(--solutions-social-share-width-horizontal--l)}`, v = typeof window < "u" && "$arcgis" in window && typeof window.$arcgis == "object" && "import" in window.$arcgis && !("forceESM" in window.$arcgis);
-function g(i) {
-  return i.default !== void 0;
-}
-async function R() {
-  if (v)
-    return await window.$arcgis.import("esri/intl");
-  const i = await import("@arcgis/core/intl.js");
-  return g(i) ? i.default : i;
-}
-async function L() {
-  if (v)
-    return await window.$arcgis.import("esri/request");
-  const i = await import("@arcgis/core/request.js");
-  return g(i) ? i.default : i;
-}
-const f = ".calcite-mode-dark", S = {
+ */:host{display:block;--solutions-social-share-action-width: initial;--solutions-social-share-width--s: 200px;--solutions-social-share-width--m: 280px;--solutions-social-share-width--l: 320px;--solutions-social-share-width-horizontal--s: 300px;--solutions-social-share-width-horizontal--m: 380px;--solutions-social-share-width-horizontal--l: 420px;--solutions-social-share-background-color: var(--calcite-color-foreground-1);--solutions-social-share-popover-button-background-color: transparent;--solutions-social-share-popover-button-icon-color: var(--calcite-ui-icon-color);--solutions-social-share-border: 1px solid var(--calcite-color-border-1);position:relative;display:flex;block-size:100%;flex:1 1 auto;flex-flow:column;align-items:stretch}.solutions-social-share__popover-button{background-color:var(--solutions-social-share-popover-button-background-color)}.solutions-social-share__popover-button calcite-icon{color:var(--solutions-social-share-popover-button-icon-color)}.solutions-social-share__dialog{background-color:var(--solutions-social-share-background-color);border:var(--solutions-social-share-border);box-sizing:border-box;height:auto;padding:10px 0;border-radius:5px;color:var(--calcite-color-text-1)}.solutions-social-share__options{margin:0;padding:1% 0 0;list-style-type:none}.solutions-social-share__options li{box-sizing:border-box;display:flex;align-items:center;width:100%;padding:5%;transition:background-color .15s ease-out 0s}.solutions-social-share__options li .solutions-social-share__icon,.solutions-social-share__options li .solutions-social-share__option-text{display:inline-block}.solutions-social-share__options li .solutions-social-share__icon{display:flex;align-items:center}.solutions-social-share__options li .solutions-social-share__option-text{width:85%;margin-left:10px;word-break:break-word}.solutions-social-share__options li .solutions-social-share__option-text--rtl{margin-left:0;margin-right:10px}.solutions-social-share__options li:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}.solutions-social-share__options__x-logo--light path{fill:#000}.solutions-social-share__options__x-logo--dark path{fill:#fff}.solutions-social-share__success{display:flex;flex-direction:column;padding:15px}.solutions-social-share__success-header{display:flex;align-items:center;font-weight:700;margin-bottom:10px}.solutions-social-share__success-icon{display:flex;align-items:center;margin-right:5px}.solutions-social-share__success-icon calcite-icon{color:var(--calcite-color-status-success)}.solutions-social-share__success-message{line-height:16px}.solutions-social-share__layout--horizontal .solutions-social-share__options{display:flex;justify-content:space-around;margin-bottom:8%}.solutions-social-share__layout--horizontal .solutions-social-share__options li{flex-direction:column;padding:0}.solutions-social-share__layout--horizontal .solutions-social-share__options li .solutions-social-share__option-text{word-break:break-word;margin-left:0;margin-top:10px;text-align:center}.solutions-social-share__layout--horizontal .solutions-social-share__options li:hover{background-color:unset}.solutions-social-share__icon-container{display:flex;align-items:center}calcite-action{width:var(--solutions-social-share-action-width)}:host([scale=s]) .solutions-social-share__dialog{width:var(--solutions-social-share-width--s)}:host([scale=s]) .solutions-social-share__icon{width:16px;height:16px}:host([scale=s]) .solutions-social-share__option-text{font-size:var(--calcite-font-size--1)}:host([scale=s]) .solutions-social-share__dialog.solutions-social-share__layout--horizontal{width:var(--solutions-social-share-width-horizontal--s)}:host([scale=m]) .solutions-social-share__dialog{width:var(--solutions-social-share-width--m)}:host([scale=m]) .solutions-social-share__icon{width:24px;height:24px}:host([scale=m]) .solutions-social-share__option-text{font-size:var(--calcite-font-size-0)}:host([scale=m]) .solutions-social-share__dialog.solutions-social-share__layout--horizontal{width:var(--solutions-social-share-width-horizontal--m)}:host([scale=l]) .solutions-social-share__dialog{width:var(--solutions-social-share-width--l)}:host([scale=l]) .solutions-social-share__icon{width:32px;height:32px}:host([scale=l]) .solutions-social-share__option-text{font-size:var(--calcite-font-size-1)}:host([scale=l]) .solutions-social-share__dialog.solutions-social-share__layout--horizontal{width:var(--solutions-social-share-width-horizontal--l)}`, _ = ".calcite-mode-dark", $ = {
   facebook: "https://www.facebook.com/sharer/sharer.php?u={url}",
   x: "https://x.com/intent/post?url={url}",
   linkedIn: "https://www.linkedin.com/sharing/share-offsite/?url={url}",
   bluesky: "https://bsky.app/intent/compose?text={url}"
-}, I = "https://arcg.is/prod/shorten";
-class C extends y {
+}, R = "https://arcg.is/prod/shorten";
+class L extends b {
   constructor() {
-    super(...arguments), this.actionApperance = "transparent", this.autoUpdateShareUrl = !0, this.buttonAppearance = "transparent", this.inlineSuccessPopoverPlacement = "trailing", this.mode = "popover", this.popoverButtonIconScale = "m", this.popoverPositioning = "absolute", this.removePopoverOffset = !1, this.scale = "s", this.shareButtonKind = "neutral", this.shareButtonScale = "m", this.shareButtonText = "", this.shareButtonType = "button", this.shareIconsLayout = "vertical", this.shareText = "", this.shareUrl = window.location.href, this.shortenShareUrl = !0, this.socialMedia = !0, this.successMessage = "", this._copied = !1, this._inlineCopyLinkOpened = !1, this._opened = !1, this._translations = $({ name: "solution-social-share", blocking: !0 }), this._copyLinkPopoverRef = r(), this._dialogContentRef = r(), this._popoverActionRef = r(), this._popoverButtonRef = r(), this._popoverRef = r(), this._shareListRef = r();
+    super(...arguments), this.actionApperance = "transparent", this.autoUpdateShareUrl = !0, this.buttonAppearance = "transparent", this.inlineSuccessPopoverPlacement = "trailing", this.mode = "popover", this.popoverButtonIconScale = "m", this.popoverPositioning = "absolute", this.removePopoverOffset = !1, this.scale = "s", this.shareButtonKind = "neutral", this.shareButtonScale = "m", this.shareButtonText = "", this.shareButtonType = "button", this.shareIconsLayout = "vertical", this.shareText = "", this.shareUrl = window.location.href, this.shortenShareUrl = !0, this.socialMedia = !0, this.successMessage = "", this._copied = !1, this._inlineCopyLinkOpened = !1, this._opened = !1, this._translations = m({ name: "solution-social-share", blocking: !0 }), this._copyLinkPopoverRef = n(), this._dialogContentRef = n(), this._popoverActionRef = n(), this._popoverButtonRef = n(), this._popoverRef = n(), this._shareListRef = n();
   }
   static {
     this.properties = { actionApperance: 1, autoUpdateShareUrl: 5, buttonAppearance: 1, inlineSuccessPopoverPlacement: 3, mode: 3, popoverButtonIconScale: 3, popoverPositioning: 3, removePopoverOffset: 7, scale: 3, shareButtonKind: 3, shareButtonScale: 3, shareButtonText: 1, shareButtonType: 3, shareIconsLayout: 3, shareText: 3, shareUrl: 1, shortenShareUrl: 7, socialMedia: 7, successMessage: 3, _copied: 16, _inlineCopyLinkOpened: 16, _opened: 16, _translations: 16 };
   }
   static {
-    this.styles = k;
+    this.styles = y;
   }
   loaded() {
     this._setupAutoCloseListeners(), this.mode === "popover" && this._popoverRef.value && (this._opened && (this._popoverRef.value.open = !0), this.listenOn(this._popoverRef.value, "calcitePopoverOpen", () => {
@@ -60,13 +46,13 @@ class C extends y {
     }), this.listenOn(this._popoverRef.value, "keydown", this._handlePopoverRefKeyDown));
   }
   render() {
-    const s = this._copied && this.mode === "popover" ? this._renderSuccess() : e`<div class=solutions-social-share__dialog-content>${this._renderOptions()}</div>`, o = this.shareIconsLayout === "vertical" ? " solutions-social-share__layout--vertical" : " solutions-social-share__layout--horizontal", l = ` calcite-mode-${this.el.closest(f) ? "dark" : "light"}`, t = e`<div class=${`solutions-social-share__dialog${o}${l}`} ${c(this._dialogContentRef)}>${s}</div>`, n = this.removePopoverOffset ? 0 : 6;
+    const s = this._copied && this.mode === "popover" ? this._renderSuccess() : e`<div class=solutions-social-share__dialog-content>${this._renderOptions()}</div>`, o = this.shareIconsLayout === "vertical" ? " solutions-social-share__layout--vertical" : " solutions-social-share__layout--horizontal", t = ` calcite-mode-${this.el.closest(_) ? "dark" : "light"}`, i = e`<div class=${`solutions-social-share__dialog${o}${t}`} ${r(this._dialogContentRef)}>${s}</div>`, a = this.removePopoverOffset ? 0 : 6;
     return this.mode === "popover" ? [
-      e`<calcite-popover .label=${this._translations.share?.label ?? ""} reference-element=shareButton placement=bottom-start .scale=${this.scale} overlay-positioning=${this.popoverPositioning ?? p} offset-distance=${n ?? p} pointer-disabled=${this.removePopoverOffset ?? p} ${c(this._popoverRef)}>${t}</calcite-popover>`,
+      e`<calcite-popover .label=${this._translations.share?.label ?? ""} reference-element=shareButton placement=bottom-start .scale=${this.scale} overlay-positioning=${this.popoverPositioning ?? h} offset-distance=${a ?? h} pointer-disabled=${this.removePopoverOffset ?? h} ${r(this._popoverRef)}>${i}</calcite-popover>`,
       this._renderButton()
     ] : [
-      t,
-      e`<calcite-popover .label=${this._translations.share?.label ?? ""} reference-element=copyToClipboard .placement=${this.inlineSuccessPopoverPlacement} .scale=${this.scale} overlay-positioning=fixed ${c(this._copyLinkPopoverRef)}>${this._renderSuccess()}</calcite-popover>`
+      i,
+      e`<calcite-popover .label=${this._translations.share?.label ?? ""} reference-element=copyToClipboard .placement=${this.inlineSuccessPopoverPlacement} .scale=${this.scale} overlay-positioning=fixed ${r(this._copyLinkPopoverRef)}>${this._renderSuccess()}</calcite-popover>`
     ];
   }
   _setupAutoCloseListeners() {
@@ -76,8 +62,8 @@ class C extends y {
     if (s.code === "Tab") {
       if (!this._shareListRef.value)
         return;
-      const o = s.target, l = this._shareListRef.value.children[0], t = this._shareListRef.value.children[this._shareListRef.value.children.length - 1];
-      s.shiftKey && o === l ? (s.preventDefault(), t.focus()) : !s.shiftKey && o === t && (s.preventDefault(), l.focus());
+      const o = s.target, t = this._shareListRef.value.children[0], i = this._shareListRef.value.children[this._shareListRef.value.children.length - 1];
+      s.shiftKey && o === t ? (s.preventDefault(), i.focus()) : !s.shiftKey && o === i && (s.preventDefault(), t.focus());
     } else s.code === "Escape" && (this._closePopover(), this.shareButtonType === "button" ? this._popoverButtonRef.value?.setFocus() : this._popoverActionRef.value?.setFocus());
   }
   _autoCloseCallback() {
@@ -93,7 +79,7 @@ class C extends y {
   }
   _renderButton() {
     const s = this.shareButtonScale != null ? this.shareButtonScale : this.scale;
-    return this.shareButtonType === "button" ? e`<calcite-button .appearance=${this.buttonAppearance} class=solutions-social-share__popover-button id=shareButton .kind=${this.shareButtonKind} .label=${this._translations.share?.label} @click=${this._togglePopover.bind(this)} .scale=${s} title=${this._translations.share?.label ?? p} ${c(this._popoverButtonRef)}>${this.shareButtonText}</calcite-button>` : e`<calcite-action alignment=center .appearance=${this.actionApperance} class=solutions-social-share__popover-button id=shareButton .label=${this._translations.share?.label} @click=${this._togglePopover.bind(this)} .scale=${s} text title=${this._translations.share?.label ?? p} ${c(this._popoverActionRef)}><div class=solutions-social-share__icon-container><calcite-icon icon=share .scale=${this.popoverButtonIconScale}></calcite-icon></div></calcite-action>`;
+    return this.shareButtonType === "button" ? e`<calcite-button .appearance=${this.buttonAppearance} class=solutions-social-share__popover-button id=shareButton .kind=${this.shareButtonKind} .label=${this._translations.share?.label} @click=${this._togglePopover.bind(this)} .scale=${s} title=${this._translations.share?.label ?? h} ${r(this._popoverButtonRef)}>${this.shareButtonText}</calcite-button>` : e`<calcite-action alignment=center .appearance=${this.actionApperance} class=solutions-social-share__popover-button id=shareButton .label=${this._translations.share?.label} @click=${this._togglePopover.bind(this)} .scale=${s} text title=${this._translations.share?.label ?? h} ${r(this._popoverActionRef)}><div class=solutions-social-share__icon-container><calcite-icon icon=share .scale=${this.popoverButtonIconScale}></calcite-icon></div></calcite-action>`;
   }
   _renderSuccess() {
     const s = this._translations.success;
@@ -101,7 +87,7 @@ class C extends y {
   }
   _renderOptions() {
     const s = this._translations.options, o = document.dir === "rtl" ? " solutions-social-share__option-text--rtl" : "";
-    return e`<ul class=solutions-social-share__options role=menu ${c(this._shareListRef)}><li id=copyToClipboard @click=${this._handleShareItem.bind(this, "link")} @keydown=${this._handleOptionKeyDown("link")} role=menuitem tabindex=0><span class=solutions-social-share__icon><calcite-icon icon=link .scale=${this.scale}></calcite-icon></span><span class=${`solutions-social-share__option-text${o}`}>${s?.link?.label}</span></li>${this.socialMedia ? [
+    return e`<ul class=solutions-social-share__options role=menu ${r(this._shareListRef)}><li id=copyToClipboard @click=${this._handleShareItem.bind(this, "link")} @keydown=${this._handleOptionKeyDown("link")} role=menuitem tabindex=0><span class=solutions-social-share__icon><calcite-icon icon=link .scale=${this.scale}></calcite-icon></span><span class=${`solutions-social-share__option-text${o}`}>${s?.link?.label}</span></li>${this.socialMedia ? [
       e`<li @click=${this._handleShareItem.bind(this, "facebook")} @keydown=${this._handleOptionKeyDown("facebook")} role=menuitem tabindex=0><span class=solutions-social-share__icon>${this._renderFacebookIcon()}</span><span class=${`solutions-social-share__option-text${o}`}>${s?.facebook?.label}</span></li>`,
       e`<li @click=${this._handleShareItem.bind(this, "x")} @keydown=${this._handleOptionKeyDown("x")} role=menuitem tabindex=0><span class=solutions-social-share__icon>${this._renderXIcon()}</span><span class=${`solutions-social-share__option-text${o}`}>\r\n                X</span></li>`,
       e`<li @click=${this._handleShareItem.bind(this, "linkedIn")} @keydown=${this._handleOptionKeyDown("linkedIn")} role=menuitem tabindex=0><span class=solutions-social-share__icon>${this._renderLinkedInIcon()}</span><span class=${`solutions-social-share__option-text${o}`}>${s?.linkedIn?.label}</span></li>`,
@@ -110,22 +96,22 @@ class C extends y {
   }
   _handleOptionKeyDown(s) {
     return (o) => {
-      const l = o.code;
-      (l === "Space" || l === "Enter") && this._handleShareItem(s);
+      const t = o.code;
+      (t === "Space" || t === "Enter") && this._handleShareItem(s);
     };
   }
   _renderFacebookIcon() {
-    return e`<svg height=100% style=${a({ fillRule: "evenodd", clipRule: "evenodd", strokeLinejoin: "round", strokeMiterlimit: "2" })} version=1.1 viewBox="0 0 512 512" width=100% xmlns=http://www.w3.org/2000/svg>${u`<g><path d="M512,256c0,-141.385 -114.615,-256 -256,-256c-141.385,0 -256,114.615 -256,256c0,127.777 93.616,233.685 216,252.89l0,-178.89l-65,0l0,-74l65,0l0,-56.4c0,-64.16 38.219,-99.6 96.695,-99.6c28.009,0 57.305,5 57.305,5l0,63l-32.281,0c-31.801,0 -41.719,19.733 -41.719,39.978l0,48.022l71,0l-11.35,74l-59.65,0l0,178.89c122.385,-19.205 216,-125.113 216,-252.89Z" style=${a({ fill: "#1877f2", fillRule: "nonzero" })} /><path d="M355.65,330l11.35,-74l-71,0l0,-48.022c0,-20.245 9.917,-39.978 41.719,-39.978l32.281,0l0,-63c0,0 -29.297,-5 -57.305,-5c-58.476,0 -96.695,35.44 -96.695,99.6l0,56.4l-65,0l0,74l65,0l0,178.89c13.033,2.045 26.392,3.11 40,3.11c13.608,0 26.966,-1.065 40,-3.11l0,-178.89l59.65,0Z" style=${a({ fill: "#fff", fillRule: "nonzero" })} /></g>`}</svg>`;
+    return e`<svg height=100% style=${l({ fillRule: "evenodd", clipRule: "evenodd", strokeLinejoin: "round", strokeMiterlimit: "2" })} version=1.1 viewBox="0 0 512 512" width=100% xmlns=http://www.w3.org/2000/svg>${p`<g><path d="M512,256c0,-141.385 -114.615,-256 -256,-256c-141.385,0 -256,114.615 -256,256c0,127.777 93.616,233.685 216,252.89l0,-178.89l-65,0l0,-74l65,0l0,-56.4c0,-64.16 38.219,-99.6 96.695,-99.6c28.009,0 57.305,5 57.305,5l0,63l-32.281,0c-31.801,0 -41.719,19.733 -41.719,39.978l0,48.022l71,0l-11.35,74l-59.65,0l0,178.89c122.385,-19.205 216,-125.113 216,-252.89Z" style=${l({ fill: "#1877f2", fillRule: "nonzero" })} /><path d="M355.65,330l11.35,-74l-71,0l0,-48.022c0,-20.245 9.917,-39.978 41.719,-39.978l32.281,0l0,-63c0,0 -29.297,-5 -57.305,-5c-58.476,0 -96.695,35.44 -96.695,99.6l0,56.4l-65,0l0,74l65,0l0,178.89c13.033,2.045 26.392,3.11 40,3.11c13.608,0 26.966,-1.065 40,-3.11l0,-178.89l59.65,0Z" style=${l({ fill: "#fff", fillRule: "nonzero" })} /></g>`}</svg>`;
   }
   _renderXIcon() {
-    const s = !!this.el.closest(f);
-    return e`<svg class=${x(s ? "solutions-social-share__x-logo--dark" : "solutions-social-share__x-logo--light")} viewBox="0 0 1200 1227" fill=none xmlns=http://www.w3.org/2000/svg>${u`<rect height=400 style=${a({ fill: "none" })} width=400 x=56 y=56 /><path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill=${s ? "white" : "black"} />`}</svg>`;
+    const s = !!this.el.closest(_);
+    return e`<svg class=${w(s ? "solutions-social-share__x-logo--dark" : "solutions-social-share__x-logo--light")} viewBox="0 0 1200 1227" fill=none xmlns=http://www.w3.org/2000/svg>${p`<rect height=400 style=${l({ fill: "none" })} width=400 x=56 y=56 /><path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill=${s ? "white" : "black"} />`}</svg>`;
   }
   _renderBlueSkyIcon() {
-    return e`<svg fill=#0f85fe xmlns=http://www.w3.org/2000/svg viewBox="0 0 512 512">${u`<path d="M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-56 110.3 21.8c0 15.5-8.9 130.5-14.1 149.2C478.2 298 412 314.6 353.1 304.5c102.9 17.5 129.1 75.5 72.5 133.5c-107.4 110.2-154.3-27.6-166.3-62.9l0 0c-1.7-4.9-2.6-7.8-3.3-7.8s-1.6 3-3.3 7.8l0 0c-12 35.3-59 173.1-166.3 62.9c-56.5-58-30.4-116 72.5-133.5C100 314.6 33.8 298 15.7 233.1C10.4 214.4 1.5 99.4 1.5 83.9c0-77.8 68.2-53.4 110.3-21.8z" />`}</svg>`;
+    return e`<svg fill=#0f85fe xmlns=http://www.w3.org/2000/svg viewBox="0 0 512 512">${p`<path d="M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-56 110.3 21.8c0 15.5-8.9 130.5-14.1 149.2C478.2 298 412 314.6 353.1 304.5c102.9 17.5 129.1 75.5 72.5 133.5c-107.4 110.2-154.3-27.6-166.3-62.9l0 0c-1.7-4.9-2.6-7.8-3.3-7.8s-1.6 3-3.3 7.8l0 0c-12 35.3-59 173.1-166.3 62.9c-56.5-58-30.4-116 72.5-133.5C100 314.6 33.8 298 15.7 233.1C10.4 214.4 1.5 99.4 1.5 83.9c0-77.8 68.2-53.4 110.3-21.8z" />`}</svg>`;
   }
   _renderLinkedInIcon() {
-    return e`<svg height=100% style=${a({ fillRule: "evenodd", clipRule: "evenodd", strokeLinejoin: "round", strokeMiterlimit: "2" })} version=1.1 viewBox="0 0 512 512" width=100% xmlns=http://www.w3.org/2000/svg>${u`<g id=g5891><path d="M512,64c0,-35.323 -28.677,-64 -64,-64l-384,0c-35.323,0 -64,28.677 -64,64l0,384c0,35.323 28.677,64 64,64l384,0c35.323,0 64,-28.677 64,-64l0,-384Z" id=background style=${a({ fill: "#2867b2" })} /><g id=shapes><rect height=257.962 id=rect11 style=${a({ fill: "#fff" })} width=85.76 x=61.053 y=178.667 /><path d="M104.512,54.28c-29.341,0 -48.512,19.29 -48.512,44.573c0,24.752 18.588,44.574 47.377,44.574l0.554,0c29.903,0 48.516,-19.822 48.516,-44.574c-0.555,-25.283 -18.611,-44.573 -47.935,-44.573Z" id=path13-0 style=${a({ fill: "#fff", fillRule: "nonzero" })} /><path d="M357.278,172.601c-45.49,0 -65.866,25.017 -77.276,42.589l0,-36.523l-85.738,0c1.137,24.197 0,257.961 0,257.961l85.737,0l0,-144.064c0,-7.711 0.554,-15.42 2.827,-20.931c6.188,-15.4 20.305,-31.352 43.993,-31.352c31.012,0 43.436,23.664 43.436,58.327l0,138.02l85.741,0l0,-147.93c0,-79.237 -42.305,-116.097 -98.72,-116.097Z" id=path15 style=${a({ fill: "#fff", fillRule: "nonzero" })} /></g></g>`}</svg>`;
+    return e`<svg height=100% style=${l({ fillRule: "evenodd", clipRule: "evenodd", strokeLinejoin: "round", strokeMiterlimit: "2" })} version=1.1 viewBox="0 0 512 512" width=100% xmlns=http://www.w3.org/2000/svg>${p`<g id=g5891><path d="M512,64c0,-35.323 -28.677,-64 -64,-64l-384,0c-35.323,0 -64,28.677 -64,64l0,384c0,35.323 28.677,64 64,64l384,0c35.323,0 64,-28.677 64,-64l0,-384Z" id=background style=${l({ fill: "#2867b2" })} /><g id=shapes><rect height=257.962 id=rect11 style=${l({ fill: "#fff" })} width=85.76 x=61.053 y=178.667 /><path d="M104.512,54.28c-29.341,0 -48.512,19.29 -48.512,44.573c0,24.752 18.588,44.574 47.377,44.574l0.554,0c29.903,0 48.516,-19.822 48.516,-44.574c-0.555,-25.283 -18.611,-44.573 -47.935,-44.573Z" id=path13-0 style=${l({ fill: "#fff", fillRule: "nonzero" })} /><path d="M357.278,172.601c-45.49,0 -65.866,25.017 -77.276,42.589l0,-36.523l-85.738,0c1.137,24.197 0,257.961 0,257.961l85.737,0l0,-144.064c0,-7.711 0.554,-15.42 2.827,-20.931c6.188,-15.4 20.305,-31.352 43.993,-31.352c31.012,0 43.436,23.664 43.436,58.327l0,138.02l85.741,0l0,-147.93c0,-79.237 -42.305,-116.097 -98.72,-116.097Z" id=path15 style=${l({ fill: "#fff", fillRule: "nonzero" })} /></g></g>`}</svg>`;
   }
   _togglePopover(s) {
     s.stopPropagation(), this._opened = !this._opened, this._popoverRef.value.open = this._opened;
@@ -136,30 +122,30 @@ class C extends y {
   async _handleShareItem(s) {
     this.shareUrl = await this._generateShareUrl();
     let o = null;
-    const l = navigator?.userAgent?.includes("Chrome") ?? !1, t = (navigator?.userAgent?.includes("Safari") ?? !1) && !l;
-    !t && this.shortenShareUrl && (o = await this._shortenUrl(this.shareUrl));
-    let h = o || this.shareUrl;
+    const t = navigator?.userAgent?.includes("Chrome") ?? !1, i = (navigator?.userAgent?.includes("Safari") ?? !1) && !t;
+    !i && this.shortenShareUrl && (o = await this._shortenUrl(this.shareUrl));
+    let c = o || this.shareUrl;
     switch (s) {
       case "link":
-        navigator.clipboard.writeText(h), this.mode === "inline" && (this._copyLinkPopoverRef.value.open = !0, setTimeout(() => this._copyLinkPopoverRef.value.open = !1, 3e3)), this._inlineCopyLinkOpened = !0, this._copied = !0, this.mode === "popover" && setTimeout(() => this._closePopover(), 2e3);
+        navigator.clipboard.writeText(c), this.mode === "inline" && (this._copyLinkPopoverRef.value.open = !0, setTimeout(() => this._copyLinkPopoverRef.value.open = !1, 3e3)), this._inlineCopyLinkOpened = !0, this._copied = !0, this.mode === "popover" && setTimeout(() => this._closePopover(), 2e3);
         return;
       case "facebook":
       case "bluesky":
       case "x":
       case "linkedIn":
         {
-          let n;
-          t && (n = window.open("", "_blank"), this.shortenShareUrl && (h = await this._shortenUrl(this.shareUrl) || h));
-          const d = {
-            url: encodeURI(h)
-          }, m = s === "x" ? { ...d, text: this.shareText } : d, _ = (await R()).substitute(S[s], m);
-          this.mode === "popover" && this._closePopover(), t && n ? (n.location = _, n.focus()) : window.open(encodeURI(_), "_blank");
+          let a;
+          i && (a = window.open("", "_blank"), this.shortenShareUrl && (c = await this._shortenUrl(this.shareUrl) || c));
+          const u = {
+            url: encodeURI(c)
+          }, f = s === "x" ? { ...u, text: this.shareText } : u, d = x.substitute($[s], f);
+          this.mode === "popover" && this._closePopover(), i && a ? (a.location = d, a.focus()) : window.open(encodeURI(d), "_blank");
         }
         return;
     }
   }
   async _shortenUrl(s) {
-    const t = (await (await L())(I, {
+    const t = (await k(R, {
       query: {
         longUrl: s,
         f: "json"
@@ -172,7 +158,7 @@ class C extends y {
     return this.autoUpdateShareUrl && (this.shareUrl = window.location.href), this.shareUrl;
   }
 }
-w("solution-social-share", C);
+v("solution-social-share", L);
 export {
-  C as SolutionSocialShare
+  L as SolutionSocialShare
 };

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

@@ -28,6 +28,10 @@ export declare class SolutionSpatialRef extends LitElement {
     /**
      * Provides access to protected methods for unit testing.
      *
+     * @param methodName
+     * @param _arg1
+     * @param _arg2
+     * @param _arg3
      * @param methodName Name of protected method to run
      * @param _arg1 First argument to forward to method, e.g., for "_prepareSolutionItemsForEditing", `solutionItemId`
      * @param _arg2 Second argument to forward to method, e.g., for "_prepareSolutionItemsForEditing", `templates`

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

@@ -7,7 +7,7 @@ import { css as u, html as n } from "lit";
 import { LitElement as m, createEvent as c, noShadowRoot as b } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.4 */
+v1.2.0-next.40 */
 const S = u`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -5,7 +5,7 @@ import { css as h, nothing as d, html as p } from "lit";
 import { LitElement as u, noShadowRoot as m, safeClassMap as s } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.4 */
+v1.2.0-next.40 */
 const v = h`@layer{/** @license
  * Copyright 2025 Esri
  *

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

@@ -4,7 +4,7 @@ import { css as n, html as s, nothing as l } from "lit";
 import { LitElement as c, createEvent as o } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.2/esri/copyright.txt for details.
-v1.2.0-next.4 */
+v1.2.0-next.40 */
 const h = n`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solutions-all-panel/customElement.d.ts

@@ -1,6 +1,6 @@
 /// <reference path="../../index.d.ts" />
 import { PublicLitElement as LitElement, TargetedEvent, JsxNode } from '@arcgis/lumina';
-import { IFilterOption, ISearchOption, ISolutionInfoCard, ISortOption, SortType } from '../../utils/interfaces';
+import { IFilterOption, ISearchOption, ISearchTerm, ISolutionInfoCard, ISortOption, ISortType, SortType } from '../../utils/interfaces';
 
 export declare class SolutionsAllPanel extends LitElement {
     /**
@@ -12,6 +12,7 @@ export declare class SolutionsAllPanel extends LitElement {
     /**
      * Search solutions based on key criteria
      *
+     * @param searchOptions
      * @param searchOptions the key criteria to search with
      */
     searchSolutions(searchOptions?: IFilterOption[] | ISearchOption | ISortOption): Promise<void>;
@@ -19,6 +20,7 @@ export declare class SolutionsAllPanel extends LitElement {
      * Set key properties for solution search
      * This is used for handeling multiple options from url params
      *
+     * @param searchOptions
      * @param searchOptions the key criteria that will be used when searched
      */
     setSearchOptions(searchOptions?: IFilterOption | ISearchOption | ISortOption): Promise<void>;
@@ -27,5 +29,9 @@ export declare class SolutionsAllPanel extends LitElement {
     /** Emitted on demand when all of the cards are first fetched */
     readonly allCardsFetched: TargetedEvent<this, ISolutionInfoCard[]>;
     /** Emitted on demand when the serachTerm is set from url param */
-    readonly searchTermSet: TargetedEvent<this, string>;
+    readonly searchTermSet: TargetedEvent<this, ISearchTerm>;
+    /** Emitted on demand when the sortType is set from url param */
+    readonly sortTypeSet: TargetedEvent<this, ISortType>;
+    /** Emitted on demand when the details card is selected. */
+    readonly detailsCardSelected: TargetedEvent<this, ISolutionInfoCard>;
 }