@esri/solutions-components 5.0.4-next.3 → 5.1.0-next.10

package/dist/cdn/5UJU2N7K.js

@@ -1,62 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import e from"./SIAN6MSO.js";import"./K2NV6NKR.js";import b from"./EVKDZTCS.js";import{b as D}from"./PZ4L77M5.js";import{Zb as y}from"./JE7L7M3J.js";import{a as I}from"./TF7SNOC3.js";import"./36I27Q5R.js";import"./GDPFKW75.js";import"./AOBFPJ2R.js";import"./JK6XUSIM.js";import"./UPHYUDLT.js";import"./QJJXVRMV.js";import"./7FMLZNDR.js";import"./LL5C4DHP.js";import"./WPAMUSBR.js";import"./XJPOVJV7.js";import"./LDNQ56OK.js";import"./3HUY3T5F.js";import"./Z6G5PBUQ.js";import"./J3QMHA2M.js";import"./TKZAMPEI.js";import"./2IHQU2FX.js";import"./CGLFPVBM.js";import"./OEJAW72H.js";import"./5JJMGPOW.js";import"./TYX345MZ.js";import"./5UWT66A7.js";import{b as _}from"./3ZMHOVVV.js";import{F as f,G as h,H as g,J as c,h as m,i as a,l as p,r as d}from"./46DQNAMV.js";import"./OR4HXHSY.js";export default $arcgis.t(([{K:C,b:b,y:w},{a:$,b:v}])=>{var S=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.
- */
-
-*[tabindex]:focus-visible {
-  outline-style: solid !important;
-  outline-width: 2px !important;
-  outline-color: var(--calcite-color-brand) !important;
-  outline-offset: 2px !important;
-}
-
-.deletion-note-text {
-  display: inline-block;
-}
-
-
-.deletion-note-container {
-  display: flex;  
-  align-items: center;
-  gap: var(--calcite-spacing-sm);
-  font-size: var(--calcite-font-size-0);
-  margin-bottom: var(--calcite-spacing-md);
-}
-
-.panel-bg-color {
-  --calcite-panel-header-background-color: var(--calcite-color-foreground-1);
-  --calcite-panel-background-color: var(--calcite-color-foreground-1);
-}
-
-.display-none {
-  display: none;
-}
-
-calcite-loader {
-  --calcite-loader-spacing: var(--calcite-spacing-md);
-}
-
-.loader-text {
-  margin-top: var(--calcite-spacing-md);
-  margin-bottom: var(--calcite-spacing-xl);
-  text-align: center;
-  font-size: var(--calcite-font-size-relative-base);
-  color: var(--calcite-color-text-1);
-}
-
-.padding-around {
-  padding: 12px 2rem 2rem;
-}
-`,u=class extends g{constructor(){super(),this.open=!1,this.source="Card Dropdown",this._deletePercentage=0,this._fetchingTemplates=!1,this._isDeleteInProgress=!1,this._nonSolutionDependencyItems=[],this._showDeleteError=!1,this._showUndeletableItems=!1,this._templateInfos=[],this._translations=I({name:"solution-delete-dialog",blocking:!0}),this._accordion=f(),this._configContextConsumer=D({context:b,subscribe:!0}),this.solutionDeleteDialogOpen=d(),this.solutionDeleted=d(),this.solutionDeleteDialogBeforeClose=d(),this.listenOn(window,"beforeunload",e=>{this._isDeleteInProgress&&(e.preventDefault(),e.returnValue=!0)})}static{this.properties={card:[0,{},{attribute:!1}],open:[5,{},{type:Boolean}],source:1,_deletePercentage:[16,{},{state:!0}],_fetchingTemplates:[16,{},{state:!0}],_isDeleteInProgress:[16,{},{state:!0}],_nonSolutionDependencyItems:[16,{},{state:!0}],_showDeleteError:[16,{},{state:!0}],_showUndeletableItems:[16,{},{state:!0}],_templateInfos:[16,{},{state:!0}],_translations:[16,{},{state:!0}]}}static{this.styles=S}get _telemetry(){return this._configContextConsumer.value?.telemetrySession}close(){this._showUndeletableItems&&this.solutionDeleted.emit({showAlert:!1,refreshSolutionsTimeout:!0,solutionTitle:this.card?.title}),this._showDeleteError=!1,this._showUndeletableItems=!1,this._isDeleteInProgress=!1,this.open=!1,this.solutionDeleteDialogOpen.emit(!1)}delete(){if(this._telemetry?.logEvent({category:C.DEPLOYMENTS,action:"Delete Solution",dimensions:[this.card?.title||"",this.card?.deployCommonId||"",this.card?.deployVersion||"",this.source]}),this._isDeleteInProgress=!0,this.card){let e=[{itemName:this.card.title,itemType:"Solution",owner:this.card.owner,modified:this.card.modified}],s={progressCallback:t=>{this._deletePercentage=Math.round(t)},solutionOwner:this.card.owner};y(this.card.id,this._configContextConsumer.value.userSession,s).then(t=>{let r=t[1],i;if(r?i=r.items.map(o=>({itemName:o.title,itemType:o.type,owner:o.owner,modified:o.modified})):i=e,i.length===0)this.solutionDeleted.emit({showAlert:!0,refreshSolutionsTimeout:!0,solutionTitle:this.card?.title}),this._isDeleteInProgress=!1,this.open=!1;else if(i.some(n=>n.itemType==="Solution"))this.card?v(this.card,this._configContextConsumer.value.userSession).then(n=>{this._templateInfos=n,this._showDeleteError=!0,this._showUndeletableItems=!0,this._isDeleteInProgress=!1}):(this._showDeleteError=!0,this._isDeleteInProgress=!1);else if(this.card){let n=[];n=r.items.map(l=>({id:l.id,title:l.title,type:l.type,owner:l.owner,modified:l.modified,typeKeywords:[],snippet:"",dependencies:[],url:w(l.id,this._configContextConsumer.value.authentication)})),this._templateInfos=n,this._showDeleteError=!1,this._showUndeletableItems=!0,this._isDeleteInProgress=!1}else this.solutionDeleted.emit({showAlert:!0,refreshSolutionsTimeout:!0}),this._isDeleteInProgress=!1,this.open=!1})}}willUpdate(e){if(e.has("open")){let s=e.get("open");this.open&&!s&&(this._fetchingTemplates=!0,$(this._configContextConsumer.value.userSession,this.card).then(t=>{this._templateInfos=t.templateInfos,this._nonSolutionDependencyItems=t._nonSolutionDependencyItems,this._fetchingTemplates=!1}))}}render(){let e=this._fetchingTemplates?"":"display-none",s=this._fetchingTemplates?"display-none":"",t=[...new Set(this._nonSolutionDependencyItems.map(o=>o.controlItemId))],r=this._templateInfos.length-this._getDependencyCount(),i=this._translations.deletionCount.replace("{{deleteableCount}}",r.toString()).replace("{{totalCount}}",this._templateInfos.length.toString());return a`<calcite-dialog class="panel-bg-color" .closeDisabled=${this._isDeleteInProgress} .escapeDisabled=${this._isDeleteInProgress} .heading=${this._translations.title.replace("{{solution}}",this.card?.title??"")} id=${this._translations.title.replace("{{solution}}",this.card?.title??"")??p} modal kind=danger .open=${this.open} width=l outside-close-disabled @calciteDialogBeforeClose=${()=>{this.solutionDeleteDialogBeforeClose.emit()}} @calciteDialogClose=${()=>{this.open=!1,this.solutionDeleteDialogOpen.emit(!1)}}>${this._isDeleteInProgress?a`<calcite-loader .label=${this._translations.deleteInProgress} scale=l type=determinate-value .value=${this._deletePercentage}></calcite-loader><div class="loader-text" tabindex=0>${this._translations.deleteInProgress}</div>`:this._showUndeletableItems?a`<calcite-label class=${c(s)} layout=inline><span tabindex=0>${this._translations.failedToDeleteItems}</span></calcite-label><solution-item-accordion class=${c(s)} .itemRelationshipDependencies=${[]} link-type=item list-selection-mode=multiple .reuseWarning=${this._translations.itemDependencyReusewarning} .templateInfos=${this._templateInfos} .typeKeywords=${this.card?.typeKeywords} ${h(this._accordion)}></solution-item-accordion><calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.buttonClose}</calcite-button>`:a`<div class="padding-around"><div class=${`deletion-note-container ${s}`}><span class="deletion-note-text" tabindex=0>${this._translations.deletionNote}</span><calcite-chip .label=${i} scale=m icon=information>${i}</calcite-chip></div><calcite-loader class=${c(e)} label></calcite-loader><solution-item-accordion class=${c(s)} .itemRelationshipDependencies=${t} link-type=item list-selection-mode=multiple .reuseWarning=${this._translations.itemDependencyReusewarning} .templateInfos=${this._templateInfos} .typeKeywords=${this.card?.typeKeywords} ${h(this._accordion)}></solution-item-accordion></div><calcite-button appearance=outline @click=${this.close} slot=footer-end>${this._translations.buttonCancel}</calcite-button><calcite-button @click=${()=>{this.delete()}} slot=footer-end kind=danger>${this._translations.buttonDelete}</calcite-button>${this._showDeleteError&&a`<calcite-alert icon=exclamation-mark-triangle kind=danger .label=${this._translations.failedToDelete} @calciteAlertClose=${()=>{this._showDeleteError=!1}} open><div slot=message>${this._translations.failedToDelete}</div></calcite-alert>`||""}`}</calcite-dialog>`}_getDependencyCount(){let e=this._nonSolutionDependencyItems.map(t=>t.controlItemId);return[...new Set(e)].length}};_("solution-delete-dialog",u);return u},b,e)

package/dist/cdn/6UB6ABQU.js

@@ -1,330 +0,0 @@
-/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
-import e from"./ZYJFGFDC.js";import c from"./SIAN6MSO.js";import a from"./EVKDZTCS.js";import{b as d}from"./PZ4L77M5.js";import{a as b}from"./TF7SNOC3.js";import{b as f}from"./3ZMHOVVV.js";import{H as h,J as m,L as r,h as u,i,r as o}from"./46DQNAMV.js";export default $arcgis.t(([{A:w,K:n,a:x,b:v,u:_,w:y},{a:C},{d:p,h:$,i:S}])=>{var T=u`/** @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.
- */
-
-/* Focus styles with negative offset to prevent clipping */
-.negative-tabbing-offset[tabindex]:focus-visible {
-  outline: 2px solid var(--calcite-color-brand);
-  outline-offset: -2px;
-}
-
-/* Focus styles with positive offset */
-.tabbing-offset[tabindex]:focus-visible {
-  outline: 2px solid var(--calcite-color-brand);
-  outline-offset: 2px;
-}
-
-.font-weight-med {
-  font-weight: var(--calcite-font-weight-medium);
-}
-
-.font-weight-bold {
-  font-weight: var(--calcite-font-weight-bold);
-}
-
-.heading-font {
-  font-size: var(--calcite-font-size-0);
-  font-weight: var(--calcite-font-weight-medium);
-}
-
-.title-font {
-  font-size: 1.8rem;
-  font-weight: var(--calcite-font-weight-medium);
-  color: var(--calcite-color-text-1);
-}
-
-.font-1 {
-  font-size: var(--calcite-spacing-lg);
-}
-
-.display-flex {
-  display: flex;
-}
-
-.display-none {
-  display: none;
-}
-
-.flex-direction-column {
-  flex-direction: column;
-}
-
-.flex-direction-row {
-  flex-direction: row;
-}
-
-/* Prevent text overflow in solution panel on desktop/tablet */
-@media (min-width: 801px) {
-  .font-size-override .display-flex.flex-direction-row > .image-width + .display-flex {
-    flex: 1;
-    min-width: 0;
-  }
-}
-
-.icon-color {
-  color: var(--calcite-color-text-3);
-}
-
-.padding-end-xxl {
-  padding-inline-end: var(--calcite-spacing-xxl);
-}
-
-.padding-bottom-lg {
-  padding-bottom: var(--calcite-spacing-lg);
-}
-
-.padding-bottom-xxl {
-  padding-bottom: var(--calcite-spacing-xxl);
-}
-
-.item-padding {
-  --calcite-internal-accordion-item-padding: var(--calcite-spacing-xl);
-}
-
-.align-items-center {
-  align-items: center;
-}
-
-.align-items-start {
-  align-items: start;
-}
-
-.font-size-override {
-  --calcite-font-size--2: var(--calcite-font-size--1);
-}
-
-.background-color-1 {
-  background-color: var(--calcite-color-foreground-1);
-}
-
-.background-color-2 {
-  background-color: var(--calcite-color-foreground-2);
-}
-
-.label-override {
-  --calcite-label-margin-bottom: var(--calcite-spacing-none);
-}
-
-.position-relative {
-  position: relative;
-}
-
-.overflow-hidden {
-  overflow: hidden;
-}
-
-.overflow-auto {
-  overflow: auto;
-}
-
-.margin-block-start-end-0 {
-  margin-block-start: var(--calcite-spacing-none);
-  margin-block-end: var(--calcite-spacing-none);
-}
-
-.panel-background-2 {
-  --calcite-panel-background-color: var(--calcite-color-foreground-2);
-  background-color: var(--calcite-color-foreground-2);
-}
-
-.panel-background-1 {
-  --calcite-panel-background-color: var(--calcite-color-foreground-1);
-  --calcite-shell-panel-background-color: var(--calcite-color-foreground-1);
-}
-
-.border-none {
-  border: none;
-}
-
-.font-color-1 {
-  color: var(--calcite-color-text-1);
-}
-
-.panel-bg-color {
-  --calcite-panel-header-background-color: var(--calcite-color-foreground-1);
-  --calcite-panel-background-color: var(--calcite-color-foreground-1);
-}
-
-.dialog-y-size {
-  --calcite-dialog-size-y: 90%
-}
-
-.dialog-x-size {
-  --calcite-dialog-size-x: 90%
-}
-
-.bottom-border {
-  border-bottom: solid var(--calcite-spacing-px);
-  color: var(--calcite-color-border-1);
-}
-
-.margin-start-end-xxl {
-  margin-inline-start: var(--calcite-spacing-xxl);
-  margin-inline-end: var(--calcite-spacing-xxl);
-}
-
-.margin-start-end-lg {
-  margin-inline-start: var(--calcite-spacing-lg);
-  margin-inline-end: var(--calcite-spacing-lg);
-}
-
-.margin-top-xxl {
-  margin-top: var(--calcite-spacing-xxl);
-}
-
-.justify-between {
-  justify-content: space-between;
-}
-
-.items-baseline {
-  align-items: baseline;
-}
-
-.padding-xxl {
-  padding: var(--calcite-spacing-xxl);
-}
-
-.padding-lg {
-  padding: var(--calcite-spacing-lg);
-}
-
-.padding-top-xxl {
-  padding-top: var(--calcite-spacing-xxl);
-}
-
-.padding-top-lg {
-  padding-top: var(--calcite-spacing-lg);
-}
-
-.padding-bottom-xxl {
-  padding-bottom: var(--calcite-spacing-xxl);
-}
-
-.padding-end-1 {
-  padding-inline-end: var(--calcite-spacing-lg);
-}
-
-.padding-end-xxl {
-  padding-inline-end: var(--calcite-spacing-xxl);
-}
-
-.padding-start-sm {
-  padding-inline-start: var(--calcite-spacing-sm);
-}
-
-.padding-start-xxl {
-  padding-inline-start: var(--calcite-spacing-xxl);
-}
-
-.image-width {
-  width: 300px;
-  flex-grow: 0;
-  flex-shrink: 0;
-}
-
-@media (max-width: 1280px) {
-  .image-width {
-    flex-grow: 0;
-    flex-shrink: 1;
-  }
-}
-
-img {
-  max-width: 100%;
-  height: auto;
-  overflow-clip-margin: content-box;
-  overflow: clip;
-  display: block;
-}
-
-.margin-xl {
-  margin: var(--calcite-spacing-xl);
-}
-
-.line-height-1 {
-  line-height: 1.1;
-}
-
-.line-height-xxl {
-  line-height: var(--calcite-line-height-xxl);
-}
-
-@media (max-width: 800px) {
-  /* Make solution panel stack vertically on mobile */
-  .font-size-override .display-flex.flex-direction-row {
-    flex-direction: column !important;
-  }
-
-  /* Image container takes full width on mobile */
-  .image-width {
-    width: 100% !important;
-    max-width: 100% !important;
-    margin: 0 !important;
-    padding: var(--calcite-spacing-lg) !important;
-    padding-bottom: 0 !important;
-    box-sizing: border-box;
-  }
-
-  /* Ensure img respects container padding */
-  .image-width img {
-    width: 100%;
-    max-width: 100%;
-  }
-
-  /* Remove the margin from the wrapper */
-  .margin-xl {
-    margin: 0 !important;
-  }
-
-  /* Adjust text content padding on mobile */
-  .image-width + .display-flex {
-    padding-inline-start: var(--calcite-spacing-lg) !important;
-    padding-inline-end: var(--calcite-spacing-lg) !important;
-  }
-
-  .padding-start-sm {
-    padding-inline-start: 0 !important;
-  }
-
-  .title-font {
-    padding-inline-start: 0 !important;
-    padding-top: var(--calcite-spacing-lg) !important;
-    padding-bottom: var(--calcite-spacing-lg) !important;
-  }
-
-  /* Reduce space between snippet and deployment date */
-  .align-items-start.padding-bottom-xxl {
-    padding-bottom: var(--calcite-spacing-lg) !important;
-  }
-
-  /* Reduce space underneath deployment date */
-  .padding-bottom-xxl.padding-start-sm {
-    padding-bottom: var(--calcite-spacing-lg) !important;
-  }
-}
-
-calcite-shell-panel {
-  --calcite-shell-panel-max-width: 20rem;
-  --calcite-shell-panel-width: 24vw;
-}
-
-calcite-shell {
-  block-size: unset;
-}
-
-.solution-deployed-action {
-  --calcite-color-focus: initial;
-}`,g=class extends h{constructor(){super(),this.diagramKey="",this.open=!1,this.templateInfos=[],this._accordionLoading=!1,this._configureTitlesOpen=!1,this._deleteDialogOpen=!1,this._hasNewVersion=!1,this._isDiagramOpen=!1,this._isNameConflict=!1,this._invalidNameMessage="",this._showSuccessAlert=!1,this._showFailedAlert=!1,this._showItemUpdateLoading=!1,this.isMobile=!1,this._templateInfoGraph=[],this._thumbnailUrl="",this._translations=b({name:"solution-deployed-card-panel",blocking:!0}),this._configContextConsumer=d({context:v,subscribe:!0,callback:async e=>{e&&(this._isOrgAdmin=y(e.authentication),this._user=e.authentication?.Portal?.user)}}),this._isOrgAdmin=!1,this._isMobileContextConsumer=d({context:x,subscribe:!0,callback:e=>this.isMobile=e}),this.navTabSelected=o(),this.forceSelectTab=o(),this.sortTypeChanged=o(),this.solutionConfigureDialogClose=o(),this._nonSolutionDependencyItems=[],this.listenOn(window,"deployedCardSelected",this._deployedCardSelected),this.listenOn(window,"deployAppTabSelected",this._handleDeployAppTabSelected),this.listenOn(window,"displayDeployedCard",()=>{this._showSuccessAlert=!0}),this.listenOn(window,"sessionRefreshed",e=>{this._updateThumbnailToken(e.detail)})}static{this.properties={card:[0,{},{attribute:!1}],cardRef:1,diagramKey:1,open:[5,{},{type:Boolean}],templateInfos:[0,{},{attribute:!1}],_accordionLoading:[16,{},{state:!0}],_configureTitlesOpen:[16,{},{state:!0}],_deleteDialogOpen:[16,{},{state:!0}],_hasNewVersion:[16,{},{state:!0}],_isDiagramOpen:[16,{},{state:!0}],_isNameConflict:[16,{},{state:!0}],_invalidNameMessage:[16,{},{state:!0}],_showSuccessAlert:[16,{},{state:!0}],_showFailedAlert:[16,{},{state:!0}],_showItemUpdateLoading:[16,{},{state:!0}],isMobile:[16,{},{state:!0}],_templateInfoGraph:[16,{},{state:!0}],_thumbnailUrl:[16,{},{state:!0}],_translations:[16,{},{state:!0}],_nonSolutionDependencyItems:[16,{},{state:!0}]}}static{this.styles=T}get _telemetry(){return this._configContextConsumer.value?.telemetrySession}async load(){if(this._isMobileContextConsumer.value&&(this.isMobile=this._isMobileContextConsumer.value),this.card?.thumbnailUrl){let e=this._configContextConsumer.value?.userSession,t=this.card?.thumbnailUrl.replace(/w=\d+/,"w=400");this._thumbnailUrl=`${t}&token=${e?.token}`}}willUpdate(e){if(e.has("card")){let t=this._configContextConsumer.value?.userSession,a=this.card?.thumbnailUrl.replace(/w=\d+/,"w=400");this._thumbnailUrl=`${a}&token=${t?.token}`}}render(){return this.isMobile?i`<calcite-shell class="position-relative background-color-2"><calcite-panel class="panel-background-2 border-none" slot=panel-bottom><div class="background-color-2 padding-top-lg">${this._getSolutionPanel()}</div><div class="background-color-1 margin-top-xxl">${this._getButtons()}${this._getOwnerSection()}<div class="bottom-border margin-start-end-xxl"></div>${this._getSolutionVersionCard()}</div>${this._getSolutionContents()}</calcite-panel></calcite-shell>`:i`<calcite-shell class="position-relative background-color-2"><calcite-panel class="padding-end-xxl panel-background-2 border-none" slot=panel-bottom><div class="display-flex flex-direction-column overflow-hidden"><div class="background-color-2 padding-top-xxl">${this._getSolutionPanel()}</div>${this._getSolutionContents()}</div></calcite-panel><calcite-shell-panel class="panel-background-1" slot=panel-end>${this._getButtons()}${this._getOwnerSection()}<div class="bottom-border margin-start-end-xxl"></div>${this._getSolutionVersionCard()}</calcite-shell-panel>${this._renderDiagramDialog()}${this._getConfigureTitlesDialog()}${this._getDeleteDialog()}${this._getSuccessDeployAlert()}</calcite-shell>`}async _deployedCardSelected(e){let t=e.detail;this.card=t.card,this.cardRef=t.cardRef,this.templateInfos=[],this._accordionLoading=!0,this.templateInfos=await this._getTemplates(),this._accordionLoading=!1;let a=await C(this._configContextConsumer.value.userSession,this.card);this._nonSolutionDependencyItems=a._nonSolutionDependencyItems;let l=$(this._configContextConsumer.value?.allCards||[],this.card.deployCommonId),s=!1;if(l){let c=p(l),D=p(this.card);s=c>D}this._hasNewVersion=s}_handleDeployAppTabSelected(e){e.detail==="deployed-card"&&this.sortTypeChanged.emit("")}_getButtons(){let e=this._configContextConsumer.value?.userSession?.username,t=this._configContextConsumer.value?.authentication?.CanUpdateSolution,a=this.card?.owner===e||this._isOrgAdmin||t,l=this.card?.owner===e||this._isOrgAdmin,s=a?"display-none":"",c=this.isMobile?"padding-lg":"padding-xxl";return i`<div class=${`display-flex flex-direction-column ${c}`}>${!this.isMobile&&i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._openDiagram}>${this._translations.viewTheDiagram}</calcite-button>`||""}<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._viewDocumentation}>${this._translations.solutionDocumentation}</calcite-button><calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._openItemDetails}>${this._translations.itemDetails}</calcite-button>${a&&!this.isMobile&&i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" id=solution-configure-titles-button kind=neutral @click=${this._openConfigureTitlesDialog}>${this._translations.updateTitles}</calcite-button><calcite-tooltip class=${m(s)} overlay-positioning=fixed reference-element=solution-configure-titles-button><span>${this._translations.mustOwnSolution}</span></calcite-tooltip>`||""}${l&&!this.isMobile&&i`<calcite-button appearance=outline class="padding-bottom-lg solution-deployed-action" kind=neutral @click=${this._deleteSolution}>${this._translations.deleteSolution}</calcite-button>`||""}</div>`}_openConfigureTitlesDialog(){this._configureTitlesOpen=!0}_getConfigureTitlesDialog(){return this._configureTitlesOpen?i`<solution-configure-titles .card=${this.card} @solutionConfigureTitlesBeforeClose=${async()=>{this.templateInfos=await this._getTemplates(),this._configureTitlesOpen=!1}} @solutionItemsTitlesChanged=${async()=>{this.templateInfos=await this._getTemplates()}} .open=${this._configureTitlesOpen} source="Details Page" .templateInfos=${this.templateInfos}></solution-configure-titles>`:""}_viewDocumentation(e){e.stopPropagation(),this._telemetry?.logEvent({category:n.DEPLOYMENTS,action:"Open Help",dimensions:[this.card?.title||"",this.card?.deployCommonId||"",this.card?.deployVersion||"","Details Page"]}),window.open(this.card.learnMoreUrl,"_blank")}_openItemDetails(e){e.stopPropagation(),this._telemetry?.logEvent({category:n.DEPLOYMENTS,action:"Open Item Details",dimensions:[this.card?.title||"",this.card?.deployCommonId||"",this.card?.deployVersion||"","Details Page"]}),window.open(this.card.itemUrl,"_blank")}_getOwnerSection(){if(!this._configContextConsumer?.value)return;let e=this.isMobile?"margin-start-end-lg":"margin-start-end-xxl";return i`<div class=${`display-flex padding-bottom-xxl ${e} flex-direction-column`}><div class="display-flex justify-between items-baseline"><calcite-label class="font-weight-med label-override tabbing-offset" layout=inline scale=l tabindex=0>${this._translations.aboutYourSolutionOwner}</calcite-label></div><solution-user-avatar .fullname=${this._user?.username===this.card?.owner?this._user?.fullName:void 0} .lookupProfile=${this._user?.username!==this.card?.owner} .thumbnailUrl=${this._user?.username===this.card?.owner?this._user?.thumbnailUrl:void 0} .username=${this.card?.owner}></solution-user-avatar></div>`}async _openDiagram(e){e.stopPropagation();let t=await this._getTemplates();t&&(this._telemetry?.logEvent({category:n.DEPLOYMENTS,action:"View Diagram",dimensions:[this.card?.title||"",this.card?.deployCommonId||"",this.card?.deployVersion||"","Details Page"]}),this._templateInfoGraph=t,this._isDiagramOpen=!0)}async _getTemplates(){return this.cardRef?await this.cardRef.getTemplates():this.card?await _(this.card.id,this._configContextConsumer.value.userSession):void 0}_getSolutionVersionCard(){let e=this._hasNewVersion?this._translations.newVersionAvailable:this._translations.youHaveTheLatestVersion,t=this.isMobile?"padding-lg":"padding-xxl";return i`<div class=${`${t} display-flex flex-direction-column`}><calcite-label class="font-weight-med label-override tabbing-offset" layout=inline scale=l slot=heading tabindex=0>${this._translations.solutionVersion.replace("{{version}}",this.card?.deployVersion||"")}</calcite-label><div class="display-flex"><div class="display-flex flex-direction-row padding-top-lg align-items-center"><calcite-icon class="icon-color" icon=clock-forward scale=m></calcite-icon><div class="display-flex flex-direction-column padding-start-xxl"><span class="tabbing-offset" tabindex=0>${e}</span></div></div></div>${this._hasNewVersion?i`<calcite-button appearance=outline class="padding-top-lg solution-deployed-action" kind=neutral @click=${this._openNewVersionSolution} width=full>${this._translations.learnMoreNewVersion}</calcite-button>`:""}</div>`}async _openNewVersionSolution(e){e.stopPropagation(),this._telemetry?.logEvent({category:n.DEPLOYMENTS,action:"View Latest Version",dimensions:[this.card?.title||"",this.card?.deployCommonId||"",this.card?.deployVersion||""]}),await new Promise(a=>setTimeout(a,100));let t=S(this._configContextConsumer.value.allCards,this.card.deployCommonId);t&&this.forceSelectTab.emit({tabType:"details",tabTitleOrId:t})}_getSolutionPanel(){return i`<calcite-panel class="font-size-override panel-background-1"><div class="display-flex flex-direction-row"><div class="image-width margin-xl"><img alt=${this.card?.title??r} src=${this._thumbnailUrl??r}></div><div class="display-flex flex-direction-column"><h1 class="title-font margin-block-start-end-0 padding-end-xxl padding-start-sm padding-top-xxl padding-bottom-xxl line-height-1 negative-tabbing-offset" tabindex=0>${this.card?.title}</h1><div class="display-flex flex-direction-column padding-bottom-xxl padding-start-sm"><div class="display-flex align-items-start padding-bottom-xxl"><div class="font-1 padding-end-1 line-height-xxl negative-tabbing-offset" tabindex=0>${this.card?.snippet}</div></div><div class="display-flex"><div class="display-flex"><calcite-label class="label-override icon-color tabbing-offset" layout=inline tabindex=0><calcite-icon class="icon-color" icon=projects scale=s></calcite-icon>${this._translations.aboutYourSolutionDeployedDate.replace("{{deployedDate}}",this.card?.created||"")}</calcite-label></div></div></div></div></div></calcite-panel>`}_getSolutionContents(){let e=[...new Set(this._nonSolutionDependencyItems.map(t=>t.controlItemId))];return i`<calcite-panel class="panel-background-1 padding-top-xxl"><calcite-accordion class="accordion-bg " icon-position=start scale=l appearance=transparent><calcite-accordion-item class="item-padding" expanded><div class="margin-block-start-end-0 heading-font " slot=content-start>${this._translations.solutionsContentsAndCount.replace("{{numberOfSolutions}}",this.templateInfos.length.toString())}</div><div class="overflow-auto">${this._accordionLoading?i`<calcite-loader .label=${this._translations.loadingText} scale=m></calcite-loader>`:i`<solution-item-accordion .itemRelationshipDependencies=${e} .listSelectionMode=${e.length>0?"multiple":"single"} .reuseWarning=${this._translations.itemUsedInOtherSolutions} .templateInfos=${this.templateInfos} .typeKeywords=${this.card?.typeKeywords}></solution-item-accordion>`}</div></calcite-accordion-item></calcite-accordion></calcite-panel>`}_getDeleteDialog(){return this._deleteDialogOpen?i`<solution-delete-dialog .card=${this.card} @solutionDeleted=${()=>setTimeout(()=>this.navTabSelected.emit({tabType:"deployments"}),100)} @solutionDeleteDialogBeforeClose=${()=>{this._deleteDialogOpen=!1}} .open=${this._deleteDialogOpen} source="Details Page"></solution-delete-dialog>`:""}_getSuccessDeployAlert(){return i`<calcite-alert auto-close auto-close-duration=medium icon=check-circle kind=success .label=${this._translations.deploySuccessAlert.replace("{{solutionTitle}}",this.card?.title??"")} .open=${this._showSuccessAlert} @calciteAlertClose=${()=>{this._showSuccessAlert=!1}}><div slot=title>${this._translations.deploySuccessAlert.replace("{{solutionTitle}}",this.card?.title??"")}</div></calcite-alert>`}_renderDiagramDialog(){return this._isDiagramOpen?i`<calcite-dialog class="dialog-y-size dialog-x-size panel-bg-color" .heading=${this._translations.diagramOfTheSolution.replace("{{solution}}",this.card?.title??"")} id=${this._translations.diagramOfTheSolution.replace("{{solution}}",this.card?.title??"")??r} modal .open=${this._isDiagramOpen} @calciteDialogClose=${()=>{this._isDiagramOpen=!1}} outside-close-disabled scale=m width=l><solution-item-diagram .diagramKey=${this.diagramKey!==""?this.diagramKey:this._configContextConsumer.value?.diagramKey??""} .templateInfoGraph=${this._templateInfoGraph} .typeKeywords=${this.card?.typeKeywords}></solution-item-diagram></calcite-dialog>`:""}async _deleteSolution(){this._deleteDialogOpen=!0}_updateThumbnailToken(e){this._thumbnailUrl!==""&&(this._thumbnailUrl=w(this._thumbnailUrl,e))}};f("solution-deployed-card-panel",g);return g},a,c,e)

package/dist/cdn/6VTRTZCM.js

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