@esri/solutions-components 5.1.0-next.7 → 5.1.0-next.71

package/dist/cdn/Q4G5M4UY.js

@@ -0,0 +1,537 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import b from"./Y3HNWJHE.js";import a from"./UWPUCZY5.js";import{a as D,b as R}from"./5XV3PTD5.js";import{b as w}from"./PAJG7ACM.js";import{Cb as N,Db as U,K as f,M as $,N as P,c as A,q as _,sa as O}from"./K5CBVZDG.js";import{a as E}from"./GZ6CSUYX.js";import{k as T}from"./73AX72WY.js";import{b as L}from"./JGBE6W5D.js";import{E as d,F as h,G as k,I as m,J as C,K as y,h as M,i as l,q as v}from"./7MSBIQLE.js";export default $arcgis.t(([{I:Y,J:b,K:z,b:F,d:H,e:V,f:I,l:g,m:x,q:u,s:B},{a:G}])=>{var K=M`/** @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;
+}
+
+.flex-direction-row {
+  flex-direction: row;
+}
+
+.flex-direction-column {
+  flex-direction: column;
+}
+
+.flex-1 {
+  flex: 1;
+}
+
+.cursor-default {
+  cursor: default;
+}
+
+solution-details-card[id*="you-may-also-like"] {
+  width: 240px;
+}
+
+.border-bottom {
+  border-bottom-color: var(--calcite-color-border-1);
+  border-bottom-width: var(--calcite-spacing-px);
+  border-bottom-style: solid;
+}
+
+ul {
+  list-style-type: disc;
+  margin-block-start: var(--calcite-spacing-none);
+  margin-block-end: var(--calcite-spacing-none);
+}
+
+ul ul {
+  list-style-type: circle;
+}
+
+li {
+  margin: var(--calcite-spacing-sm) var(--calcite-spacing-none);
+}
+
+calcite-label {
+  --calcite-label-margin-bottom: var(--calcite-spacing-none);
+}
+
+.padding-1 {
+  padding: var(--calcite-spacing-lg);
+}
+
+.padding-1-5 {
+  padding: var(--calcite-spacing-xl);
+}
+
+.padding-2px {
+  padding: var(--calcite-spacing-base);
+}
+
+.padding-bottom-xxl {
+  padding-bottom: var(--calcite-spacing-xxl);
+}
+
+.padding-bottom-1 {
+  padding-bottom: var(--calcite-spacing-lg);
+}
+
+.padding-bottom-sm {
+  padding-bottom: var(--calcite-spacing-sm);
+}
+
+.padding-top-md {
+  padding-top: var(--calcite-spacing-md);
+}
+
+.padding-top-sm {
+  padding-top: var(--calcite-spacing-sm);
+}
+
+.padding-top-xs {
+  padding-top: 0.25rem;
+}
+
+.padding-bottom-1-5 {
+  padding-bottom: var(--calcite-spacing-xxl);
+}
+
+.padding-top-1 {
+  padding-top: var(--calcite-spacing-lg);
+}
+
+.padding-top-1-5 {
+  padding-top: var(--calcite-spacing-xxl);
+}
+
+.padding-top-1-2 {
+  padding-top: var(--calcite-spacing-sm);
+}
+
+.padding-end-1 {
+  padding-inline-end: var(--calcite-spacing-lg);
+}
+
+.padding-end-1-75 {
+  padding-inline-end: 1.75rem;
+}
+
+.padding-end-2 {
+  padding-inline-end: var(--calcite-spacing-xxxl);
+}
+
+.padding-start-1 {
+  padding-inline-start: var(--calcite-spacing-lg);
+}
+
+.margin-bottom-1 {
+  margin-bottom: var(--calcite-spacing-lg);
+}
+
+.margin-bottom-1-5 {
+  margin-bottom: var(--calcite-spacing-xxl);
+}
+
+.margin-end-1 {
+  margin-inline-end: var(--calcite-spacing-lg);
+}
+
+.margin-top-0 {
+  margin-top: var(--calcite-spacing-none);
+}
+
+.margin-top-1 {
+  margin-top: var(--calcite-spacing-lg);
+}
+
+.margin-top-875 {
+  margin-top: 0.875rem;
+}
+
+.margin-top-1-5 {
+  margin-top: var(--calcite-spacing-xxl);
+}
+
+.margin-sides-0-5 {
+  margin-left: var(--calcite-spacing-sm);
+  margin-right: var(--calcite-spacing-sm);
+}
+
+.margin-sides-1 {
+  margin-left: var(--calcite-spacing-lg);
+  margin-right: var(--calcite-spacing-lg);
+}
+
+.margin-block-start-end-0 {
+  margin-block-start: var(--calcite-spacing-none);
+  margin-block-end: var(--calcite-spacing-none);
+}
+
+.align-self-center {
+  align-self: center;
+  padding: 5px;
+  --calcite-fab-shadow: #FFFFFF00;
+}
+
+.align-items-center {
+  align-items: center;
+}
+
+.align-items-baseline {
+  align-items: baseline;
+}
+
+.button-width {
+  width: 260px;
+  flex-grow: 0;
+  flex-shrink: 0;
+}
+
+@container (max-width: 1280px) {
+  .button-width {
+    width: auto;
+  }
+}
+
+.image-width {
+  width: 300px;
+  flex-grow: 0;
+  flex-shrink: 0;
+}
+
+@container (max-width: 1280px) {
+  .image-width {
+    flex-grow: 0;
+    flex-shrink: 1;
+  }
+}
+
+.width-full {
+  width: 100%;
+}
+
+@container (max-width: 800px) {
+  .width-full {
+    flex-direction: column;
+  }
+
+  .width-full>.display-flex {
+    flex-direction: column;
+  }
+
+  .image-width {
+    width: 100%;
+    max-width: 100%;
+    margin: 0;
+    padding-bottom: 0;
+  }
+
+  .image-width img {
+    width: 100%;
+    max-width: 100%;
+  }
+
+  .title-font {
+    padding-inline-end: var(--calcite-spacing-lg);
+    padding-top: var(--calcite-spacing-lg);
+  }
+
+  .button-width {
+    width: 100%;
+    margin-top: var(--calcite-spacing-lg);
+  }
+}
+
+.card-group {
+  overflow: hidden;
+  padding: 0.25rem var(--calcite-spacing-sm) var(--calcite-spacing-md);
+}
+
+#screenshots-subsection calcite-card {
+  width: calc(33.333% - .5rem);
+}
+
+calcite-card {
+  width: 450px;
+  --calcite-card-border-color: transparent;
+}
+
+@container (max-width: 1496px) {
+  calcite-card {
+    width: calc(100% / 3 - .5rem);
+  }
+
+  #screenshots-subsection calcite-card {
+    width: calc(33.333% - .5rem);
+  }
+}
+
+@container (max-width: 1100px) {
+  calcite-card {
+    width: calc(100% / 2 - .5rem);
+  }
+
+  #screenshots-subsection calcite-card {
+    width: calc(50% - .5rem);
+  }
+}
+
+@container (max-width: 550px) {
+  calcite-card {
+    width: 100%;
+  }
+
+  #screenshots-subsection calcite-card {
+    width: 100%;
+  }
+}
+
+/* This is tied to a supporting prop _screenshotsBaseHeight */
+.max-height-300 {
+  max-height: 300px;
+}
+
+.display-none {
+  display: none;
+}
+
+.cursor-pointer {
+  cursor: pointer;
+}
+
+calcite-card:hover img {
+  -webkit-filter: brightness(30%);
+  filter: brightness(30%);
+  -webkit-transition: all .1s ease;
+  -moz-transition: all .1s ease;
+  -o-transition: all .1s ease;
+  -ms-transition: all .1s ease;
+  transition: all .1s ease;
+}
+
+calcite-card:hover .hover-text {
+  opacity: 1;
+  color: #ffffff;
+}
+
+calcite-card:hover {
+  border: var(--calcite-spacing-base) solid var(--calcite-color-brand);
+  box-sizing: border-box;
+  cursor: pointer;
+  padding: var(--calcite-spacing-base);
+}
+
+calcite-card.is-mobile:hover img {
+  cursor: default;
+  -webkit-filter: brightness(100%);
+  filter: brightness(100%);
+  transition: all .1s ease;
+}
+
+calcite-card {
+  border: var(--calcite-spacing-base) solid transparent;
+  box-sizing: border-box;
+  padding: var(--calcite-spacing-base);
+  /* transition: border .1s ease, padding .1s ease; */
+}
+
+.hover-text {
+  transition: .1s ease;
+  opacity: 0;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%);
+  text-align: center;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  height: 100%;
+  font-size: var(--calcite-spacing-xl);
+}
+
+.card-image-wrap {
+  width: 100%;
+  position: relative;
+  margin-bottom: 0;
+  -webkit-box-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+}
+
+#screenshots-subsection .card-image {
+  background-color: var(--calcite-color-surface-2);
+}
+
+.card-image {
+  width: 100%;
+  display: block;
+}
+
+video,
+img {
+  max-width: 100%;
+  height: auto;
+}
+
+img {
+  overflow-clip-margin: content-box;
+  overflow: clip;
+  display: block;
+}
+
+.margin-inline-unset {
+  margin-inline: unset;
+}
+
+.collapsible-div {
+  overflow: hidden;
+  transition: max-height 0.3s ease-in-out;
+}
+
+.collapsible-div.expanded {
+  max-height: 100%;
+}
+
+.back-color-override {
+  --calcite-panel-background-color: var(--calcite-color-surface-3);
+}
+
+.back-color-override-1 {
+  background-color: var(--calcite-color-surface-2);
+}
+
+.title-font {
+  font-size: 1.8rem;
+  font-weight: var(--calcite-font-weight-medium);
+  color: var(--calcite-color-text-1);
+}
+
+.heading-font {
+  font-size: var(--calcite-font-size-0);
+  font-weight: var(--calcite-font-weight-medium);
+}
+
+.line-height-xxl {
+  line-height: var(--calcite-spacing-xxl);
+}
+
+.line-height-1 {
+  line-height: 1.1;
+}
+
+.font-1 {
+  font-size: var(--calcite-spacing-lg);
+}
+
+.font-color-1 {
+  color: var(--calcite-color-text-1);
+}
+
+.font-color-2 {
+  color: var(--calcite-color-text-2);
+}
+
+h1 {
+  font-weight: unset;
+  margin: var(--calcite-spacing-none);
+  padding: var(--calcite-spacing-none);
+}
+
+.item-padding {
+  --calcite-internal-accordion-item-padding: var(--calcite-spacing-xl);
+}
+
+.accordion-bg {
+  --calcite-accordion-background-color: var(--calcite-color-surface-2);
+}
+
+.table-cell {
+  font-size: var(--calcite-spacing-lg);
+  color: var(--calcite-color-text-2);
+  margin: 0;
+}
+
+.table-cell p {
+  margin: 0;
+}
+
+calcite-table-header {
+  font-weight: var(--calcite-font-weight-medium);
+  --calcite-internal-table-cell-font-size: var(--calcite-font-size-md);
+}
+
+.position-relative {
+  position: relative;
+}
+
+.background-color-2 {
+  background-color: var(--calcite-color-surface-3);
+}
+
+.panel-background-2 {
+  --calcite-panel-background-color: var(--calcite-color-surface-3);
+  background-color: var(--calcite-color-surface-3);
+}
+
+.border-none {
+  border: none;
+}
+
+.padding-end-xxl {
+  padding-inline-end: var(--calcite-spacing-xxl);
+}
+
+calcite-shell {
+  block-size: unset;
+}
+
+.solution-detail-action {
+  --calcite-color-focus: initial;
+}
+
+/* Style for anchor elements that may appear in innerHTML content to emulate calcite-link */
+a {
+  color: var(--calcite-link-text-color, var(--calcite-color-text-link));
+  cursor: pointer;
+  text-decoration: none;
+  line-height: inherit;
+  background-image: linear-gradient(currentColor, currentColor), linear-gradient(var(--calcite-color-brand-underline), var(--calcite-color-brand-underline));
+  background-position-x: 0%, 100%;
+  background-position-y: min(1.5em, 100%);
+  background-repeat: no-repeat, no-repeat;
+  background-size: 0% 1px, 100% 1px;
+  transition-property: background-size, color;
+  transition-duration: var(--calcite-animation-timing, 150ms);
+  transition-timing-function: ease-in-out;
+  outline-color: transparent;
+  position: relative;
+}
+
+a:hover {
+  background-size: 100% 1px, 100% 1px;
+}
+
+a:focus {
+  outline: 2px solid var(--calcite-color-brand);
+  outline-offset: 2px;
+  outline-color: var(--calcite-color-brand);
+}
+
+a:active {
+  color: var(--calcite-color-brand-press);
+}
+
+/* Focus styles for tabbable text elements - only show on keyboard navigation */
+*[tabindex]:focus-visible {
+  outline: 2px solid var(--calcite-color-brand);
+  outline-offset: 2px;
+}`;async function q(n,e,t){let i=t;return n&&(n?.IsEnterprisePortal&&await Z("",e)&&i.push(g.NOTEBOOK),await B(e)?t.push(g.VELOCITY):n?.PortalUserPrivileges&&[x.VELOCITYFEEDS,x.VELOCITYBIGDATA,x.VELOCITYREALTIME].forEach(o=>{let c=t.indexOf(o)||-1;c!==-1&&t.splice(c,1)}),i=i.concat(j(Q(n),ee(n))),i=i.concat(J(n)),i=i.concat(await X(n))),Promise.resolve(i)}function j(n,e){let t=[];return n&&e?t=[g.TRACKINGADMINANDTRACKING,g.TRACKINGADMIN,g.TRACKING]:n&&!e?t=[g.TRACKINGADMIN]:!n&&e&&(t=[g.TRACKING]),t}function J(n){return te(n)?[g.HUBPREMIUM]:[]}async function X(n){let e=n?.RestUserSession;if(!e?.username)return[];let t=await U(e);return await N(t,e)?[g.WORKFLOW]:[]}async function Z(n,e){let t=n+"/sharing/rest",i={authentication:e,portal:t,params:{f:"json"}};return A(`${t}/portals/self/servers`,i).then(s=>s?.servers?.find(a=>a.serverFunction.indexOf("NotebookServer")>-1),s=>(console.error(s),!1))}function Q(n){let e=n?.PortalUserSubset?.privileges,t=["portal:admin:create","portal:admin:delete","portal:admin:update","portal:admin:reassign"];return e?t.every(i=>e.some(s=>s.startsWith(i))):!1}function ee(n){return n?.PortalSubset?.locationTrackingEnabled||!1}function te(n){return n?.PortalSubset?.hubPremiumEnabled||!1}var S=class extends k{constructor(){super(),this._isDeployDisabled=!1,this._isLoaded=!1,this._itemFetched=!1,this._showScreenshotsShowMore=!1,this._showYouMayAlsoLikeShowMore=!1,this.isMobile=!1,this._isScreenshotsRowExpanded=!1,this._isYouMayAlsoLikeRowExpanded=!1,this._screenshotsRowBaseHeight=340,this._showLoader=!1,this._templates=[],this._translations=E({name:"solution-details-panel",blocking:!0}),this._youMayAlsoLikeBaseHeight=340,this._allCards=[],this._configContextConsumer=w({context:R,subscribe:!0}),this._configureLearnMore="",this._customDeploymentMappings={},this._deployDialogRef=d(),this._deployingDialogRef=d(),this._isMobileContextConsumer=w({context:D,subscribe:!0,callback:e=>this.isMobile=e}),this._overviewAccordionItemElement=d(),this._privilegePopoverRef=d(),this._privileges=[],this._regexFsUrl="https?:\\/\\/.+FeatureServer\\b",this._regexID="\\b[0-9A-F]{32}\\b",this._releaseNotesAccordionItemElement=d(),this._relatedResourcesAccordionItemElement=d(),this._screenshotsAccordionItemElement=d(),this._screenshotsDialogRef=d(),this._screenshotsElement=d(),this._termsOfUseAccordionItemElement=d(),this._userOptions=[],this._youMayAlsoLikeAccordionItemElement=d(),this._youMayAlsoLikeElement=d(),this._signInParamValue=null,this._deploymentStartTime=null,this._cancellationStartTime=null,this._deployToCancelDuration=0,this.templatesFetched=v(),this.itemPropertiesFetched=v(),this.sortTypeChanged=v(),this.tokenRefreshed=v(),this._handleDeployCancelled=()=>{this._telemetry?.logEvent({category:u.SOLUTION_DETAILS,action:"Deploy Dialog Canceled",dimensions:[this.card?.title||"",this.card?.deployCommonId||"",this.card?.deployVersion||""]})},this._handleDeploySuccess=()=>{let e=b(this._deploymentStartTime);this._deploymentStartTime=null,this._deployingDialogRef.value&&(this._deployingDialogRef.value.isWaitingForCard=!0),this._telemetry?.logEvent({category:u.SOLUTION_DETAILS,action:"Deploy Success",dimensions:[this.card?.title||"",this.card?.deployCommonId||"",this.card?.deployVersion||""],metrics:[e]})},this._handleDeployedCardReady=async e=>{this._closeDialogs(),await new Promise(t=>requestAnimationFrame(()=>requestAnimationFrame(t))),window.dispatchEvent(new CustomEvent("displayDeployedCard",{detail:e.detail}))},this._handleDeploymentFallback=()=>{console.warn("Deployment completed but unable to navigate to deployed card - closing dialogs"),this._closeDialogs(),window.dispatchEvent(new CustomEvent("navTabSelected",{detail:"deployments"}))},this._handleDeploymentProcessCancelled=()=>{this._cancellationStartTime=Date.now(),this._deployToCancelDuration=b(this._deploymentStartTime),this._deploymentStartTime=null},this._handleDeployFailed=e=>{if(this._cancellationStartTime!==null){this._closeDialogs();return}let t=b(this._deploymentStartTime);this._deploymentStartTime=null;let i=Y(e.detail?.error),s=i.length>200?i.slice(-200):i;console.error("Deployment failed:",e.detail?.error),this._telemetry?.logEvent({category:u.SOLUTION_DETAILS,action:"Deploy Failure",dimensions:[this.card?.title||"",this.card?.deployCommonId||"",this.card?.deployVersion||"",s],metrics:[t]}),this._closeDialogs(!0)},this.listenOn(window,"detailsCardSelected",this._detailsCardSelected),this.listenOn(window,"allCardsFetched",this._allCardsFetched),this.listenOn(window,"deployAppTabSelected",this._handleDeployAppTabSelected),this.listenOn(window,"deployedCardReady",this._handleDeployedCardReady),this.listenOn(window,"deploymentCompletedWithoutNav",this._handleDeploymentFallback)}static{this.properties={card:[0,{},{attribute:!1}],_isDeployDisabled:[16,{},{state:!0}],_isLoaded:[16,{},{state:!0}],_itemFetched:[16,{},{state:!0}],_showScreenshotsShowMore:[16,{},{state:!0}],_showYouMayAlsoLikeShowMore:[16,{},{state:!0}],isMobile:[16,{},{state:!0}],_isScreenshotsRowExpanded:[16,{},{state:!0}],_isYouMayAlsoLikeRowExpanded:[16,{},{state:!0}],_itemProperties:[16,{},{state:!0}],_missingPrivilegeMessages:[16,{},{state:!0}],_screenshotsRowBaseHeight:[16,{},{state:!0}],_showLoader:[16,{},{state:!0}],_templates:[16,{},{state:!0}],_translations:[16,{},{state:!0}],_youMayAlsoLikeBaseHeight:[16,{},{state:!0}]}}static{this.styles=K}get _telemetry(){return this._configContextConsumer.value?.telemetrySession}async connectedCallback(){super.connectedCallback(),this.listenOn(window,"calciteTabChange",this._cleanupPanel)}async load(){this._isMobileContextConsumer.value&&(this.isMobile=this._isMobileContextConsumer.value)}willUpdate(e){e.has("card")&&(this._isDeployDisabled=!1,this._isLoaded=!1,this._showLoader=!1,this._signInParamValue==="deploy"&&(this._showLoader=!0,this._signInParamValue=null))}loaded(){this._signInParamValue===null&&this._configContextConsumer.value?.authentication?.SignInParam&&(this._signInParamValue=this._configContextConsumer.value.authentication.SignInParam),this._resizeObserver=new ResizeObserver(async()=>{this._onResize()}),this._screenshotsElement.value&&this._resizeObserver.observe(this._screenshotsElement.value)}disconnectedCallback(){super.disconnectedCallback(),this._resizeObserver?.disconnect()}render(){let e="padding-bottom-1-5",t=this._getRelatedResources(),i=this._getYouMayAlsoLikeCards();return l`<calcite-shell class="position-relative background-color-2"><calcite-panel class="panel-background-2 border-none" slot=panel-bottom><div class="margin-top-875 padding-1-5 back-color-override-1 margin-bottom-1-5" id=solution-details-row>${this._getSolutionRow()}</div><div class=${m(e)}>${this._getScreenshotsRow()}</div><div class=${m(e)}>${this._getOverviewRow()}</div><div class=${m(e)}>${this._getReleaseNotesRow()}</div>${t.length>0?l`<div class=${m(e)}>${this._getRelatedResourcesRow(t)}</div>`:""}${i.length>0?l`<div class=${m(e)}>${this._getYouMayAlsoLikeRow(i)}</div>`:""}<div class=${m(e)}>${this._getTermsOfUseRow()}</div>${this.isMobile?"":l`<solution-deploy-dialog .card=${this.card} @deployCancelled=${this._handleDeployCancelled} @deployFailed=${this._handleDeployFailed} @deployProgressEnd=${this._handleDeploySuccess} @deployProgressStart=${this._deployProgressStart} @deployProgressUpdated=${this._deployProgessUpdated} id=solutionDeployDialog .userOptions=${this._userOptions} ${h(this._deployDialogRef)}></solution-deploy-dialog>`}<solution-snapshot-gallery .card=${this.card} id=solutionSnapshotGallery .itemProperties=${this._itemProperties} ${h(this._screenshotsDialogRef)}></solution-snapshot-gallery><solution-deploying-dialog .card=${this.card} @deploymentProcessCancelled=${this._handleDeploymentProcessCancelled} ${h(this._deployingDialogRef)}></solution-deploying-dialog></calcite-panel></calcite-shell>`}updated(){setTimeout(()=>{let e=this._getYouMayAlsoLikeCards(),t=340;for(let i=0;i<e.length;i++){let s=this.el.shadowRoot?.getElementById(`you-may-also-like-${i}`),a=s?.offsetHeight?s.offsetHeight+40:0;a>t&&(t=a)}this._youMayAlsoLikeBaseHeight=t,this._showYouMayAlsoLikeShowMore=(this._youMayAlsoLikeElement.value?.scrollHeight||0)>this._youMayAlsoLikeBaseHeight,this._showScreenshotsShowMore=(this._screenshotsElement.value?.scrollHeight||0)>this._screenshotsRowBaseHeight+2},100)}_checkUrlParametersForAutoDeployment(){if(this._signInParamValue==="deploy"){let t=this._missingPrivilegeMessages&&(this._missingPrivilegeMessages.leadingMessages.length>0||this._missingPrivilegeMessages.bulletedMessages.length>0||this._missingPrivilegeMessages.trailingMessages.length>0);this._configContextConsumer.value?.authentication?.IsSignedIn&&this.card&&this._deployDialogRef.value&&!t&&(this._signInParamValue=null,this._openDeploy())}}_getSolutionRow(){let e=this.card?.thumbnailUrl.replace(/w=\d+/,"w=400"),t=this._missingPrivilegeMessages?.leadingMessages||[],i=t.length>0,s=this._missingPrivilegeMessages?.bulletedMessages||[],a=s.length>0,o=this._missingPrivilegeMessages?.trailingMessages||[],c=o.length>0;return l`<div class="display-flex flex-direction-row width-full"><div class="padding-end-1-75 image-width"><img alt=${this.card?.title??y} src=${e??y}></div><div class="display-flex flex-direction-row flex-1">${this._getTextSection(i,a,c,t,s,o)}${this._getButtons()}</div></div>`}_getTextSection(e,t,i,s,a,o){return l`<div class="display-flex flex-direction-column padding-end-1 flex-1"><div class="display-flex flex-direction-row align-items-baseline"><h1 class="padding-top-xs title-font margin-top-0 margin-bottom-1-5 line-height-1" tabindex=0>${this.card?.title}</h1>${this.card?.categories?.some(c=>c.includes("New Release"))&&l`<calcite-chip class="margin-bottom-1-5 margin-sides-1" kind=brand .label=${this._translations.newChip} scale=m icon=star>${this._translations.newChip}</calcite-chip>`||""}</div><div class="font-1 padding-end-1 line-height-xxl" tabindex=0>${this.card?.snippet}</div>${this.isMobile?"":e||t||i?l`<div class="display-flex flex-direction-row padding-top-1">${this._getMissingPrivilegesNotice(s,a,o)}</div>`:""}</div>`}_getButtons(){let e=this._itemProperties?.demoURL||"";return l`<div class="display-flex flex-direction-column button-width">${!this.isMobile&&l`<calcite-button class="padding-bottom-1 solution-detail-action" .disabled=${this._isDeployDisabled} icon-flip-rtl=end @click=${()=>this._checkPermissionsBeforeDeploy()} scale=m>${this._showLoader?l`<calcite-loader inline label></calcite-loader>`:this._translations.deployButton}</calcite-button>`||""}${!this._configContextConsumer.value?.isEnterprise&&e&&l`<calcite-button appearance=outline-fill kind=neutral class="padding-bottom-1 solution-detail-action" @click=${()=>this._handleWatchDemoClick(e)} scale=m>${this._translations.watchDemo}</calcite-button>`||""}<calcite-button appearance=outline-fill kind=neutral class="padding-bottom-1 solution-detail-action" @click=${()=>this._handleLearnMoreClick()} scale=m>${this._translations.openHelp}</calcite-button>${!this._configContextConsumer.value?.isEnterprise&&l`<solution-social-share button-appearance=outline-fill class="padding-bottom-1" share-button-kind=neutral .shareButtonText=${this._translations.share} share-button-scale=m .solutionId=${this.card?.deployCommonId||""} .solutionTitle=${this.card?.title||""} .solutionVersion=${this.card?.deployVersion||""}></solution-social-share>`||""}</div>`}_getMissingPrivilegesNotice(e,t,i){let s="solutions-missing-privileges-notice",a=this._translations.missingPrivilegesPopup.missingLicensingOrPrivileges,o=t.length>0?"":"display-none",c=t.length>0?"padding-top-sm":"";return l`<div><calcite-notice class="margin-inline-unset" kind=info open><div slot=message>${`${a}`}</div><calcite-action icon=information id=${s} slot=actions-end .text=${a}></calcite-action></calcite-notice><calcite-popover closable label overlay-positioning=fixed placement=bottom reference-element=solutions-missing-privileges-notice ${h(this._privilegePopoverRef)}><div class="padding-1 display-flex flex-direction-column">${this._getSpanMessages(e,"padding-bottom-1")}<span class=${`padding-bottom-1-2 ${o}`}>${this._translations.missingPrivilegesPopup.missingPrivilegesListHeading}</span>${this._getBulletedMessages(t)}${this._getSpanMessages(i,c)}</div></calcite-popover></div>`}_getSpanMessages(e,t){return e.length>0?e.map(i=>l`<span class=${m(t)}>${i}</span>`):""}_getBulletedMessages(e){return e.length>0?l`<ul>${e.map(t=>l`<li>${t}</li>`)}</ul>`:""}_getScreenshotsRow(){let e=this._isScreenshotsRowExpanded?this._translations.showLess:this._translations.showMore,t=this._isScreenshotsRowExpanded?"arrow-up":"arrow-down",i=this._showScreenshotsShowMore?"":"display-none";return l`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${h(this._screenshotsAccordionItemElement)}><div class="margin-block-start-end-0 heading-font" slot=content-start>${this._translations.solutionOverview}</div><calcite-panel><div class="display-flex flex-direction-column back-color-override-1"><div class="collapsible-div max-height-300" id=screenshots-subsection ${h(this._screenshotsElement)}>${this._getScreenshots()}</div><calcite-fab appearance=outline-fill class=${`align-self-center ${i}`} .icon=${t} kind=neutral @click=${()=>{this._screenshotsElement.value?.classList.toggle("expanded"),this._isScreenshotsRowExpanded=this._screenshotsElement.value.classList.contains("expanded")}} .text=${e} text-enabled></calcite-fab></div></calcite-panel></calcite-accordion-item></calcite-accordion>`}_getScreenshots(){let e=this._itemProperties?.preview.filter(a=>a.format==="image")||[],t=this._configContextConsumer.value,i=this._itemFetched?"":"display-none",s=this._itemFetched?"display-none":"";return l`<calcite-loader class=${m(s)} label></calcite-loader><calcite-card-group class=${`card-group ${i}`} .label=${this._translations.solutionOverview}>${e.reduce((a,o)=>{let c=I(this.card?.id||"",o.name,t.authentication),p;return t.agoBasedEnterpriseSolutionsGroupId&&t.isEnterprise&&(p=I(this.card?.id||"",o.name,void 0,t.agolPortalUrl)),this.card?.id?a.push(l`<calcite-card class=${`${this.isMobile?"is-mobile":"cursor-pointer not-mobile"}`} .label=${o.alt} @click=${()=>this._openScreenshotGallery(o)} @keydown=${r=>z(r,()=>this._openScreenshotGallery(o))}><div class="card-image-wrap" slot=thumbnail><img alt=${o.alt??y} class="thumbnail card-image" slot=thumbnail src=${(p||c)??y}>${!this.isMobile&&l`<div class="hover-text">${this._translations.openInGallery}</div>`||""}</div></calcite-card>`):a.push(""),a},[])}</calcite-card-group>`}_openScreenshotGallery(e){if(!this.isMobile){this._telemetry?.logEvent({category:u.SOLUTION_DETAILS,action:"Screenshot Gallery",dimensions:[this.card?.title||"",this.card?.deployCommonId||"",this.card?.deployVersion||""]});let t=this._screenshotsDialogRef.value;t&&(t.screenshot=e,t.open=!0)}}_getOverviewRow(){return l`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${h(this._overviewAccordionItemElement)}><div class="margin-block-start-end-0 heading-font" slot=content-start>${this._translations.solutionDetails}</div>${this._getDescriptionRow()}${this._getInformationProductsRow()}</calcite-accordion-item></calcite-accordion>`}_getDescriptionRow(){return l`<div class="display-flex flex-direction-column"><div class="font-color-2 font-1 margin-top-0 line-height-xxl padding-bottom-xxl" tabindex=0>${this.card?.snippet}</div><div class="font-color-2 font-1 margin-top-0 line-height-xxl padding-bottom-xxl" .innerHTML=${this.card?.description??""} tabindex=0></div></div>`}_getInformationProductsRow(){return l`<div class="display-flex flex-direction-column font-1 line-height-xxl font-color-2"><span tabindex=0>${this.card?.title?this._translations.informationProductsSubText.replace("{{solutionTitle}}",this.card.title):""}</span><calcite-table bordered caption class="padding-top-1">${this._getInformationTableHeaderRow()}${this._getInformationTableRows()}</calcite-table><p tabindex=0>${this._translations.informationProductsFooterText}</p></div>`}_getInformationTableHeaderRow(){return l`<calcite-table-row slot=table-header><calcite-table-header .heading=${this._translations.solutionItem}></calcite-table-header><calcite-table-header .heading=${this._translations.description}></calcite-table-header><calcite-table-header .heading=${this._translations.minimumUserType}></calcite-table-header></calcite-table-row>`}_getInformationTableRows(){return(this._itemProperties?.infoProducts||[]).map(t=>l`<calcite-table-row><calcite-table-cell><p class="table-cell" .innerHTML=${_(t.item)??""}></p></calcite-table-cell><calcite-table-cell><p class="table-cell" .innerHTML=${_(t.description)??""}></p></calcite-table-cell><calcite-table-cell><p class="table-cell" .innerHTML=${_(t.userType)??""}></p></calcite-table-cell></calcite-table-row>`)}_getReleaseNotesRow(){return l`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${h(this._releaseNotesAccordionItemElement)}><div class="margin-block-start-end-0 heading-font" slot=content-start>${this._translations.releaseNotes}</div><div class="display-flex flex-direction-column"><calcite-table bordered caption>${this._getReleaseNotesTableHeaderRow()}${this._getReleaseNotesTableRows()}</calcite-table></div></calcite-accordion-item></calcite-accordion>`}_getReleaseNotesTableHeaderRow(){return l`<calcite-table-row slot=table-header><calcite-table-header .heading=${this._translations.version}></calcite-table-header><calcite-table-header .heading=${this._translations.description}></calcite-table-header></calcite-table-row>`}_getReleaseNotesTableRows(){return(this._itemProperties?.releaseNotes||[])?.map(t=>l`<calcite-table-row><calcite-table-cell><p class="table-cell" .innerHTML=${_(t.version)??""}></p></calcite-table-cell><calcite-table-cell><p class="table-cell" .innerHTML=${_(t.description)??""}></p></calcite-table-cell></calcite-table-row>`)}_getRelatedResourcesRow(e){return l`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${h(this._relatedResourcesAccordionItemElement)}><div class="margin-block-start-end-0 heading-font" slot=content-start>${this._translations.relatedResources}</div><div class="display-flex flex-direction-row">${e.map(()=>{l`<solution-resource-card></solution-resource-card>`})}</div></calcite-accordion-item></calcite-accordion>`}_getRelatedResources(){return[]}_getYouMayAlsoLikeRow(e){let t=this._showYouMayAlsoLikeShowMore?"":"display-none",i=this._isYouMayAlsoLikeRowExpanded?this._translations.showLess:this._translations.showMore,s=this._isYouMayAlsoLikeRowExpanded?"arrow-up":"arrow-down",a=this._isYouMayAlsoLikeRowExpanded?"":{height:`${this._youMayAlsoLikeBaseHeight}px`};return l`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${h(this._youMayAlsoLikeAccordionItemElement)}><div class="margin-block-start-end-0 heading-font" slot=content-start>${this._translations.youMayAlsoLike}</div><div class="display-flex flex-direction-column"><div class="collapsible-div" id=you-may-also-like-subsection style=${C(a)} ${h(this._youMayAlsoLikeElement)}><div class="display-flex flex-direction-row"><calcite-card-group class="card-group" .label=${this._translations.youMayAlsoLike}>${e.map((o,c)=>l`<solution-details-card .id=${`you-may-also-like-${c}`} .card=${o} class="padding-2px" source=you-may-also-like .referrerSolutionId=${this.card?.deployCommonId||""} .referrerSolutionTitle=${this.card?.title||""} .referrerSolutionVersion=${this.card?.deployVersion||""}></solution-details-card>`)}</calcite-card-group></div></div><calcite-fab appearance=outline-fill class=${`align-self-center ${t}`} .icon=${s} kind=inverse @click=${()=>{this._youMayAlsoLikeElement.value?.classList.toggle("expanded"),this._isYouMayAlsoLikeRowExpanded=this._youMayAlsoLikeElement.value.classList.contains("expanded")}} .text=${i} text-enabled></calcite-fab></div></calcite-accordion-item></calcite-accordion>`}_getYouMayAlsoLikeCards(){let e=this._itemProperties?.relatedSolutions||[];return this._allCards.filter(t=>e.indexOf(t.deployCommonId)>-1)}_getTermsOfUseRow(){return l`<calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded ${h(this._termsOfUseAccordionItemElement)}><div class="margin-block-start-end-0 heading-font" slot=content-start>${this._translations.termsOfUse}</div><div class="font-color-2" .innerHTML=${(this.card?.licenseInfo||"")??""} tabindex=0></div></calcite-accordion-item></calcite-accordion>`}_openDeploy(){if(this._configContextConsumer.value.authentication.IsSignedIn){let e=this._deployDialogRef.value;e&&(this._telemetry?.logEvent({category:u.SOLUTION_DETAILS,action:"Deploy Dialog Opened",dimensions:[this.card?.title||"",this.card?.deployCommonId||"",this.card?.deployVersion||""]}),e.userOptions=this._userOptions,e.open=!0)}else this._configContextConsumer.value.authentication.signIn("deploy")}_openUrl(e){window.open(e,"_blank")}_handleWatchDemoClick(e){this._telemetry?.logEvent({category:u.SOLUTION_DETAILS,action:"Watch Demo",dimensions:[this.card?.title||"",this.card?.deployCommonId||"",this.card?.deployVersion||""]}),this._openUrl(e)}_handleLearnMoreClick(){this._telemetry?.logEvent({category:u.SOLUTION_DETAILS,action:"Open Help",dimensions:[this.card?.title||"",this.card?.deployCommonId||"",this.card?.deployVersion||""]}),this._openUrl(this.card?.learnMoreUrl||"")}async _detailsCardSelected(e){this.card=e.detail,this.el.scrollIntoView(!0),this._onResize(),this._missingPrivilegeMessages=void 0,await this._getItemData(),this._expandAccordions()}_expandAccordions(){this._overviewAccordionItemElement.value&&(this._overviewAccordionItemElement.value.expanded=!0),this._releaseNotesAccordionItemElement.value&&(this._releaseNotesAccordionItemElement.value.expanded=!0),this._relatedResourcesAccordionItemElement.value&&(this._relatedResourcesAccordionItemElement.value.expanded=!0),this._screenshotsAccordionItemElement.value&&(this._screenshotsAccordionItemElement.value.expanded=!0),this._termsOfUseAccordionItemElement.value&&(this._termsOfUseAccordionItemElement.value.expanded=!0),this._youMayAlsoLikeAccordionItemElement.value&&(this._youMayAlsoLikeAccordionItemElement.value.expanded=!0)}async _getItemData(){this._itemFetched=!1;let e=this._configContextConsumer.value,t=e?.agoBasedEnterpriseSolutionsGroupId&&e?.isEnterprise?e.anonAgolSession:e?.userSession,i=await O(this.card.id,t),s=await T(this.card.id,t);this._itemFetched=!0,this._itemProperties=s.properties,this.itemPropertiesFetched.emit(this._itemProperties);let a=F(i,this.card.typeKeywords,e?.authentication);this._privileges=t.username?a:[],this._userPrivileges=e?.authentication&&e?.userSession?await q(e.authentication,e.userSession,e.authentication.PortalUserPrivileges):[];let o=this._privileges.filter(p=>!this._userPrivileges.includes(p));this._missingPrivilegeMessages=H(this._translations,o),this._isDeployDisabled=this._missingPrivilegeMessages&&(this._missingPrivilegeMessages.leadingMessages.length>0||this._missingPrivilegeMessages.bulletedMessages.length>0||this._missingPrivilegeMessages.trailingMessages.length>0);let c=i.params?await this.formatParams(i.params):[];this._userOptions=c,this._templates=i.templates,this.templatesFetched.emit(i.templates),this._checkUrlParametersForAutoDeployment(),this._isLoaded=!0,this._showLoader&&(this._showLoader=!1,this._isDeployDisabled||this._openDeploy())}formatParams(e){let t=this._configContextConsumer.value.userSession,i=[],s=e?Object.keys(e):[],a={id:"",props:[],accordionDisplay:!1};if(s.length>0){let o=[];return s.forEach(c=>{let p=e[c];p.valueType&&p.valueType.toLowerCase()==="itemid"&&o.push(this._findExistingItem(c,"Feature Service",t.username||""))}),Promise.all(o).then(c=>{let p={};return c.forEach(r=>{if(r.query&&r.results&&r.results.length>0){let W=r.query.split(" ")[0].replace("typekeywords:source-","");p[W]={resultId:r.results[0].id,response:r.results[0]}}}),s.forEach(r=>{if(r==="serviceLearnMore"){this._configureLearnMore=e[r],alert(this._configureLearnMore),delete e[r];return}e[r].enterpriseIDMapping&&(this._customDeploymentMappings[r]=e[r].enterpriseIDMapping),a.id=r,p[r]&&(e[r].existingItemId=p[r].resultId,this.updateUserProp(e[r],p[r].response)),this.updateOption(e[r],a,r)}),i.push(a),Promise.resolve(i)}).catch(()=>Promise.resolve([]))}else return Promise.resolve([])}_findExistingItem(e,t,i){let s=this._configContextConsumer.value.userSession;return G(`typekeywords:source-${e} type:${t} owner:${i}`,s)}updateUserProp(e,t){let i=e.itemType?.toLowerCase()==="feature service",s=new RegExp(i?this._regexFsUrl:e.itemType,"iu"),a=$(t,i?"url":"type","")||"",o=a!==""&&s.test(a);return e.responseValue=o?a:"",e.name=o&&f(t,"name")||"",e.title=o&&f(t,"title")||"",e.itemType=o?f(t,"type"):e.itemType,e.validId=o,e.itemUrl=V(t.id,this._configContextConsumer.value.authentication),o}updateOption(e,t,i){let s=e.default||"",a=typeof s,o=s.toString();this._setFeatureServiceProps(e);let c=this.getValidation(e,o);t.props.push({id:i,outType:a,prop:i,itemType:e.itemType||"",responseValue:e.responseValue||"",label:e.label||"",choices:e.choices||[],valueType:e.valueType.toLowerCase(),attributes:e.attributes||{},value:e.existingItemId&&e.valueType.toLowerCase()==="itemid"?e.existingItemId:o,default:o,srSearchText:o,autoSelect:o!=="",...c,loading:!1,validId:!0,tooltip:e.tooltip||"",name:e.name||"",title:e.title||"",itemUrl:e.itemUrl||""})}_setFeatureServiceProps(e){e.valueType&&e.valueType.toLowerCase()==="itemid"&&P(e,"attributes.required","true")}getValidation(e,t){let i="",s=f(e,"validation.message")||"",a=!0;return f(e,"attributes.required")==="true"&&(i=$(e,"validation.expression","\\S{1,}"),a=new RegExp(i).test(t)),e.valueType&&e.valueType.toLowerCase()==="itemid"&&(i=this._regexID,s=this._translations.configure.invalidID),{valid:a,validation:{expression:i,message:s}}}_allCardsFetched(e){this._allCards=e.detail}_onResize(){this._showYouMayAlsoLikeShowMore=(this._youMayAlsoLikeElement.value?.scrollHeight||0)>this._youMayAlsoLikeBaseHeight,this._showScreenshotsShowMore=(this._screenshotsElement.value?.scrollHeight||0)>this._screenshotsRowBaseHeight+2}_cleanupPanel(){this.el.scrollIntoView(!0),this._isScreenshotsRowExpanded=!1,this._showScreenshotsShowMore=!1,this._screenshotsElement.value?.classList.remove("expanded"),this._isYouMayAlsoLikeRowExpanded=!1,this._showYouMayAlsoLikeShowMore=!1,this._youMayAlsoLikeElement.value?.classList.remove("expanded"),this._privilegePopoverRef.value?.open&&(this._privilegePopoverRef.value.open=!1),this._isDeployDisabled=!1,this._isLoaded=!1,this._itemFetched=!1,this._showLoader=!1,this._expandAccordions()}_deployProgressStart(e){this._deploymentStartTime=Date.now(),this._telemetry?.logEvent({category:u.SOLUTION_DETAILS,action:"Deploy Started",dimensions:[this.card?.title||"",this.card?.deployCommonId||"",this.card?.deployVersion||""]}),this._deployingDialogRef.value&&(this._deployingDialogRef.value.open=!0,this._deployingDialogRef.value.abortController=e.detail),this._deployDialogRef.value&&this._deployDialogRef.value.classList.add("display-none")}_deployProgessUpdated(e){let t=e.detail;this._deployingDialogRef.value.deploymentProgress=t.progress}_closeDialogs(e=!1){if(this._cancellationStartTime!==null){let t=b(this._cancellationStartTime);this._telemetry?.logEvent({category:u.SOLUTION_DETAILS,action:"Deploy Canceled",dimensions:[this.card?.title||"",this.card?.deployCommonId||"",this.card?.deployVersion||""],metrics:[this._deployToCancelDuration,t]}),this._cancellationStartTime=null,this._deployToCancelDuration=0}this._deployingDialogRef.value.close(),e?this._deployDialogRef.value.open=!0:this._deployDialogRef.value.close(),this._deployDialogRef.value.classList.remove("display-none")}_handleDeployAppTabSelected(e){e.detail==="details"&&this.sortTypeChanged.emit("")}_checkPermissionsBeforeDeploy(){this._isLoaded?this._openDeploy():this._configContextConsumer.value.authentication?.IsSignedIn?this._showLoader=!0:this._openDeploy()}};L("solution-details-panel",S);return S},a,b)

package/dist/cdn/Q7E2INX4.js

@@ -0,0 +1,2 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import b from"./HOSAVZFC.js";import a from"./UWPUCZY5.js";import"./5XV3PTD5.js";import"./PAJG7ACM.js";import"./K5CBVZDG.js";import"./GZ6CSUYX.js";import"./7NDNEWIB.js";import"./46MUUBPE.js";import"./TEHBW75B.js";import"./KU62OLRE.js";import"./ZCU2WWVN.js";import"./WGO4EVOV.js";import"./3IHLJADI.js";import"./B3R52L7H.js";import"./BDXIKPLU.js";import"./G2ME4BAQ.js";import"./Z4F2NZOT.js";import"./KOIDWEP3.js";import"./3KXMYZCU.js";import"./LPBP7CBN.js";import"./3FMOO3PJ.js";import"./73AX72WY.js";import"./JUUVYK2H.js";import"./DKD2EGQP.js";import"./4HFHJOS3.js";import"./45M33Q5G.js";import"./FES7B3SJ.js";import"./JGBE6W5D.js";import"./7MSBIQLE.js";import"./QPIMTXPL.js";export default $arcgis.t(([,a])=>{return a},a,b)

package/dist/cdn/{B5RWUGHH.js → QBHDEX72.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import e from"./5KD4GK7Y.js";import d from"./P4FX4W2X.js";import b from"./KGUELU4O.js";import a from"./36HEIJAI.js";import{a as l}from"./AA7X6GKH.js";import{a as w}from"./SLC22JQP.js";import{b as v}from"./JTUQKBFR.js";import"./DIKAKOU5.js";import"./S423P2GA.js";import{F as p,G as g,H as f,J as c,h,i as o,u as m}from"./P4KZ6OZF.js";import"./QPIMTXPL.js";export default $arcgis.t(([n,_,b,L,,,{b:y},{t:u}])=>{var C=h`@layer{instant-apps-interactive-legend{display:block;height:100%}instant-apps-interactive-legend .esri-legend{height:100%;background-color:var(--calcite-color-foreground-1)!important;color:var(--calcite-color-text-1)!important}instant-apps-interactive-legend .esri-legend.esri-component.esri-widget.esri-widget--panel{margin:0}instant-apps-interactive-legend .esri-legend__layer,instant-apps-interactive-legend .esri-legend__layer-body{margin-left:0!important}instant-apps-interactive-legend .esri-legend__layer-row{box-sizing:border-box!important}}`,I={esri:{base:"esri-legend",widget:"esri-widget",widgetPanel:"esri-widget--panel",component:"esri-component"}},d=class extends f{constructor(){super(...arguments),this._messages=w({name:"instant-apps-interactive-legend"}),this.ref=p(),this.zoomTo=!1,this.featureCount=!1,this.filterMode={type:"filter"},this.compact=!1}static{this.properties={handles:16,legendvm:16,view:0,zoomTo:5,featureCount:5,filterMode:0,compact:5}}static{this.styles=C}static{this.shadowRootOptions=m}async load(){this.compactHandler(),new MutationObserver(()=>{this.requestUpdate()}).observe(this.el,{attributes:!0}),await this.initializeModules()}willUpdate(e){(e.has("handles")||e.has("view"))&&this.init(),e.has("compact")&&(this.hasUpdated||this.compact)&&this.compactHandler()}async initializeModules(){this.handles=new _;let e=new b({});return await n.whenOnce(()=>e?.messages),this._messages={...this._messages,...e.messages},await Promise.resolve()}async init(){if(!(!this.view||!this.handles))try{let{on:e,whenOnce:i}=n,s=this.view?.map?.allLayers?.map(async r=>await r.load());await Promise.allSettled(s),await i(()=>this.view?.ready);let t={view:this.view,respectLayerDefinitionExpression:!0},a=new L(t);this.legendvm=a,this.handles.add([e(()=>this.legendvm?.activeLayerInfos,"change",()=>this._refreshActiveLayerInfos(this?.legendvm?.activeLayerInfos))])}catch(e){console.error('Failed at "init": ',e)}}compactHandler(){y.set("compact",this.compact)}_refreshActiveLayerInfos(e){e&&(this.handles.removeAll(),e.forEach(i=>this._renderOnActiveLayerInfoChange(i)))}render(){let{base:e,component:i,widget:s,widgetPanel:t}=I.esri,a=[e,i,s,t].filter(Boolean).map(r=>r).join(" ");return l("interactive-legend",o`<div class=${c(a)}>${this.legendvm?l("interactive-legend-classic",o`<instant-apps-interactive-legend-classic class=${c(u(this.el))} .legendvm=${this.legendvm} .zoomTo=${this.zoomTo} .filterMode=${this.filterMode} .featureCount=${this.featureCount} .messages=${this._messages} ${g(this.ref)}></instant-apps-interactive-legend-classic>`):null}</div>`)}_renderOnActiveLayerInfoChange(e){let{on:i}=n,s=i(()=>e.children,"change",()=>e.children.forEach(t=>this._renderOnActiveLayerInfoChange(t)));this.handles.add(s,`children_${e?.layer?.uid}`),e.children.forEach(t=>{this._renderOnActiveLayerInfoChange(t),t?.children?.length>0&&t?.children?.forEach(a=>this._renderOnActiveLayerInfoChange(a))})}};v("instant-apps-interactive-legend",d);return d},"core/reactiveUtils","core/Handles","widgets/Legend","widgets/Legend/LegendViewModel",a,b,d,e)
+import e from"./NP5KIGP3.js";import d from"./YYUOLIOE.js";import b from"./KGUELU4O.js";import a from"./FZ7IBZWI.js";import{a as l}from"./GSODQ7Y6.js";import{a as w}from"./5TNKWUPA.js";import{b as v}from"./42CN2HQC.js";import"./7NDNEWIB.js";import"./46MUUBPE.js";import{E as p,F as g,G as f,I as c,h,i as o,t as m}from"./7MSBIQLE.js";import"./QPIMTXPL.js";export default $arcgis.t(([n,_,b,L,,,{b:y},{t:u}])=>{var C=h`@layer{instant-apps-interactive-legend{display:block;height:100%}instant-apps-interactive-legend .esri-legend{height:100%;background-color:var(--calcite-color-foreground-1)!important;color:var(--calcite-color-text-1)!important}instant-apps-interactive-legend .esri-legend.esri-component.esri-widget.esri-widget--panel{margin:0}instant-apps-interactive-legend .esri-legend__layer,instant-apps-interactive-legend .esri-legend__layer-body{margin-left:0!important}instant-apps-interactive-legend .esri-legend__layer-row{box-sizing:border-box!important}}`,I={esri:{base:"esri-legend",widget:"esri-widget",widgetPanel:"esri-widget--panel",component:"esri-component"}},d=class extends f{constructor(){super(...arguments),this._messages=w({name:"instant-apps-interactive-legend"}),this.ref=p(),this.zoomTo=!1,this.featureCount=!1,this.filterMode={type:"filter"},this.compact=!1}static{this.properties={handles:16,legendvm:16,view:0,zoomTo:5,featureCount:5,filterMode:0,compact:5}}static{this.styles=C}static{this.shadowRootOptions=m}async load(){this.compactHandler(),new MutationObserver(()=>{this.requestUpdate()}).observe(this.el,{attributes:!0}),await this.initializeModules()}willUpdate(e){(e.has("handles")||e.has("view"))&&this.init(),e.has("compact")&&(this.hasUpdated||this.compact)&&this.compactHandler()}async initializeModules(){this.handles=new _;let e=new b({});return await n.whenOnce(()=>e?.messages),this._messages={...this._messages,...e.messages},await Promise.resolve()}async init(){if(!(!this.view||!this.handles))try{let{on:e,whenOnce:i}=n,s=this.view?.map?.allLayers?.map(async r=>await r.load());await Promise.allSettled(s),await i(()=>this.view?.ready);let t={view:this.view,respectLayerDefinitionExpression:!0},a=new L(t);this.legendvm=a,this.handles.add([e(()=>this.legendvm?.activeLayerInfos,"change",()=>this._refreshActiveLayerInfos(this?.legendvm?.activeLayerInfos))])}catch(e){console.error('Failed at "init": ',e)}}compactHandler(){y.set("compact",this.compact)}_refreshActiveLayerInfos(e){e&&(this.handles.removeAll(),e.forEach(i=>this._renderOnActiveLayerInfoChange(i)))}render(){let{base:e,component:i,widget:s,widgetPanel:t}=I.esri,a=[e,i,s,t].filter(Boolean).map(r=>r).join(" ");return l("interactive-legend",o`<div class=${c(a)}>${this.legendvm?l("interactive-legend-classic",o`<instant-apps-interactive-legend-classic class=${c(u(this.el))} .legendvm=${this.legendvm} .zoomTo=${this.zoomTo} .filterMode=${this.filterMode} .featureCount=${this.featureCount} .messages=${this._messages} ${g(this.ref)}></instant-apps-interactive-legend-classic>`):null}</div>`)}_renderOnActiveLayerInfoChange(e){let{on:i}=n,s=i(()=>e.children,"change",()=>e.children.forEach(t=>this._renderOnActiveLayerInfoChange(t)));this.handles.add(s,`children_${e?.layer?.uid}`),e.children.forEach(t=>{this._renderOnActiveLayerInfoChange(t),t?.children?.length>0&&t?.children?.forEach(a=>this._renderOnActiveLayerInfoChange(a))})}};v("instant-apps-interactive-legend",d);return d},"core/reactiveUtils","core/Handles","widgets/Legend","widgets/Legend/LegendViewModel",a,b,d,e)

package/dist/cdn/{M3ESEITD.js → QBUVCNNC.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
-import i from"./5KD4GK7Y.js";import h from"./P4FX4W2X.js";import e from"./KGUELU4O.js";import c from"./36HEIJAI.js";import{a as d}from"./AA7X6GKH.js";import{a as $}from"./SLC22JQP.js";import{b}from"./JTUQKBFR.js";import"./DIKAKOU5.js";import"./S423P2GA.js";import{H as f,J as p,L as x,h as u,i as a,r as g}from"./P4KZ6OZF.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{a:r,b:h},{e:w,h:T,j:z,k:E,l:C,r:k,s:m,u:v}])=>{var A=u`:host{display:block;--instant-apps-interactive-legend-heading-font-size: 1rem;--instant-apps-interactive-legend-heading-font-weight: normal;--instant-apps-interactive-legend-caption-font-weight: normal;--instant-apps-interactive-legend-secondary-color: var( --calcite-color-text-1 );--instant-apps-interactive-legend-field-name-font-size: 1rem;--instant-apps-interactive-legend-total-feature-count-font-size: .875rem;--instant-apps-interactive-legend-info-font-size: .875rem;--instant-apps-interactive-legend-info-item-background--selected: #c7ebff;--instant-apps-interactive-legend-info-item-color--selected: var( --calcite-color-text-2 );--instant-apps-interactive-legend-secondary-background-color: var( --calcite-color-background );--instant-apps-interactive-legend-ui-padding: 15px 10px}:host .esri-legend__layer-caption calcite-action{margin-left:20px}:host .esri-legend__layer-caption{display:flex;align-items:center;font-size:var(--instant-apps-interactive-legend-field-name-font-size);background-color:var(--instant-apps-interactive-legend-secondary-background-color);color:var(--instant-apps-interactive-legend-secondary-color)}:host .instant-apps-interactive-legend__layer-caption--compact{--instant-apps-interactive-legend-ui-padding: 5px}:host .instant-apps-interactive-legend__layer-caption--compact .instant-apps-interactive-legend__layer-caption-btn-container{display:flex;justify-content:flex-end;width:100%}:host .instant-apps-interactive-legend__layer-caption--compact .instant-apps-interactive-legend__layer-caption-btn-container .instant-apps-interactive-legend__show-all-btn{border:none;background-color:transparent;cursor:pointer;color:var(--calcite-color-brand);font-weight:var(--calcite-font-weight-medium);font-size:.75rem;padding-inline-start:20px}:host .instant-apps-interactive-legend__layer-caption--compact .instant-apps-interactive-legend__zoom-to-btn{--calcite-icon-color: var(--calcite-color-brand);--calcite-color-transparent-hover: transparent}:host .instant-apps-interactive-legend__layer-caption--compact .instant-apps-interactive-legend__legend-layer-caption-text{display:inline-block;font-size:.75rem;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}:host .instant-apps-interactive-legend__legend-layer-caption-text{display:inline-block;margin-left:5px;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:normal}:host .instant-apps-interactive-legend__layer-caption-btn-container{display:flex;white-space:nowrap}:host .instant-apps-interactive-legend__layer-caption-btn-container calcite-button{margin:2px}:host .esri-legend__layer-caption{font-weight:var(--instant-apps-interactive-legend-caption-font-weight)}:host .esri-legend__layer-caption{padding:var(--instant-apps-interactive-legend-ui-padding)}:host:dir(rtl) .esri-legend__layer-caption calcite-action{margin-left:unset;margin-right:20px}`,y={ZoomTo:"magnifying-glass-plus",ShowAll:"list-check-all"},o={layerCaption:"esri-legend__layer-caption",layerCaptionBtnContainer:"instant-apps-interactive-legend__layer-caption-btn-container",layerCaptionBtnContainerNoText:"instant-apps-interactive-legend__layer-caption-btn-container--no-text",layerCaptionText:"instant-apps-interactive-legend__legend-layer-caption-text",compact:"instant-apps-interactive-legend__layer-caption--compact",showAll:"instant-apps-interactive-legend__show-all-btn",zoomTo:"instant-apps-interactive-legend__zoom-to-btn"},_=class extends f{constructor(){super(...arguments),this._messages=$({name:"instant-apps-interactive-legend",blocking:!0}),this.expanded=!0,this.legendLayerExpandUpdated=g(),this.showAllSelected=g()}static{this.properties={legendvm:0,activeLayerInfo:0,layer:0,titleText:1,legendElementIndex:9,zoomTo:5,isInteractive:5,legendElement:0,expanded:5}}static{this.styles=A}toggleExpanded(){return()=>{this.expanded=!this.expanded,this.legendLayerExpandUpdated.emit(),(this.activeLayerInfo?.legendElements?.filter(e=>e.type==="relationship-ramp")).length>0&&h.set("relationshipRampExpandStates",{...r.relationshipRampExpandStates,[this.activeLayerInfo.layer.id]:this.expanded})}}handleZoomTo(){return()=>{let e=w(this.layer),i=m(e,this.legendElement);C(e,this.legendvm.view,i)}}handleShowAll(){return()=>{let e=()=>{let t=E(n,this.legendElement.title);v({intLegendLayerData:t,layerId:this.layer.id})},i=()=>{let t=z(n);v({intLegendLayerData:t,layerId:this.layer.id})},n=r.data?.[this.layer?.id];if(m(n,this.legendElement)){e();return}i(),this.showAllSelected.emit()}}render(){let e=k(this.activeLayerInfo),i=T(this.activeLayerInfo)&&(this.legendElement?.type==="relationship-ramp"||!this.legendElement?.type?.includes("-ramp")),{expanded:n}=this,t=h.get("compact"),s=t?` ${o.compact}`:"";if(e&&!this.titleText)return null;let l=this.titleText?a`<span class=${p(o.layerCaptionText)} title=${this.titleText??x}>${this.titleText}</span>`:null,c=this.isInteractive||i?this.renderLegendElementCaptionControls():"";return a`<div class=${`${o.layerCaption}${s}`}><calcite-action @click=${this.toggleExpanded()} .icon=${n?"chevron-down":"chevron-up"} appearance=transparent .text=${n?this._messages.collapse:this._messages.expand} .label=${n?this._messages.collapse:this._messages.expand} scale=s></calcite-action>${t?[l,c]:[c,l]}</div>`}renderLegendElementCaptionControls(){let e=this.titleText?"":` ${o.layerCaptionBtnContainerNoText}`;return d("layer-caption-btn-container",a`<div class=${`${o.layerCaptionBtnContainer}${e}`}>${this.renderShowAllZoomToButtons()}</div>`)}renderShowAllZoomToButtons(){return h.get("compact")?this.renderCompactButtonUI():this.renderButtonUI()}renderCompactButtonUI(){let{data:e}=r,{id:i}=this.layer||{},n=e?.[i]?.categories?.size>1,t="zoomToCompact",s=this.zoomTo&&[a`<calcite-action id=${t} class=${p(o.zoomTo)} @click=${this.handleZoomTo()} .icon=${y.ZoomTo} appearance=transparent scale=s .text=${this._messages.zoomTo}></calcite-action>`,a`<calcite-tooltip .referenceElement=${t} placement=top .label=${this._messages.zoomTo}>${this._messages.zoomTo}</calcite-tooltip>`]||"",l=n?a`<button @click=${this.handleShowAll()} class=${p(o.showAll)}>${this._messages.showAll}</button>`:null;return[s,l]}renderButtonUI(){let{data:e}=r,{id:i}=this.layer||{},n=e?.[i]?.categories?.size>1,t="showAll",s="zoomTo",l=n&&[d("show-all-button",a`<calcite-button id=${t} .label=${this._messages.showAll} @click=${this.handleShowAll()} .iconStart=${y.ShowAll} appearance=outline round></calcite-button>`),a`<calcite-tooltip .referenceElement=${t} placement=top .label=${this._messages.showAll}>${this._messages.showAll}</calcite-tooltip>`]||"",c=this.zoomTo&&[d("zoom-to-button",a`<calcite-button id=${s} .label=${this._messages.zoomTo} @click=${this.handleZoomTo()} .iconStart=${y.ZoomTo} appearance=outline round></calcite-button>`),a`<calcite-tooltip .referenceElement=${s} placement=top .label=${this._messages.zoomTo}>${this._messages.zoomTo}</calcite-tooltip>`]||"";return[l,c]}};b("instant-apps-interactive-legend-legend-element-caption",_);return _},c,e,h,i)
+import i from"./NP5KIGP3.js";import h from"./YYUOLIOE.js";import e from"./KGUELU4O.js";import c from"./FZ7IBZWI.js";import{a as d}from"./GSODQ7Y6.js";import{a as $}from"./5TNKWUPA.js";import{b}from"./42CN2HQC.js";import"./7NDNEWIB.js";import"./46MUUBPE.js";import{G as f,I as p,K as x,h as u,i as a,q as g}from"./7MSBIQLE.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{a:r,b:h},{e:w,h:T,j:z,k:E,l:C,r:k,s:m,u:v}])=>{var A=u`:host{display:block;--instant-apps-interactive-legend-heading-font-size: 1rem;--instant-apps-interactive-legend-heading-font-weight: normal;--instant-apps-interactive-legend-caption-font-weight: normal;--instant-apps-interactive-legend-secondary-color: var( --calcite-color-text-1 );--instant-apps-interactive-legend-field-name-font-size: 1rem;--instant-apps-interactive-legend-total-feature-count-font-size: .875rem;--instant-apps-interactive-legend-info-font-size: .875rem;--instant-apps-interactive-legend-info-item-background--selected: #c7ebff;--instant-apps-interactive-legend-info-item-color--selected: var( --calcite-color-text-2 );--instant-apps-interactive-legend-secondary-background-color: var( --calcite-color-background );--instant-apps-interactive-legend-ui-padding: 15px 10px}:host .esri-legend__layer-caption calcite-action{margin-left:20px}:host .esri-legend__layer-caption{display:flex;align-items:center;font-size:var(--instant-apps-interactive-legend-field-name-font-size);background-color:var(--instant-apps-interactive-legend-secondary-background-color);color:var(--instant-apps-interactive-legend-secondary-color)}:host .instant-apps-interactive-legend__layer-caption--compact{--instant-apps-interactive-legend-ui-padding: 5px}:host .instant-apps-interactive-legend__layer-caption--compact .instant-apps-interactive-legend__layer-caption-btn-container{display:flex;justify-content:flex-end;width:100%}:host .instant-apps-interactive-legend__layer-caption--compact .instant-apps-interactive-legend__layer-caption-btn-container .instant-apps-interactive-legend__show-all-btn{border:none;background-color:transparent;cursor:pointer;color:var(--calcite-color-brand);font-weight:var(--calcite-font-weight-medium);font-size:.75rem;padding-inline-start:20px}:host .instant-apps-interactive-legend__layer-caption--compact .instant-apps-interactive-legend__zoom-to-btn{--calcite-icon-color: var(--calcite-color-brand);--calcite-color-transparent-hover: transparent}:host .instant-apps-interactive-legend__layer-caption--compact .instant-apps-interactive-legend__legend-layer-caption-text{display:inline-block;font-size:.75rem;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis}:host .instant-apps-interactive-legend__legend-layer-caption-text{display:inline-block;margin-left:5px;margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:normal}:host .instant-apps-interactive-legend__layer-caption-btn-container{display:flex;white-space:nowrap}:host .instant-apps-interactive-legend__layer-caption-btn-container calcite-button{margin:2px}:host .esri-legend__layer-caption{font-weight:var(--instant-apps-interactive-legend-caption-font-weight)}:host .esri-legend__layer-caption{padding:var(--instant-apps-interactive-legend-ui-padding)}:host:dir(rtl) .esri-legend__layer-caption calcite-action{margin-left:unset;margin-right:20px}`,y={ZoomTo:"magnifying-glass-plus",ShowAll:"list-check-all"},o={layerCaption:"esri-legend__layer-caption",layerCaptionBtnContainer:"instant-apps-interactive-legend__layer-caption-btn-container",layerCaptionBtnContainerNoText:"instant-apps-interactive-legend__layer-caption-btn-container--no-text",layerCaptionText:"instant-apps-interactive-legend__legend-layer-caption-text",compact:"instant-apps-interactive-legend__layer-caption--compact",showAll:"instant-apps-interactive-legend__show-all-btn",zoomTo:"instant-apps-interactive-legend__zoom-to-btn"},_=class extends f{constructor(){super(...arguments),this._messages=$({name:"instant-apps-interactive-legend",blocking:!0}),this.expanded=!0,this.legendLayerExpandUpdated=g(),this.showAllSelected=g()}static{this.properties={legendvm:0,activeLayerInfo:0,layer:0,titleText:1,legendElementIndex:9,zoomTo:5,isInteractive:5,legendElement:0,expanded:5}}static{this.styles=A}toggleExpanded(){return()=>{this.expanded=!this.expanded,this.legendLayerExpandUpdated.emit(),(this.activeLayerInfo?.legendElements?.filter(e=>e.type==="relationship-ramp")).length>0&&h.set("relationshipRampExpandStates",{...r.relationshipRampExpandStates,[this.activeLayerInfo.layer.id]:this.expanded})}}handleZoomTo(){return()=>{let e=w(this.layer),i=m(e,this.legendElement);C(e,this.legendvm.view,i)}}handleShowAll(){return()=>{let e=()=>{let t=E(n,this.legendElement.title);v({intLegendLayerData:t,layerId:this.layer.id})},i=()=>{let t=z(n);v({intLegendLayerData:t,layerId:this.layer.id})},n=r.data?.[this.layer?.id];if(m(n,this.legendElement)){e();return}i(),this.showAllSelected.emit()}}render(){let e=k(this.activeLayerInfo),i=T(this.activeLayerInfo)&&(this.legendElement?.type==="relationship-ramp"||!this.legendElement?.type?.includes("-ramp")),{expanded:n}=this,t=h.get("compact"),s=t?` ${o.compact}`:"";if(e&&!this.titleText)return null;let l=this.titleText?a`<span class=${p(o.layerCaptionText)} title=${this.titleText??x}>${this.titleText}</span>`:null,c=this.isInteractive||i?this.renderLegendElementCaptionControls():"";return a`<div class=${`${o.layerCaption}${s}`}><calcite-action @click=${this.toggleExpanded()} .icon=${n?"chevron-down":"chevron-up"} appearance=transparent .text=${n?this._messages.collapse:this._messages.expand} .label=${n?this._messages.collapse:this._messages.expand} scale=s></calcite-action>${t?[l,c]:[c,l]}</div>`}renderLegendElementCaptionControls(){let e=this.titleText?"":` ${o.layerCaptionBtnContainerNoText}`;return d("layer-caption-btn-container",a`<div class=${`${o.layerCaptionBtnContainer}${e}`}>${this.renderShowAllZoomToButtons()}</div>`)}renderShowAllZoomToButtons(){return h.get("compact")?this.renderCompactButtonUI():this.renderButtonUI()}renderCompactButtonUI(){let{data:e}=r,{id:i}=this.layer||{},n=e?.[i]?.categories?.size>1,t="zoomToCompact",s=this.zoomTo&&[a`<calcite-action id=${t} class=${p(o.zoomTo)} @click=${this.handleZoomTo()} .icon=${y.ZoomTo} appearance=transparent scale=s .text=${this._messages.zoomTo}></calcite-action>`,a`<calcite-tooltip .referenceElement=${t} placement=top .label=${this._messages.zoomTo}>${this._messages.zoomTo}</calcite-tooltip>`]||"",l=n?a`<button @click=${this.handleShowAll()} class=${p(o.showAll)}>${this._messages.showAll}</button>`:null;return[s,l]}renderButtonUI(){let{data:e}=r,{id:i}=this.layer||{},n=e?.[i]?.categories?.size>1,t="showAll",s="zoomTo",l=n&&[d("show-all-button",a`<calcite-button id=${t} .label=${this._messages.showAll} @click=${this.handleShowAll()} .iconStart=${y.ShowAll} appearance=outline round></calcite-button>`),a`<calcite-tooltip .referenceElement=${t} placement=top .label=${this._messages.showAll}>${this._messages.showAll}</calcite-tooltip>`]||"",c=this.zoomTo&&[d("zoom-to-button",a`<calcite-button id=${s} .label=${this._messages.zoomTo} @click=${this.handleZoomTo()} .iconStart=${y.ZoomTo} appearance=outline round></calcite-button>`),a`<calcite-tooltip .referenceElement=${s} placement=top .label=${this._messages.zoomTo}>${this._messages.zoomTo}</calcite-tooltip>`]||"";return[l,c]}};b("instant-apps-interactive-legend-legend-element-caption",_);return _},c,e,h,i)