@esri/solutions-components 1.1.0-next.20251008.1 → 1.1.0-next.20251009

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

@@ -11,7 +11,7 @@ import { g as C } from "../../chunks/cardFetchingUtils.js";
 import { g as S } from "../../chunks/privilegeUtils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20251008.1 */
+v1.1.0-next.20251009 */
 const x = _`/** @license
  * Copyright 2025 Esri
  *

package/dist/components/solutions-deployed-shell/customElement.js

@@ -3,12 +3,12 @@ import { u as d } from "../../chunks/useT9n.js";
 import { LitElement as p, createEvent as l, nothing as o, safeClassMap as h, safeStyleMap as s } from "@arcgis/lumina";
 import { useContextConsumer as r } from "@arcgis/lumina/context";
 import { css as u, html as i } from "lit";
-import { a as f, i as g } from "../../chunks/deployAppContexts.js";
+import { a as f, i as b } from "../../chunks/deployAppContexts.js";
 import { createRef as n, ref as a } from "lit/directives/ref.js";
-import { g as b } from "../../chunks/privilegeUtils.js";
+import { g } from "../../chunks/privilegeUtils.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20251008.1 */
+v1.1.0-next.20251009 */
 const y = u`/** @license
  * Copyright 2025 Esri
  *
@@ -26,14 +26,14 @@ const y = u`/** @license
  */calcite-shell-panel{z-index:1}.display-flex{display:flex}.flex-1,.flex-grow{flex:1}.flex-shrink-0{flex:0 0 auto}.border-override{border-top-width:var(--calcite-border-width-none);border-bottom-width:var(--calcite-border-width-none)}.header-override{--calcite-panel-header-content-space: 0px;--calcite-panel-header-background-color: var(--calcite-color-foreground-2);--calcite-panel-border-color: none}.label-override{--calcite-label-margin-bottom: 0px;padding-inline-start:1rem}.header-button-padding{padding-top:.5rem;padding-bottom:.5rem;padding-inline-start:1rem;padding-inline-end:1rem}.padding-start{padding-inline-start:1rem}.align-items-center{align-items:center}.justify-content-end{justify-content:end}.filter-width-350{--calcite-shell-panel-width: 350px}.z-index-2{z-index:2}@media (max-width: 800px){.filter{display:none}.filter-button{display:block;position:absolute;top:.5rem;left:.5rem;z-index:999}}@media (min-width: 800px){.filter-button{display:none}}.mock-fab{--calcite-fab-shadow-internal: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);box-shadow:var(--calcite-fab-shadow, var(--calcite-fab-shadow-internal));--calcite-button-background-color: var(--calcite-fab-background-color);--calcite-button-border-color: var(--calcite-fab-border-color);--calcite-button-text-color: var(--calcite-fab-text-color);--calcite-button-loader-color: var(--calcite-fab-loader-color)}.background-override{--calcite-shell-panel-background-color: var(--calcite-color-foreground-3);--calcite-panel-background-color: var(--calcite-color-foreground-3)}.position-relative{position:relative}.height-100{height:100%}`;
 class m extends p {
   constructor() {
-    super(...arguments), this.solutionsCount = 0, this.sortType = "created", this.filterOpen = !0, this.filters = [], this.isMobile = !1, this._translations = d({ name: "solutions-deployed-shell", blocking: !0 }), this._authContextConsumer = r({
+    super(), this.solutionsCount = 0, this.sortType = "created", this.filterOpen = !0, this.filters = [], this.isMobile = !1, this._translations = d({ name: "solutions-deployed-shell", blocking: !0 }), this._authContextConsumer = r({
       context: f,
       subscribe: !0
     }), this._isMobileContextConsumer = r({
-      context: g,
+      context: b,
       subscribe: !0,
       callback: (e) => this.isMobile = e
-    }), this._isOrgAdmin = !1, this._solutionsDeployedFilterPanel = n(), this._solutionsDeployedPanelRef = n(), this.filterRemoved = l(), this.sortTypeChanged = l(), this.tokenRefreshed = l();
+    }), this._isOrgAdmin = !1, this._solutionsDeployedFilterPanel = n(), this._solutionsDeployedPanelRef = n(), this.filterRemoved = l(), this.sortTypeChanged = l(), this.tokenRefreshed = l(), this.listenOn(window, "deployAppTabSelected", this._handleDeployAppTabSelected);
   }
   static {
     this.properties = { appConfig: 1, solutionsCount: 9, sortType: 1, filterOpen: 16, filters: 16, isMobile: 16, _translations: 16 };
@@ -51,7 +51,7 @@ class m extends p {
     } else ("sortType" in e || "searchTerm" in e) && this._solutionsDeployedPanelRef.value?.searchSolutions(e);
   }
   async load() {
-    this._isMobileContextConsumer.value && (this.isMobile = this._isMobileContextConsumer.value), this._isOrgAdmin = b(this._authContextConsumer.value);
+    this._isMobileContextConsumer.value && (this.isMobile = this._isMobileContextConsumer.value), this._isOrgAdmin = g(this._authContextConsumer.value);
   }
   render() {
     const e = this.filterOpen ? "chevron-left" : "chevron-right", t = this.isMobile ? "justify-content-end" : "";
@@ -110,6 +110,9 @@ class m extends p {
   _filterApplied(e) {
     e.detail ? ("displayValue" in e.detail && "type" in e.detail && e.detail.type === "industry" && (this.filters = this.filters.filter((t) => t.type !== "industry"), this.filters.push(e.detail)), this._solutionsDeployedPanelRef.value?.searchSolutions(e.detail)) : (this.filters = [], this._solutionsDeployedPanelRef.value?.searchSolutions());
   }
+  _handleDeployAppTabSelected(e) {
+    e.detail === "my-deployments" && this.sortTypeChanged.emit(this.sortType);
+  }
 }
 c("solutions-deployed-shell", m);
 export {

package/dist/components/solutions-filter-panel/customElement.js

@@ -6,7 +6,7 @@ import { LitElement as A, createEvent as b } from "@arcgis/lumina";
 import { j as E } from "../../chunks/interfaces.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20251008.1 */
+v1.1.0-next.20251009 */
 const y = I`/** @license
  * Copyright 2025 Esri
  *

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

@@ -5,7 +5,7 @@ import { css as E, html as t, nothing as i } from "lit";
 import { LitElement as o, createEvent as b, noShadowRoot as f, safeClassMap as y } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20251008.1 */
+v1.1.0-next.20251009 */
 /**
  * @license
  * Copyright 2025 Esri

package/dist/components/store-manager/customElement.js

@@ -4,7 +4,7 @@ import { g as o, a as n } from "../../chunks/templates.js";
 import { LitElement as i, createEvent as l, noShadowRoot as u } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20251008.1 */
+v1.1.0-next.20251009 */
 class c extends i {
   constructor() {
     super(...arguments), this.value = "", this.templates = [], this.stateLoaded = l();

package/dist/docs/api.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-10-08T20:04:19",
+  "timestamp": "2025-10-09T18:10:07",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.34.0-next.158",
+    "version": "4.34.0-next.159",
     "typescriptVersion": "5.8.3"
   },
   "schemaVersion": "1.0.0",
@@ -18159,6 +18159,18 @@
                 ]
               }
             },
+            {
+              "name": "sortTypeChanged",
+              "description": "Emitted on demand when the sort type changes",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              }
+            },
             {
               "name": "templatesFetched",
               "description": "Emitted on demand when the templates have been fetched from the solution",
@@ -22222,6 +22234,20 @@
                 }
               ]
             }
+          ],
+          "events": [
+            {
+              "name": "sortTypeChanged",
+              "description": "Emitted on demand when the sort type changes",
+              "type": {
+                "text": "string",
+                "values": [
+                  {
+                    "type": "string"
+                  }
+                ]
+              }
+            }
           ]
         }
       ],

package/dist/docs/docs.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-10-08T20:04:19",
+  "timestamp": "2025-10-09T18:10:07",
   "compiler": {
     "name": "@arcgis/lumina-compiler",
-    "version": "4.34.0-next.158",
+    "version": "4.34.0-next.159",
     "typescriptVersion": "5.8.3"
   },
   "components": [
@@ -16447,6 +16447,20 @@
           "docs": "Emitted on demand when the item properties have been fetched",
           "docsTags": []
         },
+        {
+          "event": "sortTypeChanged",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted on demand when the sort type changes",
+          "docsTags": []
+        },
         {
           "event": "templatesFetched",
           "detail": "Array<IItemTemplate>",
@@ -19890,7 +19904,22 @@
           ]
         }
       ],
-      "events": [],
+      "events": [
+        {
+          "event": "sortTypeChanged",
+          "detail": "string",
+          "bubbles": true,
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": true,
+          "docs": "Emitted on demand when the sort type changes",
+          "docsTags": []
+        }
+      ],
       "styles": [],
       "slots": [],
       "parts": [],

package/dist/docs/vscode.html-custom-data.json

@@ -2242,7 +2242,7 @@
     },
     {
       "name": "solution-details-panel",
-      "description": "### Events\n- **itemPropertiesFetched** - Emitted on demand when the item properties have been fetched\n- **templatesFetched** - Emitted on demand when the templates have been fetched from the solution\n- **tokenRefreshed** - Emitted on demand when the auth token is updated\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+      "description": "### Events\n- **itemPropertiesFetched** - Emitted on demand when the item properties have been fetched\n- **sortTypeChanged** - Emitted on demand when the sort type changes\n- **templatesFetched** - Emitted on demand when the templates have been fetched from the solution\n- **tokenRefreshed** - Emitted on demand when the auth token is updated\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
       "attributes": [],
       "references": []
     },
@@ -2835,7 +2835,7 @@
     },
     {
       "name": "solutions-articles-shell",
-      "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+      "description": "### Events\n- **sortTypeChanged** - Emitted on demand when the sort type changes\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
       "attributes": [],
       "references": []
     },

package/dist/docs/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "@esri/solutions-components",
-  "version": "1.1.0-next.20251008.1",
+  "version": "1.1.0-next.20251009",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -6414,7 +6414,7 @@
         },
         {
           "name": "solution-details-panel",
-          "description": "### Events\n- **itemPropertiesFetched** - Emitted on demand when the item properties have been fetched\n- **templatesFetched** - Emitted on demand when the templates have been fetched from the solution\n- **tokenRefreshed** - Emitted on demand when the auth token is updated\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+          "description": "### Events\n- **itemPropertiesFetched** - Emitted on demand when the item properties have been fetched\n- **sortTypeChanged** - Emitted on demand when the sort type changes\n- **templatesFetched** - Emitted on demand when the templates have been fetched from the solution\n- **tokenRefreshed** - Emitted on demand when the auth token is updated\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
           "attributes": [],
           "events": [
             {
@@ -6422,6 +6422,11 @@
               "type": "IItemProperties",
               "description": "Emitted on demand when the item properties have been fetched"
             },
+            {
+              "name": "sortTypeChanged",
+              "type": "string",
+              "description": "Emitted on demand when the sort type changes"
+            },
             {
               "name": "templatesFetched",
               "type": "Array<IItemTemplate>",
@@ -6447,6 +6452,11 @@
                 "type": "IItemProperties",
                 "description": "Emitted on demand when the item properties have been fetched"
               },
+              {
+                "name": "sortTypeChanged",
+                "type": "string",
+                "description": "Emitted on demand when the sort type changes"
+              },
               {
                 "name": "templatesFetched",
                 "type": "Array<IItemTemplate>",
@@ -7622,12 +7632,24 @@
         },
         {
           "name": "solutions-articles-shell",
-          "description": "### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
+          "description": "### Events\n- **sortTypeChanged** - Emitted on demand when the sort type changes\n\n### Methods\n- `componentOnReady(): Promise<void>` - Create a promise that resolves once component is fully loaded.",
           "attributes": [],
-          "events": [],
+          "events": [
+            {
+              "name": "sortTypeChanged",
+              "type": "string",
+              "description": "Emitted on demand when the sort type changes"
+            }
+          ],
           "js": {
             "properties": [],
-            "events": []
+            "events": [
+              {
+                "name": "sortTypeChanged",
+                "type": "string",
+                "description": "Emitted on demand when the sort type changes"
+              }
+            ]
           }
         },
         {

package/dist/index.d.ts

@@ -297,6 +297,11 @@ export interface SolutionsAllShellCustomEvent<T> extends CustomEvent<T> {
   target: HTMLSolutionsAllShellElement;
   currentTarget: HTMLSolutionsAllShellElement;
 }
+export interface SolutionsArticlesShellCustomEvent<T> extends CustomEvent<T> {
+  detail: T;
+  target: HTMLSolutionsArticlesShellElement;
+  currentTarget: HTMLSolutionsArticlesShellElement;
+}
 export interface SolutionsDeployAppCustomEvent<T> extends CustomEvent<T> {
   detail: T;
   target: HTMLSolutionsDeployAppElement;
@@ -908,6 +913,7 @@ declare global {
   }
   interface HTMLSolutionDetailsPanelElementEventMap {
     "itemPropertiesFetched": SolutionDetailsPanel["itemPropertiesFetched"]["detail"];
+    "sortTypeChanged": SolutionDetailsPanel["sortTypeChanged"]["detail"];
     "templatesFetched": SolutionDetailsPanel["templatesFetched"]["detail"];
     "tokenRefreshed": SolutionDetailsPanel["tokenRefreshed"]["detail"];
   }
@@ -1034,8 +1040,17 @@ declare global {
   interface HTMLSolutionsArticlesElement extends SolutionsArticles {
 
   }
-  interface HTMLSolutionsArticlesShellElement extends SolutionsArticlesShell {
+  interface HTMLSolutionsArticlesShellElementEventMap {
+    "sortTypeChanged": SolutionsArticlesShell["sortTypeChanged"]["detail"];
+  }
 
+  interface HTMLSolutionsArticlesShellElement extends SolutionsArticlesShell {
+    addEventListener<K extends keyof HTMLSolutionsArticlesShellElementEventMap>(type: K, listener: (this: HTMLSolutionsArticlesShellElement, ev: SolutionsArticlesShellCustomEvent<HTMLSolutionsArticlesShellElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+    addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof HTMLSolutionsArticlesShellElementEventMap>(type: K, listener: (this: HTMLSolutionsArticlesShellElement, ev: SolutionsArticlesShellCustomEvent<HTMLSolutionsArticlesShellElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+    removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
   }
   interface HTMLSolutionsDeployAppElementEventMap {
     "deployAppTabSelected": SolutionsDeployApp["deployAppTabSelected"]["detail"];

package/dist/index.js

@@ -3,7 +3,7 @@ import { A as O } from "./chunks/Auth.js";
 import { p as A, r as e, q as I, B as L, C as R, i as P, n as t, k as o, h as N, g as U, E as i, j as p, a as C, m as M, c as r, o as B, d as D, e as y, l as G, b as f, f as H, J as g, P as l, t as m, s as n, u, v as x, w as d, x as K, y as Y, z as h, S as w, A as F, F as c, G as v, D as z, H as W, I as k } from "./chunks/interfaces.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20251008.1 */
+v1.1.0-next.20251009 */
 export {
   O as Auth,
   A as BASE_DEPLOYED_TERMS,

package/dist/loader.js

@@ -2,7 +2,7 @@ import { r as e } from "./chunks/runtime.js";
 import { makeDefineCustomElements as o } from "@arcgis/lumina";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20251008.1 */
+v1.1.0-next.20251009 */
 const l = o(e, {
   "arcgis-solutions-assistant": [() => import("./components/arcgis-solutions-assistant/customElement.js"), "AIServerUrl,token"],
   "basemap-gallery": [() => import("./components/basemap-gallery/customElement.js"), "basemapConfig:,basemapWidget:,mapView:"],

package/dist/types/lumina.d.ts

@@ -298,6 +298,7 @@ interface LuminaSolutionDetailsCard extends Partial<Pick<SolutionDetailsCard, 'c
 
 interface LuminaSolutionDetailsPanel extends Partial<Pick<SolutionDetailsPanel, 'card'>>, h.JSX.HTMLAttributes<HTMLSolutionDetailsPanelElement> {
   onitemPropertiesFetched?: EventHandler<HTMLSolutionDetailsPanelElement["itemPropertiesFetched"]>;
+  onsortTypeChanged?: EventHandler<HTMLSolutionDetailsPanelElement["sortTypeChanged"]>;
   ontemplatesFetched?: EventHandler<HTMLSolutionDetailsPanelElement["templatesFetched"]>;
   ontokenRefreshed?: EventHandler<HTMLSolutionDetailsPanelElement["tokenRefreshed"]>;
 }
@@ -369,6 +370,7 @@ interface LuminaSolutionsArticles extends Partial<Pick<SolutionsArticles, 'showA
 }
 
 interface LuminaSolutionsArticlesShell extends h.JSX.HTMLAttributes<HTMLSolutionsArticlesShellElement> {
+  onsortTypeChanged?: EventHandler<HTMLSolutionsArticlesShellElement["sortTypeChanged"]>;
 }
 
 interface LuminaSolutionsDeployApp extends Partial<Pick<SolutionsDeployApp, 'appConfig' | 'locale' | 'orgUrl' | 'portalUrl' | 'primarySolutionsGroupId' | 'sortType' | 'useLocalAppConfig'>>, h.JSX.HTMLAttributes<HTMLSolutionsDeployAppElement> {

package/dist/types/preact.d.ts

@@ -299,6 +299,7 @@ interface PreactSolutionDetailsCard extends Partial<Pick<SolutionDetailsCard, 'c
 
 interface PreactSolutionDetailsPanel extends Partial<Pick<SolutionDetailsPanel, 'card'>>, HTMLAttributes<HTMLSolutionDetailsPanelElement> {
   onitemPropertiesFetched?: EventHandler<HTMLSolutionDetailsPanelElement["itemPropertiesFetched"]>;
+  onsortTypeChanged?: EventHandler<HTMLSolutionDetailsPanelElement["sortTypeChanged"]>;
   ontemplatesFetched?: EventHandler<HTMLSolutionDetailsPanelElement["templatesFetched"]>;
   ontokenRefreshed?: EventHandler<HTMLSolutionDetailsPanelElement["tokenRefreshed"]>;
 }
@@ -370,6 +371,7 @@ interface PreactSolutionsArticles extends Partial<Pick<SolutionsArticles, 'showA
 }
 
 interface PreactSolutionsArticlesShell extends HTMLAttributes<HTMLSolutionsArticlesShellElement> {
+  onsortTypeChanged?: EventHandler<HTMLSolutionsArticlesShellElement["sortTypeChanged"]>;
 }
 
 interface PreactSolutionsDeployApp extends Partial<Pick<SolutionsDeployApp, 'appConfig' | 'locale' | 'orgUrl' | 'portalUrl' | 'primarySolutionsGroupId' | 'sortType' | 'useLocalAppConfig'>>, HTMLAttributes<HTMLSolutionsDeployAppElement> {

package/dist/types/preact10.d.ts

@@ -345,6 +345,7 @@ interface PreactSolutionDetailsCard extends Partial<Pick<SolutionDetailsCard, 'c
 /** @deprecated Update to Preact 10.27.2+ or 11+ and consume types/preact file over types/preact10 */
 interface PreactSolutionDetailsPanel extends Partial<Pick<SolutionDetailsPanel, 'card'>>, PreactJsx.HTMLAttributes<HTMLSolutionDetailsPanelElement> {
   onitemPropertiesFetched?: EventHandler<HTMLSolutionDetailsPanelElement["itemPropertiesFetched"]>;
+  onsortTypeChanged?: EventHandler<HTMLSolutionDetailsPanelElement["sortTypeChanged"]>;
   ontemplatesFetched?: EventHandler<HTMLSolutionDetailsPanelElement["templatesFetched"]>;
   ontokenRefreshed?: EventHandler<HTMLSolutionDetailsPanelElement["tokenRefreshed"]>;
 }
@@ -434,6 +435,7 @@ interface PreactSolutionsArticles extends Partial<Pick<SolutionsArticles, 'showA
 
 /** @deprecated Update to Preact 10.27.2+ or 11+ and consume types/preact file over types/preact10 */
 interface PreactSolutionsArticlesShell extends PreactJsx.HTMLAttributes<HTMLSolutionsArticlesShellElement> {
+  onsortTypeChanged?: EventHandler<HTMLSolutionsArticlesShellElement["sortTypeChanged"]>;
 }
 
 /** @deprecated Update to Preact 10.27.2+ or 11+ and consume types/preact file over types/preact10 */

package/dist/types/react.d.ts

@@ -299,6 +299,7 @@ interface ReactSolutionDetailsCard extends Partial<Pick<SolutionDetailsCard, 'ca
 
 interface ReactSolutionDetailsPanel extends Partial<Pick<SolutionDetailsPanel, 'card'>>, HTMLProps<HTMLSolutionDetailsPanelElement> {
   onitemPropertiesFetched?: EventHandler<HTMLSolutionDetailsPanelElement["itemPropertiesFetched"]>;
+  onsortTypeChanged?: EventHandler<HTMLSolutionDetailsPanelElement["sortTypeChanged"]>;
   ontemplatesFetched?: EventHandler<HTMLSolutionDetailsPanelElement["templatesFetched"]>;
   ontokenRefreshed?: EventHandler<HTMLSolutionDetailsPanelElement["tokenRefreshed"]>;
 }
@@ -370,6 +371,7 @@ interface ReactSolutionsArticles extends Partial<Pick<SolutionsArticles, 'showAs
 }
 
 interface ReactSolutionsArticlesShell extends HTMLProps<HTMLSolutionsArticlesShellElement> {
+  onsortTypeChanged?: EventHandler<HTMLSolutionsArticlesShellElement["sortTypeChanged"]>;
 }
 
 interface ReactSolutionsDeployApp extends Partial<Pick<SolutionsDeployApp, 'appConfig' | 'locale' | 'orgUrl' | 'portalUrl' | 'primarySolutionsGroupId' | 'sortType' | 'useLocalAppConfig'>>, HTMLProps<HTMLSolutionsDeployAppElement> {

package/dist/types/stencil.d.ts

@@ -299,6 +299,7 @@ interface StencilSolutionDetailsCard extends Partial<Pick<SolutionDetailsCard, '
 
 interface StencilSolutionDetailsPanel extends Partial<Pick<SolutionDetailsPanel, 'card'>>, StencilJsx.HTMLAttributes<HTMLSolutionDetailsPanelElement> {
   onItemPropertiesFetched?: EventHandler<HTMLSolutionDetailsPanelElement["itemPropertiesFetched"]>;
+  onSortTypeChanged?: EventHandler<HTMLSolutionDetailsPanelElement["sortTypeChanged"]>;
   onTemplatesFetched?: EventHandler<HTMLSolutionDetailsPanelElement["templatesFetched"]>;
   onTokenRefreshed?: EventHandler<HTMLSolutionDetailsPanelElement["tokenRefreshed"]>;
 }
@@ -370,6 +371,7 @@ interface StencilSolutionsArticles extends Partial<Pick<SolutionsArticles, 'show
 }
 
 interface StencilSolutionsArticlesShell extends StencilJsx.HTMLAttributes<HTMLSolutionsArticlesShellElement> {
+  onSortTypeChanged?: EventHandler<HTMLSolutionsArticlesShellElement["sortTypeChanged"]>;
 }
 
 interface StencilSolutionsDeployApp extends Partial<Pick<SolutionsDeployApp, 'appConfig' | 'locale' | 'orgUrl' | 'portalUrl' | 'primarySolutionsGroupId' | 'sortType' | 'useLocalAppConfig'>>, StencilJsx.HTMLAttributes<HTMLSolutionsDeployAppElement> {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/solutions-components",
-  "version": "1.1.0-next.20251008.1",
+  "version": "1.1.0-next.20251009",
   "description": "Web Components for Esri's Solutions Applications",
   "type": "module",
   "main": "dist/index.js",
@@ -75,7 +75,7 @@
     "rimraf": "^6.0.1",
     "sass-embedded": "^1.79.3",
     "tailwindcss": "3.4.17",
-    "templates-common-library": ">=0.0.701",
+    "templates-common-library": ">=0.0.704",
     "tslib": "^2.8.1",
     "tsx": "^4.19.2",
     "typescript": "~5.8.3",
@@ -104,7 +104,7 @@
     "@arcgis/instant-apps-components": ">=4.34.0-next.145 <4.35",
     "@arcgis/map-components": ">=4.34.0-next.145 <4.35",
     "@esri/calcite-components": "^3.3.1",
-    "templates-common-library": ">=0.0.701"
+    "templates-common-library": ">=0.0.704"
   },
   "repository": {
     "type": "git",

package/dist/cdn/2QA7JT7T.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20251008.1 */
-import{a,b}from"./6NADAFNM.js";import"./PKZR4IAA.js";import"./GICBZ47Y.js";import"./VLGVQAPL.js";import"./HKVEGDNW.js";import"./CXHSOU2D.js";export{a as EventEditorTypes,b as buildSchema};

package/dist/cdn/6MMPHOBK.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20251008.1 */
-import b from"./N5GGMSDO.js";import a from"./GYKUFCDS.js";import{a as _}from"./IMSAFY4W.js";import{b as T}from"./Q6YM2NMB.js";import"./NYLEG34F.js";import{D as $,E as y,G as l,I as g,h as C,i as r,o as x,r as L}from"./WQPH2FQF.js";import"./CXHSOU2D.js";export default $arcgis.t(([,{a:d,b:b,c:u,d:m,e:I,f:i,h:E,i:D,k:U}])=>{var R=C`@layer{:host{display:block}:host .instant-apps-language-translator-item{display:flex}:host .instant-apps-language-translator-item__section{padding:10px;border-bottom:1px solid var(--calcite-color-border-1);background-color:var(--calcite-color-foreground-2);width:49%}:host .instant-apps-language-translator-item__section .instant-apps-language-translator-item__top-row{display:flex;align-items:center;justify-content:space-between}:host .instant-apps-language-translator-item__section .instant-apps-language-translator-item__label-container{display:flex;align-items:center}:host .instant-apps-language-translator-item__section .instant-apps-language-translator-item__label{display:inline-block;margin-left:10px;font-size:14px;font-weight:var(--calcite-font-weight-medium)}:host .instant-apps-language-translator-item__section calcite-input{margin-top:10px;margin-left:55px}:host .instant-apps-language-translator-item__section--last-item{border-bottom:none}:host .instant-apps-language-translator-item__section--selected{background-color:#f1faff}:host .instant-apps-language-translator-item__section:first-child{margin-right:1%}:host .instant-apps-language-translator-item__ui-location-popover-content{display:inline-block;padding:10px;max-width:400px}:host .instant-apps-language-translator-item__ui-location-items{display:flex}:host .instant-apps-language-translator-item__ui-location-item{display:flex;align-items:center;font-weight:var(--calcite-font-weight-medium);font-size:14px}:host .instant-apps-language-translator-item__tip{display:inline-block;font-size:14px;line-height:22px}:host .instant-apps-language-translator-item__info-icon{color:var(--calcite-color-brand)}:host .instant-apps-language-translator-item__info-button{border:0;background-color:transparent;cursor:pointer}:host .instant-apps-language-translator-item__nested-input{margin-left:60px;margin-top:8px}:host .instant-apps-language-translator-item__nested-input calcite-input{margin-left:30px}:host(.calcite-mode-dark) .instant-apps-language-translator-item__section--selected{background-color:#f1faff;background-color:var(--calcite-color-brand);color:var(--calcite-color-text-inverse)}:host(.calcite-mode-dark) .instant-apps-language-translator-item__section--selected calcite-action{--calcite-ui-icon-color: var(--calcite-color-text-inverse)}:host(.calcite-mode-dark) .instant-apps-language-translator-item__section--selected calcite-icon{color:var(--calcite-color-text-inverse)}:host(.instant-apps-language-translator--last-item) .instant-apps-language-translator-item__section{border-bottom:none}}`,p="instant-apps-language-translator-item",c={section:`${p}__section`,selected:`${p}__section--selected`,topRow:`${p}__top-row`,labelContainer:`${p}__label-container`,label:`${p}__label`,uiLocationPopoverContent:`${p}__ui-location-popover-content`,uiLocationItems:`${p}__ui-location-items`,uiLocationItem:`${p}__ui-location-item`,infoIcon:`${p}__info-icon`,infoButton:`${p}__info-button`,tip:`${p}__tip`,nestedInput:`${p}__nested-input`},v=class extends y{constructor(){super(...arguments),this.userInputs={},this.translatedInputs={},this.translatorItemDataUpdated=x()}static{this.properties={fieldName:1,translatedLanguageLabels:0,setting:0,userLocaleInputOnChangeCallback:0,translatedLocaleInputOnChangeCallback:0}}static{this.styles=R}static{this.shadowRootOptions=L}get isTextEditor(){return this.setting.type===b.TextEditor}get calciteMode(){return U()?m.Dark:m.Light}get hasNestedContent(){return!!this.setting?.content}get tipID(){return`${this.fieldName}goTo`}loaded(){this.isTextEditor&&i.onChange("uiData",()=>this.handleEditorCollapse())}handleInputRender(e,t,a){return this.getUIDataItem()?.expanded?this.hasNestedContent?this.renderNestedInputs(e):this.renderInput(e,t,a):null}getUIDataItem(){if(I.uiData)return I.uiData.get(this.fieldName)}updateT9nStore(e,t){let a=i.get("currentLanguage"),n={[e]:t},s=D(a,n);i.set("portalItemResourceT9n",s)}handleExpand(){let e=this.getUIDataItem();e.expanded=!e.expanded;let t=new Map(I.uiData);t.set(this.fieldName,e),i.set("uiData",t)}handleEditorCollapse(){if(!i.get("uiData")?.get(this.fieldName)?.expanded&&this.userEditorWrapper?.editorInstance&&this.translatedEditorWrapper?.editorInstance){let{userEditorWrapper:e,translatedEditorWrapper:t}=this,a=e.editorInstance.getData();e.value=a;let n=t.editorInstance.getData();t.value=n,e.editorInstance.destroy(),t.editorInstance.destroy()}}handleSelection(e){let t=new Map(I.uiData),a=E();a.forEach(n=>{let s=t?.get(n);s.selected=!1}),a.forEach(n=>{let s=e?.target?.getAttribute("data-field-name");if(n===s){let o=t?.get(n);o.selected=!0}}),i.set("uiData",t)}getUILocation(){let e=this.getUIDataItem(),{uiLocation:t,userLocaleData:a}=e,{section:n,subsection:s}=t,o=[n.label,s.label,a.label].filter(h=>!!h);return o.map((h,f)=>r`<span class=${l(c.uiLocationItem)}><span>${h}</span>${f!==o.length-1?r`<calcite-icon icon=chevron-right scale=s></calcite-icon>`:null}</span>`)}getTip(){let e=this.getUIDataItem(),{tip:t}=e;return t}copySelection(e,t){this.setting.type===b.TextEditor?this.copyTextEditorContent(e):this.copyCalciteInputContent(t,e)}copyTextEditorContent(e){let t=e===d.User?this.userEditorWrapper?.editorInstance:this.translatedEditorWrapper?.editorInstance,a=50;setTimeout(()=>{this.selectContent(t),setTimeout(()=>this.selectContent(t),a)},a),this.copyContent(t)}selectContent(e){e.editing.view.focus();let{model:t}=e,a=t.document.getRoot();if(a){let n=t.createRangeIn(a);t.change(s=>s.setSelection(n))}}copyContent(e){let t=e.getData(),a=document.createElement("div");a.contentEditable="true",a.innerHTML=t,document.body.appendChild(a);let n=document.createRange();n.selectNodeContents(a);let s=window.getSelection();s?.removeAllRanges(),s?.addRange(n),document.execCommand("copy"),document.body.removeChild(a)}copyCalciteInputContent(e,t){let a=t===d.User?this.userInputs[e]:this.translatedInputs[e];if(a){a.selectText();let n=a.value;navigator.clipboard.writeText(n)}}setEditor(e,t){t&&(e===d.User?this.userEditorWrapper=t:this.translatedEditorWrapper=t)}async handleUserInputChange(e){i.set("saving",!0);try{let t=e.target,a=t.id,n=t.value,s=this.getUIDataItem();s.userLocaleData.value=n,await this.userLocaleInputOnChangeCallback(a,n),i.set("saving",!1)}catch{i.set("saving",!1)}}async handleUserTextEditorChange(e){i.set("saving",!0);try{let t=e.detail,a=e.target.id,n=this.getUIDataItem();n.userLocaleData.value=t,await this.userLocaleInputOnChangeCallback(a,t),i.set("saving",!1)}catch{i.set("saving",!1)}}async handleTranslatedInputChange(e){i.set("saving",!0);try{let t=e.composedPath()[0],a=t.id;this.updateT9nStore(a,t.value);let{locale:n,resource:s}=this.getTranslatedLocaleCallbackData(),o=e.target.value;await this.translatedLocaleInputOnChangeCallback(a,o,n,s),setTimeout(()=>i.set("saving",!1),1500),this.translatorItemDataUpdated.emit()}catch(t){console.error("Error writing to portal item resource: ",t),i.set("saving",!1)}}async handleTranslatedTextEditorChange(e){i.set("saving",!0);try{let t=e.target.id;this.updateT9nStore(t,e.detail);let{locale:a,resource:n}=this.getTranslatedLocaleCallbackData(),s=e.detail;await this.translatedLocaleInputOnChangeCallback(t,s,a,n),setTimeout(()=>i.set("saving",!1),1500),this.translatorItemDataUpdated.emit()}catch(t){console.error("Error writing to portal item resource: ",t),i.set("saving",!1)}}handleTextEditorDataChange(e,t){e===d.User?this.handleUserTextEditorChange(t):this.handleTranslatedTextEditorChange(t)}getTranslatedLocaleCallbackData(){let e=i.get("currentLanguage"),t=i.get("portalItemResource");return{locale:e,resource:t}}getIcon(e){switch((e??this.setting).stringType){case"title":return u.Title;case"subtitle":return u.Subtitle;case"text":return u.Text;case"button":return u.Button;case"string":return u.String;default:return u.SettingIndicator}}render(){return"content"in this.setting&&this.setting.content?.every(e=>e?.content?.length===0)?(this.el.classList.remove(this.calciteMode),""):(this.el.classList.add(this.calciteMode),r`${this.renderBase()}${this.renderPopover()}`)}renderBase(){return r`<div class=${l(p)}>${this.renderUserLocaleSection()}${this.renderTranslatedLanguageSection()}</div>`}renderPopover(){let e=this.getTip();return r`<calcite-popover .referenceElement=${this.tipID} label auto-close placement=trailing closable><span class=${l(c.uiLocationPopoverContent)}><span class=${l(c.uiLocationItems)}>${this.getUILocation()}</span>${e?r`<span class=${l(c.tip)}>${e}</span>`:null}</span></calcite-popover>`}renderUserLocaleSection(){let e=this.getUIDataItem(),t=e?.userLocaleData,a=e?.selected?` ${c.selected}`:"",n=t?.label,s=t?.value,o=this.setting.id;return r`<div class=${`${c.section}${a}`}>${this.renderItemHeader(d.User,n,o)}${this.handleInputRender(d.User,s,o)}</div>`}renderTranslatedLanguageSection(){let e=this.getUIDataItem(),t=this.setting.id,a=i.get("currentLanguage"),n=i.get("portalItemResourceT9n"),s=this.translatedLanguageLabels?.[this.fieldName],o=typeof n=="object"&&n!==null&&a in n&&typeof n!="number"&&!Array.isArray(n)?String(n[a]?.[t]??""):"",h=e?.selected?` ${c.selected}`:"";return r`<div class=${`${c.section}${h}`}>${this.renderItemHeader(d.Translation,s,t)}${this.handleInputRender(d.Translation,o,t)}</div>`}renderNestedInputs(e,t){let a=t??this.setting,{content:n}=a;return n?.map(s=>"content"in s?this.renderNestedInputs(e,s):this.renderNestedInput(e,s)).filter(s=>s!==void 0)}renderNestedInput(e,t){let a=i.get("currentLanguage"),n=i.get("portalItemResourceT9n"),s=t?.id,o=n?.[a],h=typeof o=="object"&&o!==null?o[s]:void 0,{label:f,value:w,id:k}=t,S=e===d.Translation?this.translatedLanguageLabels?.[k]:f,N=e===d.User?w:h??"";return r`<div class=${l(c.nestedInput)}>${this.renderItemHeader(e,S,s,t)}${this.renderInput(e,String(N),s,t)}</div>`}renderItemHeader(e,t,a,n){let s=!this.hasNestedContent||!!n;return r`<div class=${l(c.topRow)}>${this.renderItemHeaderLabel(e,t,n)}${s?this.renderCopyButton(e,a):null}</div>`}renderItemHeaderLabel(e,t,a){let n=e===d.User&&!a;return r`<div class=${l(c.labelContainer)}>${a?null:this.renderExpandCollapseButton()}<calcite-icon .icon=${this.getIcon(a)} scale=s></calcite-icon><span class=${l(c.label)}>${t}</span>${n?this.renderInfoButton():null}</div>`}renderExpandCollapseButton(){let e=this.getUIDataItem()?.expanded?u.Expanded:u.Collapsed;return r`<calcite-action @click=${this.handleExpand} .icon=${e} scale=s appearance=transparent text></calcite-action>`}renderInfoButton(){return r`<button id=${this.tipID??g} class=${l(c.infoButton)}><calcite-icon class=${l(c.infoIcon)} .icon=${u.Popover} scale=s></calcite-icon></button>`}renderCopyButton(e,t){return r`<calcite-action class=${l(this.calciteMode)} @click=${this.copySelection.bind(this,e,t)} slot=action .icon=${u.Copy} appearance=transparent text></calcite-action>`}renderInput(e,t,a,n){let s=n??this.setting;return s.type==="string"||s.type==="textarea"?e===d.User?this.renderUserLocaleInput(t,a):this.renderTranslatedLanguageInput(t,a):this.renderTextEditor(t,e,a)}renderUserLocaleInput(e,t){return _(t,r`<calcite-input id=${t??g} class=${l(m.Light)} data-field-name=${this.fieldName??g} .value=${e} @focus=${this.handleSelection} @calciteInputChange=${this.handleUserInputChange} ${$(a=>{a&&(this.userInputs[t]=a)})}></calcite-input>`)}renderTranslatedLanguageInput(e,t){return _(t,r`<calcite-input id=${t??g} class=${l(m.Light)} data-field-name=${this.fieldName??g} .value=${e} @focus=${this.handleSelection} @calciteInputChange=${this.handleTranslatedInputChange} ${$(a=>{a&&(this.translatedInputs[t]=a)})}></calcite-input>`)}renderTextEditor(e,t,a){let n={toolbar:[]};return r`<instant-apps-ckeditor-wrapper id=${a??g} @dataChanged=${this.handleTextEditorDataChange.bind(this,t)} @isFocused=${this.handleSelection} .value=${e??""} data-field-name=${this.fieldName??g} .config=${n} ${$(this.setEditor.bind(this,t))}></instant-apps-ckeditor-wrapper>`}};T("instant-apps-language-translator-item",v);return v},a,b)

package/dist/cdn/77AW2L67.js

@@ -1,4 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20251008.1 */
-import{a as O}from"./BPE3B3PQ.js";import{A as H,C as M,D as F,d as B,e as L}from"./HMQXESJA.js";import{b as U}from"./Q6YM2NMB.js";import"./NARHDIR6.js";import"./NYLEG34F.js";import{B as S,C as m,D as h,E as I,G as a,H as b,I as C,h as T,i as n,j as w}from"./WQPH2FQF.js";import"./CXHSOU2D.js";var ee=T`:host{display:block;--instant-apps-social-share-action-width: initial;--instant-apps-social-share-width--s: 200px;--instant-apps-social-share-width--m: 280px;--instant-apps-social-share-width--l: 320px;--instant-apps-social-share-width-horizontal--s: 300px;--instant-apps-social-share-width-horizontal--m: 380px;--instant-apps-social-share-width-horizontal--l: 420px;--instant-apps-social-share-background-color: var(--calcite-color-foreground-1);--instant-apps-social-share-popover-button-background-color: transparent;--instant-apps-social-share-popover-button-icon-color: var(--calcite-ui-icon-color);--instant-apps-social-share-embed-border: 1px solid $border;--instant-apps-social-share-embed-text-area-text: #468540}:host .instant-apps-social-share__popover-button{background-color:var(--instant-apps-social-share-popover-button-background-color)}:host .instant-apps-social-share__popover-button calcite-icon{color:var(--instant-apps-social-share-popover-button-icon-color)}:host .instant-apps-social-share__dialog,:host .instant-apps-social-share__dialog-embed{background-color:var(--instant-apps-social-share-background-color);border:var(--instant-apps-social-share-embed-border)}:host .instant-apps-social-share__dialog{box-sizing:border-box;height:auto;padding:10px 0;border-radius:5px;color:var(--calcite-color-text-1)}:host .instant-apps-social-share__options{margin:0;padding:1% 0 0;list-style-type:none}:host .instant-apps-social-share__options li{box-sizing:border-box;display:flex;align-items:center;width:100%;padding:5%;transition:background-color .15s ease-out 0s}:host .instant-apps-social-share__options li .instant-apps-social-share__icon,:host .instant-apps-social-share__options li .instant-apps-social-share__option-text{display:inline-block}:host .instant-apps-social-share__options li .instant-apps-social-share__icon{display:flex;align-items:center}:host .instant-apps-social-share__options li .instant-apps-social-share__option-text{width:85%;margin-left:10px;word-break:break-word}:host .instant-apps-social-share__options li .instant-apps-social-share__option-text--rtl{margin-left:0;margin-right:10px}:host .instant-apps-social-share__options li:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2)}:host .instant-apps-social-share__options__x-logo--light path{fill:#000}:host .instant-apps-social-share__options__x-logo--dark path{fill:#fff}:host .instant-apps-social-share__tip{box-sizing:border-box;padding:0 5% 1%}:host .instant-apps-social-share__tip-header{display:flex;align-items:center;color:#007ac2;margin:8px 0 5px}:host .instant-apps-social-share__tip-header calcite-icon{margin-right:5px}:host .instant-apps-social-share__tip-content{line-height:17px;margin:0;padding-top:2%}:host .instant-apps-social-share__success{display:flex;flex-direction:column;padding:15px}:host .instant-apps-social-share__success-header{display:flex;align-items:center;font-weight:700;margin-bottom:10px}:host .instant-apps-social-share__success-icon{display:flex;align-items:center;margin-right:5px}:host .instant-apps-social-share__success-icon calcite-icon{color:var(--calcite-color-status-success)}:host .instant-apps-social-share__success-message{line-height:16px}:host .instant-apps-social-share__embed{box-sizing:border-box;width:100%;padding:5%;margin-bottom:10px;border-top:1px solid #d3d3d3}:host .instant-apps-social-share__embed-header{display:flex;align-items:center;margin-bottom:5px}:host .instant-apps-social-share__embed-header calcite-icon{margin-right:5px}:host .instant-apps-social-share__embed-code-text-area{border:1px solid #d3d3d3}:host .instant-apps-social-share__embed-code-text-area textarea{box-sizing:border-box;padding:4%;border:none;resize:none;background:transparent;width:100%;font-family:var(--calcite-sans-family);color:var(--calcite-color-text-1)}:host .instant-apps-social-share__embed-code-text-area button{display:flex;align-items:center;text-align:start;width:100%;border:none;border-top:1px solid #d3d3d3;background-color:transparent;line-height:16px;font-weight:400;padding:3%;color:var(--calcite-color-text-1)}:host .instant-apps-social-share__embed-code-text-area button calcite-icon{color:#007ac2;margin-right:3px}:host .instant-apps-social-share__embed-code-text-area button:hover{cursor:pointer;background-color:var(--calcite-color-foreground-2);transition:background-color .15s ease-out 0s}:host .instant-apps-social-share__embed-text-area-text{display:inline-block;padding-block-start:var(--calcite-spacing-md);font-weight:600;color:var(--instant-apps-social-share-embed-text-area-text)}:host .instant-apps-social-share__embed .instant-apps-social-share__text-area--rtl{text-align:left;direction:ltr}:host .instant-apps-social-share__embed-dimensions{display:flex;justify-content:space-between;margin-top:10px}:host .instant-apps-social-share__embed-dimensions-input{width:47%;box-sizing:border-box}:host .instant-apps-social-share__embed-dimensions-input input{border:1px solid #d3d3d3;width:100%;height:25px;font-family:var(--calcite-sans-family)}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options{display:flex;justify-content:space-around;margin-bottom:8%}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li{flex-direction:column;padding:0}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li .instant-apps-social-share__option-text{word-break:break-word;margin-left:0;margin-top:10px;text-align:center}:host .instant-apps-social-share__layout--horizontal .instant-apps-social-share__options li:hover{background-color:unset}:host .instant-apps-social-share__icon-container{display:flex;align-items:center}:host calcite-action{width:var(--instant-apps-social-share-action-width)}:host([scale=s]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--s)}:host([scale=s]) .instant-apps-social-share__icon{width:16px;height:16px}:host([scale=s]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size--1)}:host([scale=s]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--s)}:host([scale=s]) .instant-apps-social-share__tip-header,:host([scale=s]) .instant-apps-social-share__tip-content,:host([scale=s]) .instant-apps-social-share__embed-header,:host([scale=s]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size--2)}:host([scale=m]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--m)}:host([scale=m]) .instant-apps-social-share__icon{width:24px;height:24px}:host([scale=m]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size-0)}:host([scale=m]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--m)}:host([scale=m]) .instant-apps-social-share__tip-header,:host([scale=m]) .instant-apps-social-share__tip-content,:host([scale=m]) .instant-apps-social-share__embed-header,:host([scale=m]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size--1)}:host([scale=l]) .instant-apps-social-share__dialog{width:var(--instant-apps-social-share-width--l)}:host([scale=l]) .instant-apps-social-share__icon{width:32px;height:32px}:host([scale=l]) .instant-apps-social-share__option-text{font-size:var(--calcite-font-size-1)}:host([scale=l]) .instant-apps-social-share__dialog.instant-apps-social-share__layout--horizontal{width:var(--instant-apps-social-share-width-horizontal--l)}:host([scale=l]) .instant-apps-social-share__tip-header,:host([scale=l]) .instant-apps-social-share__tip-content,:host([scale=l]) .instant-apps-social-share__embed-header,:host([scale=l]) .instant-apps-social-share__embed-dimensions-input{font-size:var(--calcite-font-size-0)}`,i="instant-apps-social-share",N=".calcite-mode-dark",t={dialog:`${i}__dialog`,dialogContent:`${i}__dialog-content`,options:`${i}__options`,tipContainer:`${i}__tip`,tipHeader:`${i}__tip-header`,tipContent:`${i}__tip-content`,icon:`${i}__icon`,iconContainer:`${i}__icon-container`,optionText:`${i}__option-text`,popoverButton:`${i}__popover-button`,layout:{vertical:`${i}__layout--vertical`,horizontal:`${i}__layout--horizontal`},xLogo:{light:`${i}__x-logo--light`,dark:`${i}__x-logo--dark`},success:{container:`${i}__success`,header:`${i}__success-header`,message:`${i}__success-message`,icon:`${i}__success-icon`},embed:{container:`${i}__embed`,header:`${i}__embed-header`,embedCode:{container:`${i}__embed-code`,textArea:`${i}__embed-code-text-area`,copyButton:`${i}__embed-code-copy-button`},textAreaText:`${i}__embed-text-area-text`,dimensions:{container:`${i}__embed-dimensions`,input:`${i}__embed-dimensions-input`}},rtl:{optionText:`${i}__option-text--rtl`,textArea:`${i}__text-area--rtl`}},te={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/?text={url}",bluesky:"https://bsky.app/intent/compose?text={url}"},E=1,z=class extends I{constructor(){super(...arguments),this._messages=O({name:"instant-apps-social-share"}),this.popoverRef=m(),this.embedWidthRef=m(),this.embedHeightRef=m(),this.embedCodeRef=m(),this.copyLinkPopoverRef=m(),this.copyEmbedPopoverRef=m(),this.dialogContentRef=m(),this.shareListRef=m(),this.popoverButtonRef=m(),this.handlePopoverRefKeyDown=async e=>{if(!this.isNativeShareEnabled)if(e.code==="Tab"){if(!this.shareListRef.value)return;let s=e.target,o=this.shareListRef.value.children[0],r=this.shareListRef.value.children[this.shareListRef.value.children.length-1];e.shiftKey&&s===o?(e.preventDefault(),r.focus()):!e.shiftKey&&s===r&&(e.preventDefault(),o.focus())}else e.code==="Escape"&&(this.closePopover(),await this.popoverButtonRef.value?.setFocus())},this.stopEventPropagation=e=>{e.stopPropagation()},this.autoCloseCallback=()=>{this.mode==="popover"&&this.popoverRef.value?(this.isPopoverOpen=!1,this.popoverRef.value.open=this.isPopoverOpen):(this.copyLinkPopoverRef.value&&(this.copyLinkPopoverRef.value.open=!1),this.inlineCopyLinkOpened=!1,this.copyEmbedPopoverRef.value&&(this.copyEmbedPopoverRef.value.open=!1),this.inlineCopyEmbedOpened=!1)},this.resetPopoverCopyState=async()=>{await this.popoverButtonRef.value?.setFocus(),setTimeout(()=>{this.isLinkCopiedToClipboard=!1},200)},this.isPopoverOpen=!1,this.isLinkCopiedToClipboard=!1,this.inlineCopyLinkOpened=!1,this.inlineCopyEmbedOpened=!1,this.embedWidth=400,this.embedHeight=600,this.mode="popover",this.shareUrl=window.location.href,this.autoUpdateShareUrl=!0,this.shareText="",this.embed=!1,this.shareButtonColor="neutral",this.shareButtonType="button",this.shareButtonScale="m",this.iframeInnerText="",this.popoverButtonIconScale="m",this.displayTipText=!0,this.shortenShareUrl=!0,this.socialMedia=!0,this.shareIconsLayout="vertical",this.scale="m",this.successMessage="",this.flipRtl=!1,this.defaultUrlParams=null,this.inlineSuccessPopoverPlacement="trailing",this.popoverPositioning="absolute",this.removePopoverOffset=!1,this.useNativeShare=!1,this.isNativeShareEnabled=!1}static{this.properties={isPopoverOpen:16,isLinkCopiedToClipboard:16,inlineCopyLinkOpened:16,inlineCopyEmbedOpened:16,embedWidth:16,embedHeight:16,mode:3,shareUrl:1,autoUpdateShareUrl:5,shareText:3,embed:7,shareButtonColor:3,shareButtonType:3,shareButtonScale:3,iframeInnerText:3,popoverButtonIconScale:3,view:0,displayTipText:7,shortenShareUrl:7,socialMedia:7,shareIconsLayout:3,scale:3,successMessage:3,flipRtl:7,defaultUrlParams:0,inlineSuccessPopoverPlacement:3,popoverPositioning:3,removePopoverOffset:7,useNativeShare:7,isNativeShareEnabled:7}}static{this.styles=ee}load(){document.documentElement.addEventListener("click",this.autoCloseCallback),this.isNativeShareEnabled=this.useNativeShare&&this.isMobileDevice}disconnectedCallback(){super.disconnectedCallback(),document.documentElement.removeEventListener("click",this.autoCloseCallback)}makeOptionKeyDownHandler(e){return async s=>{let o=s.code;(o==="Space"||o==="Enter")&&await this.handleShareItem(e)}}makeEmbedResizeHandler(e){let s=e==="width"?this.embedWidthRef.value:this.embedHeightRef.value;return()=>{if(!(!this.embed||this.isNativeShareEnabled)&&s){let o=Math.max(s.valueAsNumber??0,E);this[e==="width"?"embedWidth":"embedHeight"]=o}}}togglePopoverVisibility(e){e.stopPropagation(),this.isPopoverOpen=!this.isPopoverOpen,this.popoverRef.value&&(this.popoverRef.value.open=this.isPopoverOpen)}closePopover(){this.isPopoverOpen=!1,this.popoverRef.value&&(this.popoverRef.value.open=this.isPopoverOpen)}async handleShareItem(e){this.shareUrl=await this.generateShareUrl();let s=null,o=navigator?.userAgent?.includes("Chrome")??!1,r=(navigator?.userAgent?.includes("Safari")??!1)&&!o;!r&&this.shortenShareUrl&&(s=await this.shortenUrl(this.shareUrl));let l=s||this.shareUrl;switch(e){case"link":await navigator.clipboard.writeText(l),this.embed&&this.copyEmbedPopoverRef.value&&(this.copyEmbedPopoverRef.value.open=!1,this.inlineCopyEmbedOpened=!1),this.mode==="inline"&&this.copyLinkPopoverRef.value&&(this.copyLinkPopoverRef.value.open=!0,setTimeout(()=>{this.copyLinkPopoverRef.value&&(this.copyLinkPopoverRef.value.open=!1)},3e3)),this.inlineCopyLinkOpened=!0,this.isLinkCopiedToClipboard=!0,this.mode==="popover"&&setTimeout(()=>this.closePopover(),2e3);return;case"facebook":case"bluesky":case"x":case"linkedIn":{let p;r&&(p=window.open("","_blank"),this.shortenShareUrl&&(l=await this.shortenUrl(this.shareUrl)||l));let d={url:encodeURI(l)},f=e==="x"?{...d,text:this.shareText}:d,k=(await M()).substitute(te[e],f);this.mode==="popover"&&this.closePopover(),r&&p?(p.location=k,p.focus()):window.open(encodeURI(k),"_blank")}break;case"native-share":let v={title:this._messages.share?.label||"Share",text:this.shareText,url:encodeURI(l)};navigator?.canShare?.(v)?navigator.share(v).catch(p=>{console.error("Error using native share:",p)}):console.warn("Native share is not supported or the provided data is not shareable.");return}}async shortenUrl(e){let s=(await(await F())("https://arcg.is/prod/shorten",{query:{longUrl:e,f:"json"}}))?.data?.data?.url;if(s)return s.replace("http://","https://")}getEmbedCode(){return`<iframe src="${this.shareUrl}" width="${this.embedWidth}" height="${this.embedHeight}" frameborder="0" style="border:0" allowfullscreen>${this.iframeInnerText}</iframe>`}async copyEmbedCode(){await navigator.clipboard.writeText(this.getEmbedCode()),this.copyLinkPopoverRef.value&&(this.copyLinkPopoverRef.value.open=!1),this.inlineCopyLinkOpened=!1,this.copyEmbedPopoverRef.value&&(this.copyEmbedPopoverRef.value.open=!0,setTimeout(()=>{this.copyEmbedPopoverRef.value&&(this.copyEmbedPopoverRef.value.open=!1)},3e3)),this.inlineCopyEmbedOpened=!0}async generateShareUrl(){if(this.autoUpdateShareUrl&&(this.shareUrl=window.location.href),!this.view?.ready)return this.shareUrl;let{x:e,y:s}=this.view.center,{spatialReference:o}=this.view,r=await L({...o.toJSON()}),l=await B({x:e,y:s,spatialReference:r}),v=await this.processPoint(l),{isWGS84:p,isWebMercator:d}=v.spatialReference,f=p||d;return this.generateShareUrlParams(v,f)}async processPoint(e){let{isWGS84:s,isWebMercator:o}=e.spatialReference;if(s||o)return e;let r=await H(),l=await L({wkid:4326}),v=this.view?.spatialReference??l;try{return await r.load(),r.execute(e,v)}catch(p){console.error("Failed to project point to outSpatialReference",p);try{let d=r.execute(e,l);return Promise.resolve(d)}catch(d){return console.error("Failed to project point to fallbackOutSpatialReference",d),await Promise.reject(new Error("Failed to project point to both spatial references"))}}}generateShareUrlParams(e,s){let{longitude:o,latitude:r,x:l,y:v}=e;if(o===void 0||r===void 0||!this.view)return this.shareUrl;let p=this.roundValue(s?o:l),d=this.roundValue(s?r:v),{zoom:f}=this.view,k=this.roundValue(f),P=this.view?.popup?.selectedFeature,D=this.view?.popup?.visible,$,x;if(P&&D&&P?.layer?.type==="feature"){let _=P?.layer;$=_?.id,x=P.attributes[_.objectIdField]}let R=this.view.map?.allLayers.filter(_=>!_.visible).toArray().map(_=>_.id).toString().replaceAll(",",";"),{type:A}=this.view,{defaultUrlParams:g}=this,c=new URL(this.shareUrl),{searchParams:u}=c;if(u.get("center")&&u.delete("center"),u.get("level")&&u.delete("level"),u.get("selectedFeature")&&u.delete("selectedFeature"),u.get("hiddenLayers")&&u.delete("hiddenLayers"),u.get("viewpoint")&&u.delete("viewpoint"),A==="3d"){let{camera:_}=this.view,{heading:V,position:W,tilt:j}=_,{longitude:K,latitude:Z,x:G,y:X,z:q}=W,J=s?K:G,Q=s?Z:X,y={longitude:this.roundValue(J,8),latitude:this.roundValue(Q,8),z:this.roundValue(q,3),heading:this.roundValue(V,3),tilt:this.roundValue(j,3)},Y=`cam:${y.longitude},${y.latitude},${y.z}${!s&&this.view?.spatialReference?.wkid?`,${this.view?.spatialReference?.wkid}`:""};${y.heading},${y.tilt}`;return g?.viewpoint!==!1&&c.searchParams.set("viewpoint",Y),$&&x&&g?.selectedFeature!==!1&&c.searchParams.set("selectedFeature",`${$};${x}`),R&&g?.hiddenLayers!==!1&&c.searchParams.set("hiddenLayers",R),c.search=decodeURIComponent(c.search),c.href}return g?.center!==!1&&c.searchParams.set("center",`${p};${d}`),g?.level!==!1&&c.searchParams.set("level",`${k}`),$&&x&&g?.selectedFeature!==!1&&c.searchParams.set("selectedFeature",`${$};${x}`),R&&g?.hiddenLayers!==!1&&c.searchParams.set("hiddenLayers",R),c.search=decodeURIComponent(c.search),c.href}roundValue(e,s=4){return Number.parseFloat(e.toFixed(s))}get isMobileDevice(){return/Mobi|Android|iPhone|iPad|iPod/iu.test(navigator.userAgent)}render(){let e=this.isLinkCopiedToClipboard&&this.mode==="popover"?this.renderSuccess():n`<div class=${a(t.dialogContent)}>${this.renderMenuOptions()}${this.displayTipText?this.renderTip():null}${this.embed?this.renderEmbed():null}</div>`,s=this.shareIconsLayout==="vertical"?` ${t.layout.vertical}`:` ${t.layout.horizontal}`,o=` calcite-mode-${this.el.closest(N)?"dark":"light"}`,r=n`<div class=${`${t.dialog}${s}${o}`} @click=${this.stopEventPropagation} ${h(this.dialogContentRef)}>${e}</div>`,l=this.removePopoverOffset?0:6;return this.isNativeShareEnabled?this.renderShareButton():this.mode==="popover"?[n`<calcite-popover .open=${this.isPopoverOpen} .label=${this._messages.share?.label??""} reference-element=shareButton placement=bottom-start .scale=${this.scale} .overlayPositioning=${this.popoverPositioning} .offsetDistance=${l} .pointerDisabled=${this.removePopoverOffset} @calcitePopoverOpen=${()=>{!this.shareListRef.value||this.isNativeShareEnabled||this.shareListRef.value.children[0].focus()}} @calcitePopoverBeforeClose=${this.resetPopoverCopyState} @click=${this.stopEventPropagation} @keydown=${this.handlePopoverRefKeyDown} ${h(this.popoverRef)}>${r}</calcite-popover>`,this.renderShareButton()]:[r,n`<calcite-popover .label=${this._messages.share?.label??""} reference-element=copyToClipboard .placement=${this.inlineSuccessPopoverPlacement} .scale=${this.scale} overlay-positioning=fixed ${h(this.copyLinkPopoverRef)}>${this.renderSuccess()}</calcite-popover>`,this.embed?n`<calcite-popover .label=${this._messages.share?.label??""} reference-element=copyEmbedToClipboard .placement=${this.inlineSuccessPopoverPlacement} .scale=${this.scale} overlay-positioning=fixed ${h(this.copyEmbedPopoverRef)}>${this.renderEmbedSuccess()}</calcite-popover>`:null]}renderShareButton(){let e=this.shareButtonScale??this.scale,s=async r=>{this.isNativeShareEnabled?(r.stopPropagation(),await this.handleShareItem("native-share")):this.togglePopoverVisibility(r)},o=n`<div class=${a(t.iconContainer)}><calcite-icon icon=share .scale=${this.popoverButtonIconScale}></calcite-icon></div>`;return this.shareButtonType==="button"?n`<calcite-button id=shareButton class=${a(t.popoverButton)} .label=${this._messages.share?.label} title=${this._messages.share?.label??C} .scale=${e} @click=${s} .kind=${this.shareButtonColor} appearance=transparent ${h(this.isNativeShareEnabled?void 0:this.popoverButtonRef)}>${o}</calcite-button>`:n`<calcite-action id=shareButton class=${a(t.popoverButton)} .label=${this._messages.share?.label} title=${this._messages.share?.label??C} .scale=${e} @click=${s} appearance=transparent text alignment=center ${h(this.isNativeShareEnabled?void 0:this.popoverButtonRef)}>${o}</calcite-action>`}renderSuccess(){let e=this._messages.success;return n`<div class=${a(t.success.container)}><span class=${a(t.success.header)}><span class=${a(t.success.icon)}><calcite-icon icon=check-circle-f .scale=${this.scale}></calcite-icon></span>${e?.label}</span><span class=${a(t.success.message)}>${this.successMessage||e?.url}</span></div>`}renderEmbedSuccess(){let e=this._messages.success;return n`<div class=${a(t.success.container)}><span class=${a(t.success.header)}><span class=${a(t.success.icon)}><calcite-icon icon=check-circle-f .scale=${this.scale}></calcite-icon></span>${e?.label}</span><span class=${a(t.success.message)}>${e?.embed}</span></div>`}renderMenuOptions(){let e=this._messages.options,s=document.dir==="rtl"?` ${t.rtl.optionText}`:"";return n`<ul class=${a(t.options)} role=menu ${h(this.shareListRef)}><li id=copyToClipboard @click=${this.handleShareItem.bind(this,"link")} @keydown=${this.makeOptionKeyDownHandler("link")} role=menuitem tabindex=0><span class=${a(t.icon)}><calcite-icon icon=link .scale=${this.scale}></calcite-icon></span><span class=${`${t.optionText}${s}`}>${e?.link?.label}</span></li>${this.socialMedia?[n`<li @click=${this.handleShareItem.bind(this,"facebook")} @keydown=${this.makeOptionKeyDownHandler("facebook")} role=menuitem tabindex=0><span class=${a(t.icon)}>${this.renderFacebookIcon()}</span><span class=${`${t.optionText}${s}`}>${e?.facebook?.label}</span></li>`,n`<li @click=${this.handleShareItem.bind(this,"x")} @keydown=${this.makeOptionKeyDownHandler("x")} role=menuitem tabindex=0><span class=${a(t.icon)}>${this.renderXIcon()}</span><span class=${`${t.optionText}${s}`}>X</span></li>`,n`<li @click=${this.handleShareItem.bind(this,"linkedIn")} @keydown=${this.makeOptionKeyDownHandler("linkedIn")} role=menuitem tabindex=0><span class=${a(t.icon)}>${this.renderLinkedInIcon()}</span><span class=${`${t.optionText}${s}`}>${e?.linkedIn?.label}</span></li>`,n`<li @click=${this.handleShareItem.bind(this,"bluesky")} @keydown=${this.makeOptionKeyDownHandler("bluesky")} role=menuitem tabindex=0><span class=${a(t.icon)}>${this.renderBlueSkyIcon()}</span><span class=${`${t.optionText}${s}`}>${e?.blueSky?.label}</span></li>`]:null}</ul>`}renderFacebookIcon(){return n`<svg height=100% style=${b({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>${w`<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=${b({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=${b({fill:"#fff",fillRule:"nonzero"})} /></g>`}</svg>`}renderXIcon(){let e=!!this.el.closest(N);return n`<svg height=100% class=${a(e?t.xLogo.dark:t.xLogo.light)} viewBox="0 0 1200 1227" fill=none xmlns=http://www.w3.org/2000/svg>${w`<rect height=400 style=${b({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=${e?"white":"black"} />`}</svg>`}renderBlueSkyIcon(){return n`<svg height=100% fill=#0f85fe xmlns=http://www.w3.org/2000/svg viewBox="0 0 512 512">${w`<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 n`<svg height=100% style=${b({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>${w`<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=${b({fill:"#2867b2"})} /><g id=shapes><rect height=257.962 id=rect11 style=${b({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=${b({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=${b({fill:"#fff",fillRule:"nonzero"})} /></g></g>`}</svg>`}renderTip(){let e=this._messages.info;return n`<div class=${a(t.tipContainer)}><span class=${a(t.tipHeader)}><calcite-icon icon=lightbulb .scale=${this.scale}></calcite-icon><span>${e?.label}</span></span><p class=${a(t.tipContent)}>${e?.tooltip}</p></div>`}renderEmbed(){let e=this._messages.embed,s=document.dir==="rtl"?` ${t.rtl.textArea}`:"";return n`<div class=${a(t.embed.container)}><span class=${a(t.embed.header)}><calcite-icon icon=code .scale=${this.scale}></calcite-icon><span>${this._messages.embed?.label}</span></span><div class=${a(t.embed.embedCode.container)}><div class=${a(t.embed.embedCode.textArea)}><textarea cols=30 rows=5 readonly class=${a(s)} .value=${S(this.getEmbedCode()??"")} ${h(this.embedCodeRef)}></textarea><button id=copyEmbedToClipboard @click=${this.copyEmbedCode} class=${a(t.embed.embedCode.copyButton)}><calcite-icon icon=copy .scale=${this.scale}></calcite-icon><span>${e?.copy}</span></button></div><span class=${a(t.embed.textAreaText)}><slot name=text-area-text></slot></span><div class=${a(t.embed.dimensions.container)}><label class=${a(t.embed.dimensions.input)}><span>${e?.width}</span><input type=number @keydown=${o=>["e","E","+","-"].includes(o.key)&&o.preventDefault()} @change=${this.makeEmbedResizeHandler("width")} .value=${S(this.embedWidth??"")} min=${E} ${h(this.embedWidthRef)}></label><label class=${a(t.embed.dimensions.input)}><span>${e?.height}</span><input type=number @keydown=${o=>["e","E","+","-"].includes(o.key)&&o.preventDefault()} @change=${this.makeEmbedResizeHandler("height")} .value=${S(this.embedHeight??"")} min=${E} ${h(this.embedHeightRef)}></label></div></div></div>`}};U("instant-apps-social-share",z);export{z as InstantAppsSocialShare};

package/dist/cdn/7CAATV33.js

@@ -1,18 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.1/esri/copyright.txt for details.
-v1.1.0-next.20251008.1 */
-import{b as v,c as S}from"./CWPY45T3.js";import{b as d}from"./5H4AMHXY.js";import{a as _}from"./HY46BCFR.js";import{k as b,l as y}from"./TWAOBOD6.js";import{a as m}from"./3FTPCQ44.js";import"./NARHDIR6.js";import"./NYLEG34F.js";import{b as g}from"./U5IFXOY7.js";import{C as n,D as o,E as u,G as f,H as r,I as c,h as p,i,o as a}from"./WQPH2FQF.js";import"./CXHSOU2D.js";var $=p`/** @license
- * Copyright 2025 Esri
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * 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}.border-override{border-top-width:var(--calcite-border-width-none);border-bottom-width:var(--calcite-border-width-none)}.header-override{--calcite-panel-header-content-space: 0px;--calcite-panel-header-background-color: var(--calcite-color-foreground-2);--calcite-panel-border-color: none}.label-override{--calcite-label-margin-bottom: 0px;padding-inline-start:1rem}.header-button-padding{padding-top:.5rem;padding-bottom:.5rem;padding-inline-start:1rem;padding-inline-end:1rem}.padding-start{padding-inline-start:1rem}.align-items-center{align-items:center}.justify-content-end{justify-content:end}.filter-width-350{--calcite-shell-panel-width: 350px}.z-index-1{z-index:1}.z-index-2{z-index:2}h1{font-weight:unset;margin:0;padding:0}@media (max-width: 800px){.filter{display:none}.filter-button{display:block;position:absolute;top:.5rem;left:.5rem;z-index:999}}@media (min-width: 800px){.filter-button{display:none}}.mock-fab{--calcite-fab-shadow-internal: 0 6px 20px -4px rgba(0, 0, 0, .1), 0 4px 12px -2px rgba(0, 0, 0, .08);box-shadow:var(--calcite-fab-shadow, var(--calcite-fab-shadow-internal));--calcite-button-background-color: var(--calcite-fab-background-color);--calcite-button-border-color: var(--calcite-fab-border-color);--calcite-button-text-color: var(--calcite-fab-text-color);--calcite-button-loader-color: var(--calcite-fab-loader-color)}.background-override{--calcite-shell-panel-background-color: var(--calcite-color-foreground-3);--calcite-panel-background-color: var(--calcite-color-foreground-3)}.position-relative{position:relative}.height-100{height:100%}`,h=class extends u{constructor(){super(),this.solutionsCount=0,this.sortType="relevance",this.filterOpen=!0,this._filters={categories:[],searchTerm:""},this.isMobile=!1,this._translations=m({name:"solutions-all-shell",blocking:!0}),this._allSolutionsPanelRef=n(),this._solutionsFilterPanelRef=n(),this._authContextConsumer=d({context:S,subscribe:!0}),this._isMobileContextConsumer=d({context:v,subscribe:!0,callback:e=>this.isMobile=e}),this.filterRemoved=a(),this.solutionsAllLoaded=a(),this.sortTypeChanged=a()}static{this.properties={appConfig:1,solutionsCount:9,sortType:1,filterOpen:16,_filters:16,isMobile:16,_translations:16}}static{this.styles=$}willUpdate(e){e.has("isMobile")&&(this.filterOpen=!this.isMobile)}async searchSolutions(e){if(this._allSolutionsPanelRef.value.setSearchOptions(e),"industry"in e||"domain"in e){e.displayValue=e.domain||e.industry;let t=e.industry?Object.entries(b).find(([,s])=>s===e.industry)?.[0]:void 0,l=e.domain?Object.entries(y).find(([,s])=>s===e.domain)?.[0]:void 0;e.industry=t||"",e.domain=l||"",e.value=l||t,this._solutionsFilterPanelRef.value.changeIndustryFilter(e.industry,e.domain,e.displayValue,!0)}else("searchTerm"in e||"sortType"in e)&&("searchTerm"in e&&(this._filters.searchTerm=e.searchTerm),this._allSolutionsPanelRef.value?.searchSolutions(e))}async load(){this._isMobileContextConsumer.value&&(this.isMobile=this._isMobileContextConsumer.value)}loaded(){this.solutionsAllLoaded.emit()}render(){let e=this.filterOpen?"chevron-left":"chevron-right",t=this.isMobile?"justify-content-end":"";return i`<calcite-shell class="position-relative">${this.isMobile?"":this._getFilterPanel()}<calcite-button appearance=outline-fill class="filter-button mock-fab z-index-2" icon-start=${e??c} kind=neutral @click=${this._toggleFilter} scale=m></calcite-button><h1 class="height-100"><calcite-panel class="border-override header-override z-index-1"><div class=${`display-flex align-items-center ${t}`} slot=header-content><calcite-label class="label-override">${this._translations.numberOfSolutions.replace("{{count}}",this.solutionsCount.toString())}</calcite-label>${this._renderChips()}</div><div slot=header-actions-end>${this._renderDropdown()}</div>${this.isMobile&&this._getFilterPanel()||""}${this._getSolutionsAllPanel()}</calcite-panel></h1></calcite-shell>`}_getFilterPanel(){let e=this.filterOpen?{display:"flex"}:"";return this.isMobile?i`<calcite-panel class=${f(this.filterOpen?"background-override":"filter background-override")} id=solutions-all-shell-panel-start style=${r(e)}><solutions-filter-panel class="height-100" @applyFilter=${this._filterApplied} ${o(this._solutionsFilterPanelRef)}></solutions-filter-panel></calcite-panel>`:i`<calcite-shell-panel class="filter background-override filter-width-350" id=solutions-all-shell-panel-start position=start slot=panel-start style=${r(e)}><calcite-panel><solutions-filter-panel class="height-100" @applyFilter=${this._filterApplied} ${o(this._solutionsFilterPanelRef)}></solutions-filter-panel></calcite-panel></calcite-shell-panel>`}_getSolutionsAllPanel(){let e=this.isMobile&&this.filterOpen?{display:"none"}:"";return i`<solutions-all-panel .agoSolutionsGroupId=${this.appConfig.primarySolutionsGroupId} .enterpriseSolutionsGroupId=${this.appConfig.agoBasedEnterpriseSolutionsGroupId} .locale=${this.appConfig.locale||"en"} .orgUrl=${this.appConfig.portalURL} @cardsFetched=${this._updateSolutionCount} .portalUrl=${this.appConfig.portalURL} .sortType=${this.sortType} style=${r(e)} @searchTermSet=${t=>this._solutionsFilterPanelRef.value.changeSearchFilter(t.detail,!1)} @sortTypeSet=${t=>this.sortType=t.detail} ${o(this._allSolutionsPanelRef)}></solutions-all-panel>`}_renderChips(){let e=this._filters.categories.filter(t=>t.type==="industry"||t.type==="domain");return e.length>0?_(e,t=>`${t.type}:${t.value}`,t=>i`<calcite-chip appearance=outline-fill class="padding-start" closable kind=neutral .label=${t.displayValue} @calciteChipClose=${()=>this._chipClosed(t.displayValue,t.type)} .value=${t.displayValue}>${t.displayValue}</calcite-chip>`):void 0}_renderDropdown(){let e=[{displayValue:this._translations.sortByRelevance,sortType:"relevance"},{displayValue:this._translations.sortByTitle,sortType:"title"},{displayValue:this._translations.sortByNew,sortType:"new"},{displayValue:this._translations.sortByUpdated,sortType:"updated"}];return this._authContextConsumer.value.IsSignedIn&&e.push({displayValue:this._translations.sortBySuggestedForYou,sortType:"suggested"}),i`<calcite-dropdown width=m><calcite-button appearance=outline-fill class="header-button-padding" icon-start=sort-descending kind=neutral slot=trigger>${this.isMobile?"":this._getString(this.sortType)}</calcite-button><calcite-dropdown-group group-title=${this._translations.chooseSortType??c}>${e.map(t=>this._getDropdownItem(t.displayValue,t.sortType))}</calcite-dropdown-group></calcite-dropdown>`}_getDropdownItem(e,t){return this.sortType!==t?i`<calcite-dropdown-item @click=${()=>this._sortChanged(t)}>${e}</calcite-dropdown-item>`:i`<calcite-dropdown-item @click=${()=>this._sortChanged(t)} selected>${e}</calcite-dropdown-item>`}_getString(e){let t="";switch(e){case"new":t=this._translations.sortByNew;break;case"relevance":t=this._translations.sortByRelevance;break;case"suggested":t=this._translations.sortBySuggestedForYou;break;case"title":t=this._translations.sortByTitle;break;case"updated":t=this._translations.sortByUpdated;break}return t}_updateSolutionCount(e){this.solutionsCount=e.detail}_sortChanged(e){this.sortType=e,this.sortTypeChanged.emit(this.sortType),this._allSolutionsPanelRef.value?.searchSolutions({sortType:e})}_chipClosed(e,t){if(t==="industry")this._filters.categories=[];else{let l=this._filters.categories.filter(s=>s.displayValue!==e&&s.type!==t);this._filters.categories=l}this._filters.categories.length>0?this._allSolutionsPanelRef.value?.searchSolutions(this._filters.categories):this._filters.searchTerm!==""?(this._allSolutionsPanelRef.value?.searchSolutions(this._filters.categories),this._allSolutionsPanelRef.value?.searchSolutions({searchTerm:this._filters.searchTerm})):this._allSolutionsPanelRef.value?.searchSolutions(),this.filterRemoved.emit(this._filters.categories)}_toggleFilter(){this.filterOpen=!this.filterOpen}_filterApplied(e){if(e.detail){let t=e.detail;"displayValue"in e.detail?this._filters.categories.push(e.detail):Array.isArray(e.detail)&&e.detail.length>0&&(e.detail.length>=2&&(t=[e.detail[e.detail.length-1]]),this._filters.categories=e.detail),"searchTerm"in t&&(this._filters.searchTerm=t.searchTerm),this._allSolutionsPanelRef.value?.searchSolutions(t)}else this._filters.categories=[],this._allSolutionsPanelRef.value?.searchSolutions()}};g("solutions-all-shell",h);export{h as SolutionsAllShell};