@esri/solutions-components 1.0.3 → 1.0.5

package/dist/types/preact.d.ts

@@ -42,7 +42,7 @@ import type { SolutionContents } from "../components/solution-contents";
 import type { SolutionDeleteDialog } from "../components/solution-delete-dialog";
 import type { SolutionDeployDialog } from "../components/solution-deploy-dialog";
 import type { SolutionDeployedCard } from "../components/solution-deployed-card";
-import type { SolutionDeployingPanel } from "../components/solution-deploying-panel";
+import type { SolutionDeployingDialog } from "../components/solution-deploying-dialog";
 import type { SolutionDetailsCard } from "../components/solution-details-card";
 import type { SolutionDetailsPanel } from "../components/solution-details-panel";
 import type { SolutionItem } from "../components/solution-item";
@@ -255,11 +255,12 @@ interface PreactSolutionArticleCard extends PreactJsx.HTMLAttributes<HTMLSolutio
 interface PreactSolutionConfiguration extends Partial<Pick<SolutionConfiguration, 'authentication' | 'serializedAuthentication' | 'showLoading' | 'solutionItemId'>>, PreactJsx.HTMLAttributes<HTMLSolutionConfigurationElement> {
 }
 
-interface PreactSolutionConfigureDialog extends Partial<Pick<SolutionConfigureDialog, 'card' | 'cardRef' | 'open' | 'templateInfos'>>, PreactJsx.HTMLAttributes<HTMLSolutionConfigureDialogElement> {
+interface PreactSolutionConfigureDialog extends Partial<Pick<SolutionConfigureDialog, 'authContextConsumer' | 'card' | 'cardRef' | 'open' | 'showSuccessAlert' | 'templateInfos'>>, PreactJsx.HTMLAttributes<HTMLSolutionConfigureDialogElement> {
   onsolutionConfigureDialogClose?: EventHandler<HTMLSolutionConfigureDialogElement["solutionConfigureDialogClose"]>;
 }
 
-interface PreactSolutionConfigureTitles extends Partial<Pick<SolutionConfigureTitles, 'open' | 'templateInfos'>>, PreactJsx.HTMLAttributes<HTMLSolutionConfigureTitlesElement> {
+interface PreactSolutionConfigureTitles extends Partial<Pick<SolutionConfigureTitles, 'card' | 'open' | 'templateInfos'>>, PreactJsx.HTMLAttributes<HTMLSolutionConfigureTitlesElement> {
+  onsolutionConfigureTitlesBeforeClose?: EventHandler<HTMLSolutionConfigureTitlesElement["solutionConfigureTitlesBeforeClose"]>;
 }
 
 interface PreactSolutionContents extends Partial<Pick<SolutionContents, 'selectedItemId' | 'templateHierarchy'>>, PreactJsx.HTMLAttributes<HTMLSolutionContentsElement> {
@@ -271,17 +272,17 @@ interface PreactSolutionDeleteDialog extends Partial<Pick<SolutionDeleteDialog,
   onsolutionDeleted?: EventHandler<HTMLSolutionDeleteDialogElement["solutionDeleted"]>;
 }
 
-interface PreactSolutionDeployDialog extends Partial<Pick<SolutionDeployDialog, 'card' | 'open' | 'wkid'>>, PreactJsx.HTMLAttributes<HTMLSolutionDeployDialogElement> {
+interface PreactSolutionDeployDialog extends Partial<Pick<SolutionDeployDialog, 'card' | 'open' | 'userOptions' | 'wkid'>>, PreactJsx.HTMLAttributes<HTMLSolutionDeployDialogElement> {
   ondeployFailed?: EventHandler<HTMLSolutionDeployDialogElement["deployFailed"]>;
   ondeployProgressEnd?: EventHandler<HTMLSolutionDeployDialogElement["deployProgressEnd"]>;
   ondeployProgressStart?: EventHandler<HTMLSolutionDeployDialogElement["deployProgressStart"]>;
   ondeployProgressUpdated?: EventHandler<HTMLSolutionDeployDialogElement["deployProgressUpdated"]>;
 }
 
-interface PreactSolutionDeployedCard extends Partial<Pick<SolutionDeployedCard, 'allowDelete' | 'card' | 'deployedDate' | 'description' | 'heading' | 'itemId' | 'owner' | 'thumbnail' | 'updateAvailable'>>, PreactJsx.HTMLAttributes<HTMLSolutionDeployedCardElement> {
+interface PreactSolutionDeployedCard extends Partial<Pick<SolutionDeployedCard, 'allowDelete' | 'authContextConsumer' | 'card' | 'deployedDate' | 'description' | 'heading' | 'itemId' | 'owner' | 'thumbnail' | 'updateAvailable'>>, PreactJsx.HTMLAttributes<HTMLSolutionDeployedCardElement> {
 }
 
-interface PreactSolutionDeployingPanel extends Partial<Pick<SolutionDeployingPanel, 'solutionItem'>>, PreactJsx.HTMLAttributes<HTMLSolutionDeployingPanelElement> {
+interface PreactSolutionDeployingDialog extends Partial<Pick<SolutionDeployingDialog, 'card' | 'deploymentProgress' | 'open'>>, PreactJsx.HTMLAttributes<HTMLSolutionDeployingDialogElement> {
 }
 
 interface PreactSolutionDetailsCard extends Partial<Pick<SolutionDetailsCard, 'card'>>, PreactJsx.HTMLAttributes<HTMLSolutionDetailsCardElement> {
@@ -296,7 +297,7 @@ interface PreactSolutionDetailsPanel extends Partial<Pick<SolutionDetailsPanel,
 interface PreactSolutionItem extends Partial<Pick<SolutionItem, 'authentication' | 'itemId' | 'organizationVariables' | 'solutionVariables'>>, PreactJsx.HTMLAttributes<HTMLSolutionItemElement> {
 }
 
-interface PreactSolutionItemAccordion extends Partial<Pick<SolutionItemAccordion, 'linkType' | 'listSelectionMode' | 'templateInfos' | 'typeKeywords'>>, PreactJsx.HTMLAttributes<HTMLSolutionItemAccordionElement> {
+interface PreactSolutionItemAccordion extends Partial<Pick<SolutionItemAccordion, 'itemRelationshipDependencies' | 'linkType' | 'listSelectionMode' | 'templateInfos' | 'typeKeywords'>>, PreactJsx.HTMLAttributes<HTMLSolutionItemAccordionElement> {
   onsolutionItemHover?: EventHandler<HTMLSolutionItemAccordionElement["solutionItemHover"]>;
   onsolutionItemSelect?: EventHandler<HTMLSolutionItemAccordionElement["solutionItemSelect"]>;
   onsolutionTypeHover?: EventHandler<HTMLSolutionItemAccordionElement["solutionTypeHover"]>;
@@ -321,7 +322,7 @@ interface PreactSolutionOrganizationVariables extends Partial<Pick<SolutionOrgan
 interface PreactSolutionResourceItem extends Partial<Pick<SolutionResourceItem, 'authentication' | 'itemId'>>, PreactJsx.HTMLAttributes<HTMLSolutionResourceItemElement> {
 }
 
-interface PreactSolutionSnapshotGallery extends Partial<Pick<SolutionSnapshotGallery, 'auth' | 'authContextConsumer' | 'card' | 'itemProperties' | 'open' | 'screenshot'>>, PreactJsx.HTMLAttributes<HTMLSolutionSnapshotGalleryElement> {
+interface PreactSolutionSnapshotGallery extends Partial<Pick<SolutionSnapshotGallery, 'authContextConsumer' | 'card' | 'itemProperties' | 'open' | 'screenshot'>>, PreactJsx.HTMLAttributes<HTMLSolutionSnapshotGalleryElement> {
 }
 
 interface PreactSolutionSpatialRef extends Partial<Pick<SolutionSpatialRef, 'enabled' | 'enableDefault' | 'featureServices'>>, PreactJsx.HTMLAttributes<HTMLSolutionSpatialRefElement> {
@@ -423,7 +424,7 @@ declare module 'preact' {
       "solution-delete-dialog": PreactSolutionDeleteDialog;
       "solution-deploy-dialog": PreactSolutionDeployDialog;
       "solution-deployed-card": PreactSolutionDeployedCard;
-      "solution-deploying-panel": PreactSolutionDeployingPanel;
+      "solution-deploying-dialog": PreactSolutionDeployingDialog;
       "solution-details-card": PreactSolutionDetailsCard;
       "solution-details-panel": PreactSolutionDetailsPanel;
       "solution-item": PreactSolutionItem;
@@ -495,7 +496,7 @@ declare module 'preact' {
       "solution-delete-dialog": PreactSolutionDeleteDialog;
       "solution-deploy-dialog": PreactSolutionDeployDialog;
       "solution-deployed-card": PreactSolutionDeployedCard;
-      "solution-deploying-panel": PreactSolutionDeployingPanel;
+      "solution-deploying-dialog": PreactSolutionDeployingDialog;
       "solution-details-card": PreactSolutionDetailsCard;
       "solution-details-panel": PreactSolutionDetailsPanel;
       "solution-item": PreactSolutionItem;

package/dist/types/react.d.ts

@@ -42,7 +42,7 @@ import type { SolutionContents } from "../components/solution-contents";
 import type { SolutionDeleteDialog } from "../components/solution-delete-dialog";
 import type { SolutionDeployDialog } from "../components/solution-deploy-dialog";
 import type { SolutionDeployedCard } from "../components/solution-deployed-card";
-import type { SolutionDeployingPanel } from "../components/solution-deploying-panel";
+import type { SolutionDeployingDialog } from "../components/solution-deploying-dialog";
 import type { SolutionDetailsCard } from "../components/solution-details-card";
 import type { SolutionDetailsPanel } from "../components/solution-details-panel";
 import type { SolutionItem } from "../components/solution-item";
@@ -255,11 +255,12 @@ interface ReactSolutionArticleCard extends HTMLProps<HTMLSolutionArticleCardElem
 interface ReactSolutionConfiguration extends Partial<Pick<SolutionConfiguration, 'authentication' | 'serializedAuthentication' | 'showLoading' | 'solutionItemId'>>, HTMLProps<HTMLSolutionConfigurationElement> {
 }
 
-interface ReactSolutionConfigureDialog extends Partial<Pick<SolutionConfigureDialog, 'card' | 'cardRef' | 'open' | 'templateInfos'>>, HTMLProps<HTMLSolutionConfigureDialogElement> {
+interface ReactSolutionConfigureDialog extends Partial<Pick<SolutionConfigureDialog, 'authContextConsumer' | 'card' | 'cardRef' | 'open' | 'showSuccessAlert' | 'templateInfos'>>, HTMLProps<HTMLSolutionConfigureDialogElement> {
   onsolutionConfigureDialogClose?: EventHandler<HTMLSolutionConfigureDialogElement["solutionConfigureDialogClose"]>;
 }
 
-interface ReactSolutionConfigureTitles extends Partial<Pick<SolutionConfigureTitles, 'open' | 'templateInfos'>>, HTMLProps<HTMLSolutionConfigureTitlesElement> {
+interface ReactSolutionConfigureTitles extends Partial<Pick<SolutionConfigureTitles, 'card' | 'open' | 'templateInfos'>>, HTMLProps<HTMLSolutionConfigureTitlesElement> {
+  onsolutionConfigureTitlesBeforeClose?: EventHandler<HTMLSolutionConfigureTitlesElement["solutionConfigureTitlesBeforeClose"]>;
 }
 
 interface ReactSolutionContents extends Partial<Pick<SolutionContents, 'selectedItemId' | 'templateHierarchy'>>, HTMLProps<HTMLSolutionContentsElement> {
@@ -271,17 +272,17 @@ interface ReactSolutionDeleteDialog extends Partial<Pick<SolutionDeleteDialog, '
   onsolutionDeleted?: EventHandler<HTMLSolutionDeleteDialogElement["solutionDeleted"]>;
 }
 
-interface ReactSolutionDeployDialog extends Partial<Pick<SolutionDeployDialog, 'card' | 'open' | 'wkid'>>, HTMLProps<HTMLSolutionDeployDialogElement> {
+interface ReactSolutionDeployDialog extends Partial<Pick<SolutionDeployDialog, 'card' | 'open' | 'userOptions' | 'wkid'>>, HTMLProps<HTMLSolutionDeployDialogElement> {
   ondeployFailed?: EventHandler<HTMLSolutionDeployDialogElement["deployFailed"]>;
   ondeployProgressEnd?: EventHandler<HTMLSolutionDeployDialogElement["deployProgressEnd"]>;
   ondeployProgressStart?: EventHandler<HTMLSolutionDeployDialogElement["deployProgressStart"]>;
   ondeployProgressUpdated?: EventHandler<HTMLSolutionDeployDialogElement["deployProgressUpdated"]>;
 }
 
-interface ReactSolutionDeployedCard extends Partial<Pick<SolutionDeployedCard, 'allowDelete' | 'card' | 'deployedDate' | 'description' | 'heading' | 'itemId' | 'owner' | 'thumbnail' | 'updateAvailable'>>, HTMLProps<HTMLSolutionDeployedCardElement> {
+interface ReactSolutionDeployedCard extends Partial<Pick<SolutionDeployedCard, 'allowDelete' | 'authContextConsumer' | 'card' | 'deployedDate' | 'description' | 'heading' | 'itemId' | 'owner' | 'thumbnail' | 'updateAvailable'>>, HTMLProps<HTMLSolutionDeployedCardElement> {
 }
 
-interface ReactSolutionDeployingPanel extends Partial<Pick<SolutionDeployingPanel, 'solutionItem'>>, HTMLProps<HTMLSolutionDeployingPanelElement> {
+interface ReactSolutionDeployingDialog extends Partial<Pick<SolutionDeployingDialog, 'card' | 'deploymentProgress' | 'open'>>, HTMLProps<HTMLSolutionDeployingDialogElement> {
 }
 
 interface ReactSolutionDetailsCard extends Partial<Pick<SolutionDetailsCard, 'card'>>, HTMLProps<HTMLSolutionDetailsCardElement> {
@@ -296,7 +297,7 @@ interface ReactSolutionDetailsPanel extends Partial<Pick<SolutionDetailsPanel, '
 interface ReactSolutionItem extends Partial<Pick<SolutionItem, 'authentication' | 'itemId' | 'organizationVariables' | 'solutionVariables'>>, HTMLProps<HTMLSolutionItemElement> {
 }
 
-interface ReactSolutionItemAccordion extends Partial<Pick<SolutionItemAccordion, 'linkType' | 'listSelectionMode' | 'templateInfos' | 'typeKeywords'>>, HTMLProps<HTMLSolutionItemAccordionElement> {
+interface ReactSolutionItemAccordion extends Partial<Pick<SolutionItemAccordion, 'itemRelationshipDependencies' | 'linkType' | 'listSelectionMode' | 'templateInfos' | 'typeKeywords'>>, HTMLProps<HTMLSolutionItemAccordionElement> {
   onsolutionItemHover?: EventHandler<HTMLSolutionItemAccordionElement["solutionItemHover"]>;
   onsolutionItemSelect?: EventHandler<HTMLSolutionItemAccordionElement["solutionItemSelect"]>;
   onsolutionTypeHover?: EventHandler<HTMLSolutionItemAccordionElement["solutionTypeHover"]>;
@@ -321,7 +322,7 @@ interface ReactSolutionOrganizationVariables extends Partial<Pick<SolutionOrgani
 interface ReactSolutionResourceItem extends Partial<Pick<SolutionResourceItem, 'authentication' | 'itemId'>>, HTMLProps<HTMLSolutionResourceItemElement> {
 }
 
-interface ReactSolutionSnapshotGallery extends Partial<Pick<SolutionSnapshotGallery, 'auth' | 'authContextConsumer' | 'card' | 'itemProperties' | 'open' | 'screenshot'>>, HTMLProps<HTMLSolutionSnapshotGalleryElement> {
+interface ReactSolutionSnapshotGallery extends Partial<Pick<SolutionSnapshotGallery, 'authContextConsumer' | 'card' | 'itemProperties' | 'open' | 'screenshot'>>, HTMLProps<HTMLSolutionSnapshotGalleryElement> {
 }
 
 interface ReactSolutionSpatialRef extends Partial<Pick<SolutionSpatialRef, 'enabled' | 'enableDefault' | 'featureServices'>>, HTMLProps<HTMLSolutionSpatialRefElement> {
@@ -423,7 +424,7 @@ declare module "react" {
       "solution-delete-dialog": ReactSolutionDeleteDialog;
       "solution-deploy-dialog": ReactSolutionDeployDialog;
       "solution-deployed-card": ReactSolutionDeployedCard;
-      "solution-deploying-panel": ReactSolutionDeployingPanel;
+      "solution-deploying-dialog": ReactSolutionDeployingDialog;
       "solution-details-card": ReactSolutionDetailsCard;
       "solution-details-panel": ReactSolutionDetailsPanel;
       "solution-item": ReactSolutionItem;
@@ -497,7 +498,7 @@ declare module "react/jsx-runtime" {
       "solution-delete-dialog": ReactSolutionDeleteDialog;
       "solution-deploy-dialog": ReactSolutionDeployDialog;
       "solution-deployed-card": ReactSolutionDeployedCard;
-      "solution-deploying-panel": ReactSolutionDeployingPanel;
+      "solution-deploying-dialog": ReactSolutionDeployingDialog;
       "solution-details-card": ReactSolutionDetailsCard;
       "solution-details-panel": ReactSolutionDetailsPanel;
       "solution-item": ReactSolutionItem;
@@ -571,7 +572,7 @@ declare module "react/jsx-dev-runtime" {
       "solution-delete-dialog": ReactSolutionDeleteDialog;
       "solution-deploy-dialog": ReactSolutionDeployDialog;
       "solution-deployed-card": ReactSolutionDeployedCard;
-      "solution-deploying-panel": ReactSolutionDeployingPanel;
+      "solution-deploying-dialog": ReactSolutionDeployingDialog;
       "solution-details-card": ReactSolutionDetailsCard;
       "solution-details-panel": ReactSolutionDetailsPanel;
       "solution-item": ReactSolutionItem;

package/dist/types/stencil.d.ts

@@ -42,7 +42,7 @@ import type { SolutionContents } from "../components/solution-contents";
 import type { SolutionDeleteDialog } from "../components/solution-delete-dialog";
 import type { SolutionDeployDialog } from "../components/solution-deploy-dialog";
 import type { SolutionDeployedCard } from "../components/solution-deployed-card";
-import type { SolutionDeployingPanel } from "../components/solution-deploying-panel";
+import type { SolutionDeployingDialog } from "../components/solution-deploying-dialog";
 import type { SolutionDetailsCard } from "../components/solution-details-card";
 import type { SolutionDetailsPanel } from "../components/solution-details-panel";
 import type { SolutionItem } from "../components/solution-item";
@@ -255,11 +255,12 @@ interface StencilSolutionArticleCard extends StencilJsx.HTMLAttributes<HTMLSolut
 interface StencilSolutionConfiguration extends Partial<Pick<SolutionConfiguration, 'authentication' | 'serializedAuthentication' | 'showLoading' | 'solutionItemId'>>, StencilJsx.HTMLAttributes<HTMLSolutionConfigurationElement> {
 }
 
-interface StencilSolutionConfigureDialog extends Partial<Pick<SolutionConfigureDialog, 'card' | 'cardRef' | 'open' | 'templateInfos'>>, StencilJsx.HTMLAttributes<HTMLSolutionConfigureDialogElement> {
+interface StencilSolutionConfigureDialog extends Partial<Pick<SolutionConfigureDialog, 'authContextConsumer' | 'card' | 'cardRef' | 'open' | 'showSuccessAlert' | 'templateInfos'>>, StencilJsx.HTMLAttributes<HTMLSolutionConfigureDialogElement> {
   onSolutionConfigureDialogClose?: EventHandler<HTMLSolutionConfigureDialogElement["solutionConfigureDialogClose"]>;
 }
 
-interface StencilSolutionConfigureTitles extends Partial<Pick<SolutionConfigureTitles, 'open' | 'templateInfos'>>, StencilJsx.HTMLAttributes<HTMLSolutionConfigureTitlesElement> {
+interface StencilSolutionConfigureTitles extends Partial<Pick<SolutionConfigureTitles, 'card' | 'open' | 'templateInfos'>>, StencilJsx.HTMLAttributes<HTMLSolutionConfigureTitlesElement> {
+  onSolutionConfigureTitlesBeforeClose?: EventHandler<HTMLSolutionConfigureTitlesElement["solutionConfigureTitlesBeforeClose"]>;
 }
 
 interface StencilSolutionContents extends Partial<Pick<SolutionContents, 'selectedItemId' | 'templateHierarchy'>>, StencilJsx.HTMLAttributes<HTMLSolutionContentsElement> {
@@ -271,17 +272,17 @@ interface StencilSolutionDeleteDialog extends Partial<Pick<SolutionDeleteDialog,
   onSolutionDeleted?: EventHandler<HTMLSolutionDeleteDialogElement["solutionDeleted"]>;
 }
 
-interface StencilSolutionDeployDialog extends Partial<Pick<SolutionDeployDialog, 'card' | 'open' | 'wkid'>>, StencilJsx.HTMLAttributes<HTMLSolutionDeployDialogElement> {
+interface StencilSolutionDeployDialog extends Partial<Pick<SolutionDeployDialog, 'card' | 'open' | 'userOptions' | 'wkid'>>, StencilJsx.HTMLAttributes<HTMLSolutionDeployDialogElement> {
   onDeployFailed?: EventHandler<HTMLSolutionDeployDialogElement["deployFailed"]>;
   onDeployProgressEnd?: EventHandler<HTMLSolutionDeployDialogElement["deployProgressEnd"]>;
   onDeployProgressStart?: EventHandler<HTMLSolutionDeployDialogElement["deployProgressStart"]>;
   onDeployProgressUpdated?: EventHandler<HTMLSolutionDeployDialogElement["deployProgressUpdated"]>;
 }
 
-interface StencilSolutionDeployedCard extends Partial<Pick<SolutionDeployedCard, 'allowDelete' | 'card' | 'deployedDate' | 'description' | 'heading' | 'itemId' | 'owner' | 'thumbnail' | 'updateAvailable'>>, StencilJsx.HTMLAttributes<HTMLSolutionDeployedCardElement> {
+interface StencilSolutionDeployedCard extends Partial<Pick<SolutionDeployedCard, 'allowDelete' | 'authContextConsumer' | 'card' | 'deployedDate' | 'description' | 'heading' | 'itemId' | 'owner' | 'thumbnail' | 'updateAvailable'>>, StencilJsx.HTMLAttributes<HTMLSolutionDeployedCardElement> {
 }
 
-interface StencilSolutionDeployingPanel extends Partial<Pick<SolutionDeployingPanel, 'solutionItem'>>, StencilJsx.HTMLAttributes<HTMLSolutionDeployingPanelElement> {
+interface StencilSolutionDeployingDialog extends Partial<Pick<SolutionDeployingDialog, 'card' | 'deploymentProgress' | 'open'>>, StencilJsx.HTMLAttributes<HTMLSolutionDeployingDialogElement> {
 }
 
 interface StencilSolutionDetailsCard extends Partial<Pick<SolutionDetailsCard, 'card'>>, StencilJsx.HTMLAttributes<HTMLSolutionDetailsCardElement> {
@@ -296,7 +297,7 @@ interface StencilSolutionDetailsPanel extends Partial<Pick<SolutionDetailsPanel,
 interface StencilSolutionItem extends Partial<Pick<SolutionItem, 'authentication' | 'itemId' | 'organizationVariables' | 'solutionVariables'>>, StencilJsx.HTMLAttributes<HTMLSolutionItemElement> {
 }
 
-interface StencilSolutionItemAccordion extends Partial<Pick<SolutionItemAccordion, 'linkType' | 'listSelectionMode' | 'templateInfos' | 'typeKeywords'>>, StencilJsx.HTMLAttributes<HTMLSolutionItemAccordionElement> {
+interface StencilSolutionItemAccordion extends Partial<Pick<SolutionItemAccordion, 'itemRelationshipDependencies' | 'linkType' | 'listSelectionMode' | 'templateInfos' | 'typeKeywords'>>, StencilJsx.HTMLAttributes<HTMLSolutionItemAccordionElement> {
   onSolutionItemHover?: EventHandler<HTMLSolutionItemAccordionElement["solutionItemHover"]>;
   onSolutionItemSelect?: EventHandler<HTMLSolutionItemAccordionElement["solutionItemSelect"]>;
   onSolutionTypeHover?: EventHandler<HTMLSolutionItemAccordionElement["solutionTypeHover"]>;
@@ -321,7 +322,7 @@ interface StencilSolutionOrganizationVariables extends Partial<Pick<SolutionOrga
 interface StencilSolutionResourceItem extends Partial<Pick<SolutionResourceItem, 'authentication' | 'itemId'>>, StencilJsx.HTMLAttributes<HTMLSolutionResourceItemElement> {
 }
 
-interface StencilSolutionSnapshotGallery extends Partial<Pick<SolutionSnapshotGallery, 'auth' | 'authContextConsumer' | 'card' | 'itemProperties' | 'open' | 'screenshot'>>, StencilJsx.HTMLAttributes<HTMLSolutionSnapshotGalleryElement> {
+interface StencilSolutionSnapshotGallery extends Partial<Pick<SolutionSnapshotGallery, 'authContextConsumer' | 'card' | 'itemProperties' | 'open' | 'screenshot'>>, StencilJsx.HTMLAttributes<HTMLSolutionSnapshotGalleryElement> {
 }
 
 interface StencilSolutionSpatialRef extends Partial<Pick<SolutionSpatialRef, 'enabled' | 'enableDefault' | 'featureServices'>>, StencilJsx.HTMLAttributes<HTMLSolutionSpatialRefElement> {
@@ -421,7 +422,7 @@ interface ExposedElements {
   "solution-delete-dialog": StencilSolutionDeleteDialog;
   "solution-deploy-dialog": StencilSolutionDeployDialog;
   "solution-deployed-card": StencilSolutionDeployedCard;
-  "solution-deploying-panel": StencilSolutionDeployingPanel;
+  "solution-deploying-dialog": StencilSolutionDeployingDialog;
   "solution-details-card": StencilSolutionDetailsCard;
   "solution-details-panel": StencilSolutionDetailsPanel;
   "solution-item": StencilSolutionItem;

package/dist/utils/interfaces.d.ts

@@ -2,6 +2,7 @@
 import { IDeployFileCopyPath, IItemTemplate } from '@esri/solution-common';
 import { MapPicker } from '../components/map-picker/customElement.js';
 import { MapLayerPicker } from '../components/map-layer-picker/customElement.js';
+import { SolutionDeployedCard } from '../components/solution-deployed-card/customElement.js';
 import * as restTypes from "@esri/arcgis-rest-types";
 export declare enum EImageDisplayType {
     GRID = "GRID",
@@ -589,6 +590,7 @@ export interface ISolutionDeployedCard {
 export declare enum ECustomPrivileges {
     HUBPREMIUM = "solutions:hubPremium",
     NOTEBOOK = "solutions:notebook",
+    TRACKINGBASE = "solutions:locationtracking",
     TRACKING = "solutions:locationtracking:tracking",
     TRACKINGADMIN = "solutions:locationtracking:admin",
     TRACKINGADMINANDTRACKING = "solutions:locationtracking:admin:tracking",
@@ -773,3 +775,11 @@ export interface IItemProperties {
     demoURL: string;
     relatedArticles: any[];
 }
+export interface IPrivilegeMessages {
+    leadingMessages: string[];
+    bulletedMessages: string[];
+    trailingMessages: string[];
+}
+export interface IDeployedSolutionCardRefs {
+    [key: string]: SolutionDeployedCard;
+}

package/dist/utils/privilegeUtils.d.ts

@@ -1,3 +1,4 @@
+import { IPrivilegeMessages } from './interfaces';
 import { ISolutionItemData } from '@esri/solution-common';
 import { Auth } from './Auth';
 /**
@@ -12,3 +13,9 @@ export declare function getRequiredSolutionPrivileges(solutionData: ISolutionIte
 * @returns boolean when true the user is an admin
 */
 export declare function getUserIsAdmin(auth: Auth): boolean;
+/**
+* Get translated messages based on any missing privileges.
+*
+* @returns IPrivilegeMessages the messages in a specific order
+*/
+export declare function getPrivilegeMessages(translations: any, missingPrivileges: string[]): IPrivilegeMessages;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@esri/solutions-components",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "Web Components for Esri's Solutions Applications",
   "type": "module",
   "main": "dist/index.js",

package/dist/cdn/26CFA6NB.js

@@ -1,289 +0,0 @@
-/*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
-See https://js.arcgis.com/1.0/esri/copyright.txt for details.
-v1.0.3 */
-import{a as f}from"./NRBFWIU7.js";import{e as b}from"./3U5MCBML.js";import{c as u,n as g,t as _,z as x}from"./ZWTSIAER.js";import"./ICTEUNHA.js";import{a as m,c as a,d as w,e as v,f as y}from"./QEC76CAD.js";import"./K6A5BZGW.js";var k=`
-  @media print {
-    @page {
-      size:  Portrait;
-      margin: .25in;
-    }
-
-    html, body {
-      padding: 0;
-      margin: 0;
-      height: 100%;
-      width: 100%;
-    }
-
-    body > *:not(.instant-apps-export-print) { display: none; }
-  }
-
-  * {
-    -webkit-print-color-adjust: exact;
-    color-adjust: exact;
-  }
-
-  instant-apps-header {
-    height: 50px;
-    display: block;
-  }
-
-
-  .instant-apps-export-print {
-    z-index: -999;
-    color: #323232 !important;
-    display: grid;
-    grid-auto-flow: row;
-    --esri-calcite-mode-name: "light";
-    position: absolute;
-  }
-
-  .instant-apps-export-print__view-header {
-    background: #fff;
-  }
-
-  .instant-apps-export-print__view-header h1 {
-    font-size: 16px;
-    font-weight: 500;
-    color: #323232;
-    margin: 6px;
-  }
-
-  .instant-apps-export-print__views-container {
-    height: 100%;
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-  }
-
-  .instant-apps-export-print__view-content:first-child {
-    page-break-before: unset;
-  } 
-
-  .instant-apps-export-print__view-content {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    gap: 32px;
-    page-break-before: always;
-  }
-
-  .instant-apps-export-print, .instant-apps-export-print * {
-    box-sizing: border-box;
-  }
-
-  .instant-apps-export-print__view-section {
-    height: 100%;
-  }
-
-  .instant-apps-export-print__view-container {
-    height: 100%;
-    width: 100%;
-    break-inside: avoid;
-  }
-
-  .instant-apps-export-print__view-wrapper {
-    height: fit-content;
-    width: min-content;
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    border: 2pt solid #323232;
-    overflow: hidden;
-  }
-
-  .instant-apps-export-print__view {
-    max-height: 60vh;
-    max-width: calc(100vw - .25in);
-    object-fit: contain;
-  }
-
-  .instant-apps-export-print__popup-container {
-    height: min-content;
-    max-width: 350px;
-    display: none;
-    color: #323232;
-    background: #fff;
-    border: 1pt solid #323232;
-    break-inside: avoid;
-  }
-
-  .instant-apps-export-print__popup-title {
-    border-bottom: 1pt solid #323232;
-  }
-
-  .instant-apps-export-print__popup-content {
-    background: #fff;
-    padding-top: 8pt;
-  }
-
-  .instant-apps-export-print__popup-content .esri-feature-media__chart {
-    background: #fff;
-  }
-
-  .instant-apps-export-print__legend-container {
-    height: min-content;
-    background: #fff;
-    overflow: unset;
-  }
-
-  .esri-legend--card, .esri-legend--card__service-content {
-    flex-flow: row wrap;
-  }
-
-  .instant-apps-export-print .esri-widget > *:not(.esri-scale-bar.esri-widget > *) {
-    background: #fff;
-    color: #323232;
-  }
-
-  .instant-apps-export-print__popup-content * {
-    color: #323232;
-  }
-
-  .instant-apps-export-print .esri-widget__heading {
-    margin: 2pt 7pt;
-    padding: 0;
-    color: #323232;
-  }
-
-  .instant-apps-export-print .esri-legend__ramp-label:before {
-    border-color: rgba(0,0,0,0) rgba(50,50,50,.8) rgba(0,0,0,0) rgba(0,0,0,0);
-  }
-
-  .instant-apps-export-print .esri-legend--card__section {
-    padding: 4pt 0 4pt;
-    min-width: unset;
-    border-left: none;
-  }
-
-  .instant-apps-export-print .esri-legend--card__section:first-child {
-    border-left: none;
-  }
-
-  .instant-apps-export-print .esri-legend--card__service {
-    border: none;
-    flex: 0 1 auto;
-    break-inside: avoid;
-  }
-
-  .instant-apps-export-print .esri-legend--card {
-    border: none;
-    gap: 6pt 12pt;
-  }
-
-  .instant-apps-export-print .esri-legend--card:not(:first-child),
-  .instant-apps-export-print .esri-compass.esri-widget:not(:first-child) {
-    display: none;
-  }
-
-  .instant-apps-export-print .esri-legend--card__service-caption-container {
-    height: unset;
-    padding: 0;
-    border-bottom: none;
-  }
-
-  .instant-apps-export-print .esri-legend--card__service-caption-text {
-    padding-bottom: 4px;
-  }
-
-  .instant-apps-export-print__compass-container {
-    position: absolute;
-    top: 65px;
-    left: 15px;
-    background: #fff;
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
-    --calcite-ui-icon-color: #000;
-    border-radius: 50%;
-    height: fit-content;
-  }
-
-  .instant-apps-export-print__compass-container .esri-compass {
-    background: #fff;
-  }
-
-  .instant-apps-export-print__compass-container .esri-compass__icon.esri-icon-compass {
-    color: #000;
-  }
-
-  .instant-apps-export-print__compass-container.esri-compass.esri-widget--button {
-    background: #fff;
-  }
-
-  .instant-apps-export-print__scale-bar-container {
-    width: 100%;
-    position: absolute;
-    bottom: 15px;
-    margin: 0 15px;
-  }
-
-  .instant-apps-export-print__scale-bar-container .esri-scale-bar__label {
-    color: #323232;
-    font-size: 10px;
-    padding: 0 4px;
-  }
-
-  .instant-apps-export-print__scale-bar-container .esri-scale-bar__label-container--line {
-    height: 16px;
-    overflow: hidden;
-  }
-
-  .instant-apps-export-print__scale-bar-container .esri-scale-bar__label-container--top {
-    bottom: 1px;
-  }
-  
-  .instant-apps-export-print__scale-bar-container--position .esri-scale-bar__label {
-    height: 10px;
-    padding: 0 2px;
-    line-height: 11px;
-  }
-
-  .instant-apps-export-print__scale-bar-container .esri-scale-bar__bar-container:nth-child(1n+3) {
-    display: none;
-  }
-
-  .instant-apps-export-print__scale-bar-container--position .esri-scale-bar__bar-container.esri-scale-bar__bar-container--line {
-    align-items: center;
-  }
-
-  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line {
-    background-color: rgba(255, 255, 255, 0.66);
-  }
-
-  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--top {
-    width: var(--instant-apps-scale-bar-top) !important;
-    border-bottom: 2px solid #323232;
-  }
-
-  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--bottom {
-    width: var(--instant-apps-scale-bar-bottom) !important;
-    border-top: 2px solid #323232;
-  }
-
-  .instant-apps-export-print__scale-bar-container--position .esri-scale-bar__label-container--line {
-    position: unset;
-    margin: 0 2px;
-    background-color: rgba(255, 255, 255, 0.66);
-    height: 10px;
-    display: flex;
-    align-items: center;
-  }
-
-  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--top:before,
-  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--top:after,
-  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--bottom:before,
-  .instant-apps-export-print__scale-bar-container .esri-scale-bar__line--bottom:after {
-    background-color: #323232;
-    border-right: 2px solid #323232;
-  }
-
-  .instant-apps-export-print__popup-container .esri-feature-media__item-navigation {
-    display: none;
-  }
-
-  .instant-apps-export-print__popup-container .esri-feature-media__chart.esri-feature-media__chart--rendered * {
-    width: 100%!important;
-  }
-
-  .instant-apps-export-print__popup-content .esri-popup__content {
-    margin: 0;
-  }`,S=":host{display:block;--instant-apps-export-action-background:var(--calcite-color-foreground-1);--instant-apps-export-action-background-hover:var(--calcite-color-foreground-2);--instant-apps-export-action-background-press:var(--calcite-color-foreground-3);--instant-apps-export-action-height:100%;--instant-apps-export-action-width:fit-content;--instant-apps-export-action-icon-color:var(--calcite-color-text-3);--instant-apps-export-action-icon-hover-color:var(--calcite-color-text-1);--instant-apps-export-background:var(--calcite-color-foreground-1);--instant-apps-export-text-color:var(--calcite-color-text-1);--instant-apps-export-popover-width:250px}.instant-apps-export{height:100%}.instant-apps-export *{box-sizing:border-box}.instant-apps-export__popover-container,.instant-apps-export__inline-container{padding:12px;background:var(--instant-apps-export-background);--calcite-color-text-1:var(--instant-apps-export-text-color)}.instant-apps-export__popover-container{width:var(--instant-apps-export-popover-width)}.instant-apps-export calcite-action{height:var(--instant-apps-export-action-height);width:var(--instant-apps-export-action-width);--calcite-color-foreground-1:var(--instant-apps-export-action-background);--calcite-color-foreground-2:var(--instant-apps-export-action-background-hover);--calcite-color-foreground-3:var(--instant-apps-export-action-background-press);--calcite-color-text-3:var(--instant-apps-export-action-icon-color);--calcite-color-text-1:var(--instant-apps-export-action-icon-hover-color)}.instant-apps-export .instant-apps-export-print{display:none}.instant-apps-export__visually-hidden{position:absolute;top:0;z-index:-1;visibility:hidden}.instant-apps-export calcite-input{--calcite-color-foreground-1:var(--instant-apps-export-background);--calcite-color-text-1:var(--instant-apps-export-text-color)}.instant-apps-export calcite-popover{--calcite-color-foreground-1:var(--instant-apps-export-background)}.instant-apps-export calcite-switch{--calcite-color-foreground-1:#fff;--calcite-color-foreground-2:#f3f3f3}.instant-apps-export calcite-button:last-of-type{margin-top:0.5rem}.calcite-mode-dark.instant-apps-export calcite-switch{--calcite-color-foreground-1:#2b2b2b;--calcite-color-foreground-2:#202020}.calcite-mode-dark.instant-apps-export .instant-apps-export__set-map-area{--calcite-color-brand-hover:#fff}.instant-apps-export__compass-container.esri-widget{background:#fff;box-shadow:0 1px 2px rgba(0, 0, 0, 0.3)}.instant-apps-export__compass-container.esri-widget .esri-compass__icon.esri-icon-compass{color:#6e6e6e}.hide{display:none}.screenshotCursor{cursor:crosshair}",P=S,o={baseDark:"instant-apps-export calcite-mode-dark",baseLight:"instant-apps-export calcite-mode-light",inlineContainer:"instant-apps-export__inline-container",popoverContainer:"instant-apps-export__popover-container",hidden:"instant-apps-export__visually-hidden",print:{base:"instant-apps-export-print",legendContainer:"instant-apps-export-print__legend-container",compassContainer:"instant-apps-export-print__compass-container",scaleBarContainer:"instant-apps-export-print__scale-bar-container",popupContainer:"instant-apps-export-print__popup-container",popupContent:"instant-apps-export-print__popup-content",popupTitle:"instant-apps-export-print__popup-title",view:"instant-apps-export-print__view",viewContainer:"instant-apps-export-print__view-container",viewsContainer:"instant-apps-export-print__views-container",viewSection:"instant-apps-export-print__view-section",viewWrapper:"instant-apps-export-print__view-wrapper",viewContent:"instant-apps-export-print__view-content",viewHeader:"instant-apps-export-print__view-header"}},I=class{constructor(t){m(this,t),this.exportOutputUpdated=y(this,"exportOutputUpdated",7),this.legends={},this.compasses={},this.output=void 0,this.beforeExport=async()=>await Promise.resolve(),this.popoverIcon="export",this.includeLegend=!0,this.includeMap=!0,this.includePopup=!1,this.includeHeader=!1,this.mode="popover",this.popoverPositioning="absolute",this.popoverPlacement="auto",this.scale="m",this.showIncludeLegend=!0,this.showIncludeMap=!1,this.showIncludePopup=!0,this.showIncludeHeader=!0,this.showScaleBar=!1,this.exportViews=void 0,this.baseClass=o.baseLight,this.exportIsLoading=void 0,this.messages=void 0}watchIncludeMap(t){t&&this.exportViews?.forEach(({view:e},n)=>{if(!this.printEl)return;let i=this.printEl.querySelector(`#legend-${n}`);i!=null&&this.updateLegend(e,n,i)})}watchView(){this.exportViews?.forEach(({view:t},e)=>{this.handleIncludePopup(t,e)})}async componentWillLoad(){this.baseClass=f(this.el)==="dark"?o.baseDark:o.baseLight,await b(this),await this.initializeModules()}componentDidLoad(){this.printEl&&(this.printContainerEl?.prepend(this.printEl),this.exportViews?.forEach(({view:t},e)=>{this.handleIncludePopup(t,e)}))}componentDidUpdate(){this.exportViews?.forEach(({view:t},e)=>{if(!this.printEl)return;let n=this.printEl.querySelector(`#legend-${e}`);this.updateLegend(t,e,n)})}async initializeModules(){let t=await x();return this.handles=await u(),this.reactiveUtils=t,await Promise.resolve(!0)}render(){let t=this.mode==="popover"?this.renderPopover():this.renderPanel();return a(w,{key:"9d15cda5065a8d645908cdcc46ef150f9c850c16"},a("div",{key:"beb4f074cc400ecf89068419018a2ab3e2a42911",class:this.baseClass,onMouseEnter:this.handleWidgetCreation.bind(this),onFocusin:this.handleWidgetCreation.bind(this)},t))}renderPopover(){let t=this.renderPanel();return[a("calcite-popover",{referenceElement:"export-popover-btn",label:this.messages?.exportPopover,overlayPositioning:this.popoverPositioning,placement:this.popoverPlacement,autoClose:!0,ref:e=>this.popoverEl=e},t),a("calcite-action",{id:"export-popover-btn",alignment:"center",icon:this.popoverIcon,scale:this.scale,title:this.messages?.exportBtn,text:this.messages?.exportBtn})]}renderPanel(){let t=this.showIncludeMap?this.renderSwitch("includeMap"):null,e=this.includeMap?this.renderMapOptions():null,n=this.renderPrint(),i=this.mode==="inline"?o.inlineContainer:o.popoverContainer;return a("div",{class:i},t,e,a("calcite-button",{width:"full",onClick:this.exportOnClick.bind(this),disabled:this.exportIsLoading},this.messages?.export),n)}renderSwitch(t,e){let i=this[t],r=t,p=e||this.messages?.[r];return a("calcite-label",{layout:"inline-space-between"},p,a("calcite-switch",{checked:i,value:t,onCalciteSwitchChange:this.optionOnChange.bind(this)}))}renderMapOptions(){let t=this.showIncludeHeader?this.renderSwitch("includeHeader"):null,e=this.showIncludeLegend?this.renderSwitch("includeLegend"):null,n=this.showIncludePopup?this.renderSwitch("includePopup"):null;return a("div",null,t,e,n)}renderPrint(){return a("div",{ref:t=>this.printContainerEl=t},a("div",{class:o.print.base,ref:t=>this.printEl=t},a("div",{class:o.print.viewsContainer},this.exportViews?.map(({title:t,view:e},n)=>{let i=e.map?.portalItem?.id,r=this.includeMap?this.renderPrintMap(t,n):null,p=this.includeMap&&this.showIncludeLegend?this.renderLegend(n):null,s=this.includeMap&&this.showIncludePopup?this.renderPopup(n):null;return a("div",{key:i??"",id:`print-${n}`,class:o.print.viewContent},r,p,s)}))))}renderPrintMap(t,e){return a("div",{id:`view-container-${e}`,class:o.print.viewContainer},a("div",{id:`view-wrapper-${e}`,class:o.print.viewWrapper},this.includeHeader&&t?a("div",{class:o.print.viewHeader},a("h1",null,t)):null,a("img",{id:`view-${e}`,class:o.print.view}),a("div",{id:`scale-bar-container-${e}`,class:o.print.scaleBarContainer})))}renderLegend(t){return a("div",{id:`legend-${t}`,class:o.print.legendContainer})}renderCompass(t){return a("div",{id:`compass-${t}`,class:o.print.compassContainer})}renderPopup(t){return a("div",{id:`popup-${t}`,class:o.print.popupContainer},a("div",{id:`popup-title-${t}`,class:o.print.popupTitle}),a("div",{id:`popup-content-${t}`,class:o.print.popupContent}))}optionOnChange(t){let e=t.target,{checked:n,value:i}=e;this[i]=n,this.updateExportOutput()}async exportOnClick(){await this.beforeExport(),this.exportViews?.length?(this.addPrintStyling(),this.printEl&&document.body.prepend(this.printEl),this.exportViews.forEach(({view:t},e)=>{this.handleViewExportOnClick(t,e)}),this.handleImgLoaded()):this.popoverEl!=null&&(this.popoverEl.open=!1)}async handleViewExportOnClick(t,e){this.includeMap&&(this.updateScaleBar(t,e),this.updatePopupToPrint(t,e),this.viewScreenshot(t,e),this.handleLegendSetup(e))}addPrintStyling(){this.printStyleEl==null&&(this.printStyleEl=document.createElement("style"),this.printStyleEl.innerHTML=k,document.body.prepend(this.printStyleEl))}handleImgLoaded(){this.exportIsLoading=!0,setTimeout(()=>{this.exportIsLoading=void 0,this.setupViewPrintElements()},1500)}resetPrintContent(){this.printEl&&(this.printContainerEl?.prepend(this.printEl),this.printStyleEl?.remove(),this.printStyleEl=void 0)}async updatePopupToPrint(t,e){if(!this.printEl)return;let n=this.printEl.querySelector(`#popup-${e}`);if(n!=null&&(n.style.display=this.includePopup&&t?.popup?.visible?"block":"none",this.checkPopupOpen(t,e)),t?.popup?.visible&&t?.popup?.selectedFeature!=null){let i=document.createElement(`h${t?.popup?.headingLevel??2}`);i.innerHTML=t?.popup?.title??"",i.className="esri-widget__heading esri-popup__header-title";let r=this.printEl.querySelector(`#popup-title-${e}`);r!=null&&(r.style.display=t?.popup?.title?"block":"none",r.innerHTML="",r.prepend(i))}}updateExportOutput(){this.output={},this.showIncludeLegend&&(this.output.includeLegend=this.includeLegend),this.showIncludeMap&&(this.output.includeMap=this.includeMap),this.showIncludePopup&&(this.output.includePopup=this.includePopup),this.showIncludeHeader&&(this.output.includeHeader=this.includeHeader),this.exportOutputUpdated.emit()}setupViewPrintElements(){let t=document.title;window.print(),document.title=t,setTimeout(()=>{this.resetPrintContent()},1500)}handleLegendSetup(t){if(!this.printEl)return;let e=this.printEl.querySelector(`#legend-${t}`);if(this.showIncludeLegend&&this.includeMap&&e){let n=this.legends[t],i=n!=null&&n.activeLayerInfos?.length>0;e.style.display=this.includeLegend&&i?"block":"none"}}handleWidgetCreation(){this.includeMap&&this.exportViews?.forEach(({view:t},e)=>{this.handleLegendCreation(t,e)})}handleIncludePopup(t,e){if(!(!this.handles||!this.reactiveUtils||!t||!this.showIncludePopup)&&this.showIncludePopup){let n=`includePopup-${e}`;this.handles?.remove(n),this.reactiveUtils.whenOnce(()=>t?.ready).then(()=>{!this.reactiveUtils||!this.handles||this.handles.add(this.reactiveUtils.watch(()=>!!t?.popup?.visible,i=>{this.includePopup=i}),n)})}}handleLegendCreation(t,e){if(!this.printEl)return;let n=this.printEl.querySelector(`#legend-${e}`);if(this.showIncludeLegend&&n!=null){let i=t.map,p=this.legends[e]?.view?.map;i?.portalItem?.id!=null&&i?.portalItem?.id===p?.portalItem?.id||this.updateLegend(t,e,n)}}async updateLegend(t,e,n){t?.when(async i=>{if(this.legends[e]==null&&n!=null){n.innerHTML="";let r=document.createElement("div");n.append(r),this.legends[e]=await _({id:`legend-widget-${e}`,container:r,view:i,style:{type:"card",layout:"side-by-side"}})}})}handleCompassCreation(t,e){if(!this.compassContainerEl)return;let n=this.compassContainerEl.querySelector(`#compass-${e}`);if(n!=null){let i=t.map,p=this.compasses[e]?.view?.map;i?.portalItem?.id===p?.portalItem?.id||this.updateCompass(t,e,n)}}updateCompass(t,e,n){t?.when(async i=>{let r=document.createElement("div");n!=null&&(n.append(r),this.compasses[e]=await g({id:`compass-widget-${e}`,container:r,view:i}))})}updateScaleBar(t,e){if(!this.printEl)return;let n=this.printEl.querySelector(`#scale-bar-container-${e}`);if(n&&t!=null&&(n.innerHTML="",this.showScaleBar)){let r=t?.ui?.getComponents()?.find(({container:p})=>p?.className?.includes("esri-scale-bar"));r?.container!=null&&typeof r.container!="string"&&n.append(r.container.cloneNode(!0))}}async viewScreenshot(t,e){if(!this.printEl||!this.includeMap)return;let n=1e3,i=this.printEl.querySelector(`#scale-bar-container-${e}`);i?.classList.toggle("instant-apps-export-print__scale-bar-container--position",t.width>n);let r=await t.takeScreenshot({width:t.width*2,height:t.height*2});this.handleScaleBarSize(t,r,i);let p=this.printEl.querySelector(`#view-${e}`);r!=null&&p!=null&&(p.src=r.dataUrl)}checkPopupOpen(t,e){if(!this.printEl)return;let i=t?.popup?.container?.querySelector(".esri-popup .esri-feature__main-container");if(i!=null){let r=i.querySelectorAll("canvas"),p=this.printEl.querySelector(`#popup-content-${e}`);if(p==null)return;p.innerHTML="",p.append(i.cloneNode(!0));let s=p.querySelectorAll("canvas");r.forEach((l,E)=>{let C=l.toDataURL(),c=document.createElement("img");c.src=C;let d=l.getAttribute("style");d&&c.setAttribute("style",d);let h=s[E];h!=null&&(h.replaceWith(c),document.querySelector("link[href*='esri/themes/dark/main.css']")&&c.parentElement?.parentElement!=null&&(c.parentElement.style.background="#242424",c.parentElement.parentElement.style.background="#242424"))})}}handleScaleBarSize(t,e,n){if(this.showScaleBar&&t?.type==="2d"&&n!=null){let i=n.querySelector(".esri-scale-bar__line--top"),r=n.querySelector(".esri-scale-bar__line--bottom");this.setScaleBarWidth(e,n,i,"top"),this.setScaleBarWidth(e,n,r,"bottom")}}setScaleBarWidth(t,e,n,i){if(n!=null&&t!=null){let r=t.data.width/2,l=Number(n.style.width.replace("px",""))/r*100;e?.style.setProperty(`--instant-apps-scale-bar-${i}`,`${l}%`)}}get el(){return v(this)}static get watchers(){return{includeMap:["watchIncludeMap"],exportViews:["watchView"]}}};I.style=P;export{I as instant_apps_export_views};