@esri/solutions-components 5.0.2 → 5.0.4-next.1

package/dist/cdn/54MXGHFO.js

@@ -0,0 +1,58 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
+import{b as a}from"./U3VLFNUL.js";import{H as n,h as s,i}from"./46DQNAMV.js";var o=s`/** @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 for tabbable text elements - only show on keyboard navigation */
+*[tabindex]:focus-visible {
+  outline: 2px solid var(--calcite-color-brand);
+  outline-offset: 2px;
+}
+
+.resources-section {
+  padding: 3rem var(--calcite-spacing-md);
+  max-width: 1440px;
+  margin: 0 auto;
+  box-sizing: border-box;
+}
+
+.section-header {
+  margin-bottom: 3rem;
+  text-align: center;
+}
+
+.section-heading {
+  font-size: var(--calcite-font-size-3);
+  font-weight: var(--calcite-font-weight-small);
+  margin: 0 0 var(--calcite-spacing-lg) 0;
+  color: var(--calcite-color-text-1);
+}
+
+.section-subheading {
+  font-size: var(--calcite-font-size-0);
+  color: var(--calcite-color-text-2);
+  margin: 0;
+}
+
+.cards-container {
+  display: flex;
+  gap: var(--calcite-spacing-md);
+  flex-wrap: wrap;
+}
+
+.cards-container solution-resource-card {
+  flex: 1 1 200px;
+}
+`,t=class extends n{constructor(){super(...arguments),this.heading="",this.subheading="",this.cards=[]}static{this.properties={heading:[1,{type:String},{}],subheading:[1,{type:String},{}],cards:[1,{type:Array},{}]}}static{this.styles=o}render(){return i`<div class="resources-section"><div class="section-header"><h2 class="section-heading" tabindex=0>${this.heading}</h2><p class="section-subheading" tabindex=0>${this.subheading}</p></div><div class="cards-container">${this.cards.map(e=>i`<solution-resource-card .icon=${e.icon} .meridianIcon=${e.meridianIcon} .heading=${e.heading} .description=${e.description} .url=${e.url} .headingEn=${e.headingEn} .sectionHeadingEn=${e.sectionHeadingEn}></solution-resource-card>`)}</div></div>`}};a("solutions-resources-section",t);export{t as a};

package/dist/cdn/5QUT2CR5.js

@@ -0,0 +1,26 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
+import{a as c,b as n,c as y}from"./LVRNH6J6.js";import{b as d}from"./U3VLFNUL.js";import{F as a,G as s,H as m,h as u,i as t,r as p}from"./46DQNAMV.js";import"./OR4HXHSY.js";var h=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.
+ */
+
+:host {
+  display: block;
+  --calcite-label-margin-bottom: 0;
+}
+
+.label-display {
+  display: block;
+  padding-bottom: 1rem;
+}`,r=class extends m{constructor(){super(...arguments),this._densityElement=a(),this._typeElement=a(),this._severityElement=a(),this._types=Object.keys(n).filter(e=>!Number.isNaN(Number(n[e]))),this.deductValueComplete=p()}static{this.styles=h}render(){return t`<div class="label-display"><calcite-label class="label-display">\r\n            Density %${this._getDensityInput()}</calcite-label><calcite-label class="label-display">\r\n            Type${this._getTypeInput()}</calcite-label><calcite-label class="label-display">\r\n            Severity${this._getSeverityInput()}</calcite-label></div><div>${this._getCalculateInput()}</div>`}_getDensityInput(){return t`<calcite-input max=100 min=0 type=number ${s(this._densityElement)}></calcite-input>`}_getTypeInput(){return t`<calcite-select label ${s(this._typeElement)}>${this._types.map((e,i)=>t`<calcite-option .value=${n[e].toString()}>${`${e} (${i+1})`}</calcite-option>`)}</calcite-select>`}_getSeverityInput(){return t`<calcite-select label ${s(this._severityElement)}><calcite-option .value=${c.H}>\r\n          High</calcite-option><calcite-option .value=${c.M}>\r\n          Medium</calcite-option><calcite-option .value=${c.L}>\r\n          Low</calcite-option></calcite-select>`}_getCalculateInput(){let e=this._typeElement.value&&Number.parseFloat(this._typeElement.value.value),i=this._severityElement.value&&this._severityElement.value.value,l=this._densityElement.value&&Number.parseFloat(this._densityElement.value.value);return t`<calcite-button @click=${()=>this._calculateDeduct(e,i,l)}>\r\n        Calculate Deduct Value</calcite-button>`}_calculateDeduct(e,i,l){if(e&&i&&!Number.isNaN(l)){let o=y(e.toString(),i.toString(),l.toString(),!0);this.deductValueComplete.emit(o),alert(o)}else alert("Type, severity, and a density number are required")}};d("deduct-calculator",r);export{r as DeductCalculator};

package/dist/cdn/5SWSSMRU.js

@@ -0,0 +1,330 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
+import e from"./PFRYU47D.js";import c from"./G5JHXAFG.js";import a from"./ZTEGRVLW.js";import{b as d}from"./PZ4L77M5.js";import{a as b}from"./KEGPL5SP.js";import{b as f}from"./U3VLFNUL.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/6RAZH3HZ.js

@@ -0,0 +1,71 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
+import{a as v}from"./KEGPL5SP.js";import"./36I27Q5R.js";import"./GDPFKW75.js";import{b as T}from"./U3VLFNUL.js";import{F as n,G as h,H as b,J as a,h as w,i as r,l as m,r as y}from"./46DQNAMV.js";import"./OR4HXHSY.js";export default $arcgis.t(([C,x])=>{var I=w`/** @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;
+}
+
+.display-none {
+  display: none;
+}
+
+.display-flex {
+  display: flex;
+}
+
+.margin-top-1-2 {
+  margin-top: 0.5rem;
+}
+
+.margin-left-1-2 {
+  margin-left: 0.5rem;
+}
+
+.margin-right-1-2 {
+  margin-right: 0.5rem;
+}
+
+.square-32 {
+  width: 32px;
+  height: 32px;
+}
+
+.square-40 {
+  width: 40px;
+  height: 40px;
+}
+
+.square-48 {
+  width: 48px;
+  height: 48px;
+}
+
+.border-bottom {
+  border-bottom: 1px solid var(--calcite-color-border-3);
+}
+
+.box-shadow {
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+
+.margin-bottom-1-2 {
+  margin-bottom: 0.5rem;
+}
+
+.danger-icon-color {
+  --calcite-icon-color: var(--calcite-color-status-danger);
+}`,_=class extends b{constructor(){super(),this.enabledLayerIds=[],this.enableLegend=!1,this.enableLayerList=!1,this.enableFloorFilter=!1,this.enableFullscreen=!1,this.enableSearch=!1,this.enableBasemap=!1,this.enableHome=!1,this.enableSingleExpand=!1,this.zoomToolsSize="m",this.layout="vertical",this.mapWidgetsSize="m",this.enableMapPicker=!1,this.enableMapLayerPicker=!1,this.position="top-leading",this.stackTools=!0,this.enableSelectionTool=!1,this.toolOrder=["home","legend","search","fullscreen","floorfilter","layers-list","selectiontool","map-picker","map-layer-picker"],this.selectionTools=["rectangle-select","lasso-select","clear-selection"],this.mapInfos=[],this.defaultLayerId="",this.isMobile=!1,this.selectedFeaturesIds=[],this.selectedWebMapId="",this.showOnlyUpdatableLayers=!1,this.visibilityIcon="eyeball",this._hasFloorInfo=!1,this._translations=v({name:"map-tools",blocking:!0}),this._showTools=!0,this._showBasemapWidget=!1,this._showFloorFilter=!1,this._showFullscreen=!1,this._showLegendWidget=!1,this._showSearchWidget=!1,this._showLayersListWidget=!1,this._rectangleSelectionToolActive=!1,this._lassoSelectionToolActive=!1,this._showEllipsisTools=!0,this._ellipsisTools=[],this._isValidWebMap=!0,this._showSelectionTools=!1,this._basemapElement=n(),this._floorFilterElement=n(),this._fullscreenElement=n(),this._layerListWidgetElement=n(),this._legendElement=n(),this._searchElement=n(),this._widgets=[],this._selectionToolElement=n(),this._mapTools=[],this._mapTool=n(),this.clearSelection=y(),this.listenOn(window,"mapChanged",this.mapChanged),this.listenOn(window,"layerSelectionChange",this._layerSelectionChange)}static{this.properties={basemapConfig:[0,{},{attribute:!1}],enabledLayerIds:[0,{},{attribute:!1}],enableLegend:[5,{},{type:Boolean}],enableLayerList:[5,{},{type:Boolean}],enableFloorFilter:[5,{},{type:Boolean}],enableFullscreen:[5,{},{type:Boolean}],enableSearch:[5,{},{type:Boolean}],enableBasemap:[5,{},{type:Boolean}],enableHome:[5,{},{type:Boolean}],enableSingleExpand:[5,{},{type:Boolean}],zoomToolsSize:1,layout:1,mapView:[0,{},{attribute:!1}],mapWidgetsSize:1,enableMapPicker:[5,{},{type:Boolean}],enableMapLayerPicker:[5,{},{type:Boolean}],position:1,searchConfiguration:[0,{},{attribute:!1}],stackTools:[5,{},{type:Boolean}],enableSelectionTool:[5,{},{type:Boolean}],toolOrder:[0,{},{attribute:!1}],selectionTools:[0,{},{attribute:!1}],selectedLayer:[0,{},{attribute:!1}],mapInfos:[0,{},{attribute:!1}],defaultLayerId:1,isMobile:[5,{},{type:Boolean}],parentComponentHeight:[9,{},{type:Number}],parentComponentWidth:[9,{},{type:Number}],selectedFeaturesIds:[0,{},{attribute:!1}],selectedWebMapId:1,showOnlyUpdatableLayers:[5,{},{type:Boolean}],mapInfo:[0,{},{attribute:!1}],visibilityIcon:1,_hasFloorInfo:[16,{},{state:!0}],_translations:[16,{},{state:!0}],_showTools:[16,{},{state:!0}],_showBasemapWidget:[16,{},{state:!0}],_showFloorFilter:[16,{},{state:!0}],_showFullscreen:[16,{},{state:!0}],_showLegendWidget:[16,{},{state:!0}],_showSearchWidget:[16,{},{state:!0}],_showLayersListWidget:[16,{},{state:!0}],_rectangleSelectionToolActive:[16,{},{state:!0}],_lassoSelectionToolActive:[16,{},{state:!0}],_showEllipsisTools:[16,{},{state:!0}],_ellipsisTools:[16,{},{state:!0}],_isValidWebMap:[16,{},{state:!0}],_showSelectionTools:[16,{},{state:!0}]}}static{this.styles=I}willUpdate(t){t.has("mapView")&&this.mapViewWatchHandler(),t.has("parentComponentWidth")&&this.parentComponentWidth&&this.parentComponentWidthWatchHandler(this.parentComponentWidth),t.has("_showBasemapWidget")&&(this.hasUpdated||this._showBasemapWidget!==!1)&&this._showBasemapWidgetWatchHandler(this._showBasemapWidget),t.has("_showLayersListWidget")&&(this.hasUpdated||this._showLayersListWidget!==!1)&&this._showLayersListWidgetWatchHandler(this._showLayersListWidget),t.has("_showFloorFilter")&&(this.hasUpdated||this._showFloorFilter!==!1)&&this._showFloorFilterWatchHandler(this._showFloorFilter),t.has("_showFullscreen")&&(this.hasUpdated||this._showFullscreen!==!1)&&this._showFullscreenWatchHandler(this._showFullscreen),t.has("_showLegendWidget")&&(this.hasUpdated||this._showLegendWidget!==!1)&&this._showLegendWidgetWatchHandler(this._showLegendWidget),t.has("_showSearchWidget")&&(this.hasUpdated||this._showSearchWidget!==!1)&&this._showSearchWidgetWatchHandler(this._showSearchWidget)}async mapViewWatchHandler(){await this.mapView?.when(()=>{this.enableHome&&this._initHome(),this.parentComponentWidth&&this._updateTools(this.parentComponentWidth)})}async parentComponentWidthWatchHandler(t){this._updateTools(t)}async _showBasemapWidgetWatchHandler(t){let e=this._basemapElement.value?this._basemapElement.value.basemapWidget:void 0,s=document.dir==="rtl"?"rtl":"ltr";e&&(t?(this.mapView?.ui.add(e,{position:this.position,index:1}),e.container?.style.setProperty("direction",s)):this.mapView?.ui.remove(e))}async _showLayersListWidgetWatchHandler(t){let e=this._layerListWidgetElement.value?this._layerListWidgetElement.value.layerListWidget:void 0,s=document.dir==="rtl"?"rtl":"ltr";e&&(t?(this.mapView?.ui.add(e,{position:this.position,index:1}),e.container?.style.setProperty("direction",s)):this.mapView?.ui.remove(e))}async _showFloorFilterWatchHandler(t){let e=this._floorFilterElement.value?this._floorFilterElement.value.floorFilterWidget:void 0,s=document.dir==="rtl"?"rtl":"ltr";e&&(t?(this.mapView?.ui.add(e,{position:this.position,index:1}),e.container?.style.setProperty("direction",s)):this.mapView?.ui.remove(e))}async _showFullscreenWatchHandler(t){let e=this._fullscreenElement.value?this._fullscreenElement.value.fullscreenWidget:void 0;e&&(t?e.viewModel.state==="ready"&&e.viewModel.enter():e.viewModel.state==="active"&&e.viewModel.exit())}async _showLegendWidgetWatchHandler(t){let e=this._legendElement.value?this._legendElement.value.legendWidget:void 0,s=document.dir==="rtl"?"rtl":"ltr";e&&(t?(this.mapView?.ui.add(e,{position:this.position,index:1}),e.container?.style.setProperty("direction",s)):this.mapView?.ui.remove(e))}async _showSearchWidgetWatchHandler(t){let e=this._searchElement.value?this._searchElement.value.searchWidget:void 0,s=document.dir==="rtl"?"rtl":"ltr";e&&(t?(this.mapView?.ui.add(e,{position:this.position,index:1}),e.container?.style.setProperty("direction",s)):this.mapView?.ui.remove(e))}async mapChanged(t){let e=t.detail.isValid;this._isValidWebMap=e,this._showTools||this._toggleTools()}async _layerSelectionChange(t){this._showTools||this._toggleTools()}async load(){this._mapTools=[...this.toolOrder]}render(){this._setZoomToolsSize();let t=this.layout==="horizontal"?"display-flex":"",e=this._getToggleIcon(),s=!this._showTools&&!this._showSelectionTools?"display-none":t,o=this._showEllipsisTools?"":"display-none",l=this._showSearchWidget?"":"display-none",i=this._showBasemapWidget?"":"display-none",c=this._showLegendWidget?"":"display-none",d=this._showFloorFilter?"":"display-none",p=this._showFullscreen?"":"display-none",f=this._showLayersListWidget?"":"display-none",W=this._showTools?this._translations.collapse:this._translations.expand,L=!this.enableBasemap&&!this.enableFullscreen&&!this.enableLegend&&!this.enableLayerList&&!this.enableSearch&&!this.enableMapPicker&&!this.enableMapLayerPicker?"display-none":"",S=document.dir==="rtl"?"margin-right-1-2":"margin-left-1-2",F=this.enableSingleExpand?this.layout==="horizontal"?S:"margin-top-1-2":"",$=this._ellipsisTools.length>0&&this._showTools?"":"display-none",u=this.stackTools&&this._ellipsisTools.length===0?"box-shadow":"",E=this._showSelectionTools?this.selectionTools:this._mapTools;return r`<div class=${`${L} ${t}`}>${this.enableSingleExpand?r`<div class=${a(u)}>${this._getActionGroup(e,!1,W||"",()=>this._toggleTools())}</div>`:void 0}<div class=${`${F} ${u} ${s}`}>${this._getMapWidgets(E)}</div><div><div class=${a($)}>${this._getActionGroup("ellipsis",!1,"",()=>this._toggleEllipsisTools())}<div class=${a(o)}>${this._getMapWidgets(this._ellipsisTools)}</div></div></div></div><map-basemap-gallery .basemapConfig=${this.basemapConfig} class=${a(i)} .mapView=${this.mapView} ${h(this._basemapElement)}></map-basemap-gallery><map-search class=${a(l)} .mapView=${this.mapView} result-graphic-enabled .searchConfiguration=${this.searchConfiguration} ${h(this._searchElement)}></map-search><map-legend class=${a(c)} .mapView=${this.mapView} ${h(this._legendElement)}></map-legend><map-fullscreen class=${a(p)} .mapView=${this.mapView} @fullscreenStateChange=${g=>this._fullscreenStateChange(g.detail)} ${h(this._fullscreenElement)}></map-fullscreen><layer-list-widget class=${a(f)} .mapView=${this.mapView} @fullscreenStateChange=${g=>this._fullscreenStateChange(g.detail)} .visibilityIcon=${this.visibilityIcon} ${h(this._layerListWidgetElement)}></layer-list-widget><map-floor-filter class=${a(d)} .enabled=${this.enableFloorFilter} .mapView=${this.mapView} ${h(this._floorFilterElement)}></map-floor-filter><selection-tool .mapView=${this.mapView} @drawingComplete=${()=>{this._rectangleSelectionToolActive=!1,this._lassoSelectionToolActive=!1}} .selectedLayerId=${this.selectedLayer?.id} ${h(this._selectionToolElement)}></selection-tool>${this.enableMapPicker&&r`<map-picker class=mapPickerClass .height=${(this.parentComponentHeight??0)-25} id=map-picker .mapInfos=${this.mapInfos} reference-element=map .selectedWebMapId=${this.selectedWebMapId} show-map-list-in-popover></map-picker>`||""}${this.enableMapLayerPicker&&this.selectedLayer&&r`<map-layer-picker appearance=transparent .defaultLayerId=${this.defaultLayerId} .enabledLayerIds=${this.enabledLayerIds} .height=${(this.parentComponentHeight??0)-25} .isMobile=${this.isMobile} .mapView=${this.mapView} .showOnlyUpdatableLayers=${this.showOnlyUpdatableLayers} reference-element=layers scale=s .selectedIds=${this.selectedLayer?[this.selectedLayer.id]:[]} show-layers-list-in-popover show-tables type=dropdown></map-layer-picker>`||""}`}_initHome(){this.enableHome&&(this._homeWidget=new x({view:this.mapView}))}_setZoomToolsSize(){let t=document.getElementsByClassName("esri-zoom")[0]?.children[0],e=document.getElementsByClassName("esri-zoom")[0]?.children[1];if(t&&e){let s=this.zoomToolsSize==="s"?"32px":this.zoomToolsSize==="m"?"40px":"48px";t.style.width=s,t.style.height=s,e.style.width=s,e.style.height=s}if(this.layout==="horizontal"){let s=document.dir||"ltr",o=s==="ltr"?"esri-ui-top-left":"esri-ui-top-right",l=s==="ltr"?0:this.parentComponentWidth-62,i=s==="ltr"?this._showTools?"ltr":"rtl":this._showTools?"rtl":"ltr";document.getElementsByClassName(o)[0]?.firstElementChild?.tagName==="MAP-TOOLS"&&!this._showTools&&(i=s),document.getElementsByClassName("esri-zoom")[0]?.setAttribute("style",`position: absolute; top: 50px; left: ${l}px`),this._showSelectionTools||document.getElementsByClassName(o)[0]?.setAttribute("style",`flex-direction: row; gap: 5px; align-items: flex-start; direction: ${i} !important; z-index: 1;`)}}_getToggleIcon(){let t=document.dir||"ltr";return this.layout==="horizontal"?t==="ltr"?this._showTools?"chevrons-left":"chevrons-right":this._showTools?"chevrons-right":"chevrons-left":this._showTools?"chevrons-up":"chevrons-down"}_updateTools(t){let e=this._showSelectionTools?JSON.parse(JSON.stringify(this.selectionTools)):JSON.parse(JSON.stringify(this.toolOrder));this._hasFloorInfo=this.mapView?.map?.floorInfo;let s=e.indexOf("floorfilter");s>-1&&!this._hasFloorInfo&&e.splice(s,1);let o=40,l=110;this.isMobile&&(this.enableMapPicker||this.enableMapLayerPicker)&&(l=160);let i=Math.ceil((t-l)/o)-1;i&&i!==e.length-1?(this._mapTools=e.slice(0,i),this._ellipsisTools=e.slice(i,e.length)):(this._mapTools=e,this._ellipsisTools=[])}_getMapWidgets(t){let e=this._showFullscreen?"full-screen-exit":"full-screen",s=this._showFullscreen?this._translations.exitFullscreen:this._translations.enterFullscreen,o=this._isValidWebMap?"map":"exclamation-mark-triangle",l=this.selectedLayer===void 0?"exclamation-mark-triangle":"layers";return t.map(i=>{switch(i){case"legend":return this.enableLegend&&this.enableSingleExpand?this._getActionGroup("legend",!1,this._translations.legend,()=>this._showLegend()):this.enableLegend?this._getWidget(i,this._legendElement.value?.legendWidget,!0):void 0;case"search":return this.enableSearch&&this.enableSingleExpand?this._getActionGroup("magnifying-glass",!1,this._translations.search,()=>this._search()):this.enableSearch?this._getWidget(i,this._searchElement.value?.searchWidget,!0):void 0;case"fullscreen":return this.enableFullscreen&&this.enableSingleExpand?this._getActionGroup(e,!1,s||"",()=>this._expand()):this.enableFullscreen?this._getWidget(i,this._fullscreenElement.value?.fullscreenWidget,!1):void 0;case"basemap":return this.enableBasemap&&this.enableSingleExpand?this._getActionGroup("basemap",!1,this._translations.basemap,()=>this._toggleBasemapPicker()):this.enableBasemap?this._getWidget(i,this._basemapElement.value?.basemapWidget,!0):void 0;case"layers-list":return this.enableLayerList&&this.enableSingleExpand?this._getActionGroup("layers",!1,this._translations.layers||"",()=>this._toggleLayerListWidget()):this.enableLayerList?this._getWidget(i,this._layerListWidgetElement.value?.layerListWidget,!0):void 0;case"floorfilter":return this.enableFloorFilter&&this._hasFloorInfo&&this.enableSingleExpand?this._getActionGroup("urban-model",!1,this._translations.floorFilter,()=>this._toggleFloorFilter()):this.enableFloorFilter&&this._hasFloorInfo?this._getWidget(i,this._floorFilterElement.value?.floorFilterWidget,!0):void 0;case"selectiontool":return this.enableSelectionTool&&this.selectedLayer?this._getActionGroup("cursor-selection",!1,this._translations.selectionTools,this._onSelectionToolClick,!1):void 0;case"rectangle-select":return this.enableSelectionTool&&this.selectedLayer?this._getActionGroup("cursor-marquee",!1,this._translations.selectByRectangle,()=>this._toggleSelectionTool("rectangle"),!1,this._rectangleSelectionToolActive):void 0;case"lasso-select":return this.enableSelectionTool&&this.selectedLayer?this._getActionGroup("lasso-select",!1,this._translations.selectByLasso,()=>this._toggleSelectionTool("freehandPolygon"),!1,this._lassoSelectionToolActive):void 0;case"clear-selection":return this.selectedLayer&&this.selectedFeaturesIds.length>0?this._getActionGroup("erase",!1,this._translations.clearSelection,()=>this.clearSelection.emit()):void 0;case"home":return this.enableHome?this._getActionGroup("home",!1,this._translations.defaultMapView,()=>this._homeWidget?.go()):void 0;case"map-picker":return this.enableMapPicker?this._getActionGroup(o,!1,"",()=>{},!this._isValidWebMap):void 0;case"map-layer-picker":return this.enableMapLayerPicker&&this._isValidWebMap?this._getActionGroup(l,!1,"",()=>{},this.selectedLayer===void 0):void 0;default:return""}})}_fullscreenStateChange(t){t==="ready"&&this._showFullscreen?this._showFullscreen=!1:t==="active"&&!this._showFullscreen&&(this._showFullscreen=!0)}_getActionGroup(t,e,s,o,l,i){let c=this.mapWidgetsSize==="s"?"square-32":this.mapWidgetsSize==="m"?"square-40":"square-48",d=this.stackTools?"":"margin-bottom-1-2",p=this.stackTools?"":"box-shadow";return r`<div><calcite-action alignment=center appearance=solid .indicator=${i} class=${`map-actions ${c} ${d} border-bottom ${p} ${l?"danger-icon-color":""}`} .disabled=${e} .icon=${t} id=${t??m} @click=${o} scale=s text ${h(this._mapTool)}><calcite-icon icon=chevron-up scale=s slot=icon></calcite-icon></calcite-action>${!this.isMobile&&s&&r`<calcite-tooltip .placement=${this.layout==="vertical"?"auto":"bottom"} reference-element=${t??m}><span>${s}</span></calcite-tooltip>`||""}</div>`}_getWidget(t,e,s){if(this._widgets.indexOf(t)<0&&this.mapView&&e){let o=this.toolOrder.indexOf(t),l=new C({view:this.mapView,content:e}),i=this.enableHome?2:1;this.mapView.ui.add(s?l:e,{position:this.position,index:o>-1?o+i:1}),this._widgets.push(t)}}_showLegend(){this._showLegendWidget=!this._showLegendWidget,this._showTools=!1,this._toggleEllipsisTools()}_search(){this._showSearchWidget=!this._showSearchWidget,this._showTools=!1,this._toggleEllipsisTools()}_toggleBasemapPicker(){this._showBasemapWidget=!this._showBasemapWidget,this._showTools=!1,this._toggleEllipsisTools()}_toggleLayerListWidget(){this._showLayersListWidget=!this._showLayersListWidget,this._showTools=!1,this._toggleEllipsisTools()}_toggleFloorFilter(){this._showFloorFilter=!this._showFloorFilter,this._showTools=!1,this._toggleEllipsisTools()}_onSelectionToolClick(){this._showSelectionTools=!this._showSelectionTools,this._showTools=!1,this._toggleEllipsisTools()}_toggleSelectionTool(t){t==="rectangle"?(this._lassoSelectionToolActive=!1,this._rectangleSelectionToolActive=!this._rectangleSelectionToolActive):t==="freehandPolygon"&&(this._rectangleSelectionToolActive=!1,this._lassoSelectionToolActive=!this._lassoSelectionToolActive),this._selectionToolElement.value?.toggleSelectionTool(t,this._rectangleSelectionToolActive||this._lassoSelectionToolActive)}_expand(){this._showFullscreen=!this._showFullscreen}_toggleTools(){this._showTools||(this._showSelectionTools=!1,this._showBasemapWidget=!1,this._showLayersListWidget=!1,this._showSearchWidget=!1,this._showLegendWidget=!1,this._showFloorFilter=!1),this._rectangleSelectionToolActive?this._toggleSelectionTool("rectangle"):this._lassoSelectionToolActive&&this._toggleSelectionTool("freehandPolygon"),this._showTools=!this._showTools,this._toggleEllipsisTools(),this._updateTools(this.parentComponentWidth)}_toggleEllipsisTools(){this._showEllipsisTools=!this._showEllipsisTools}};T("map-tools",_);return _},"widgets/Expand","widgets/Home")

package/dist/cdn/A33COVGX.js

@@ -0,0 +1,20 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.0/LICENSE.txt */
+import{b as c}from"./U3VLFNUL.js";import{F as a,G as l,H as r,h as i,i as s,r as n}from"./46DQNAMV.js";import"./OR4HXHSY.js";export default $arcgis.t(([h,d])=>{var o=i`/** @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;
+}`,t=class extends r{constructor(){super(...arguments),this._fullscreenElement=a(),this.fullscreenStateChange=n()}static{this.properties={mapView:[0,{},{attribute:!1}],fullscreenWidget:[0,{},{attribute:!1}]}}static{this.styles=o}willUpdate(e){e.has("mapView")&&this.mapViewWatchHandler()}async mapViewWatchHandler(){await this.mapView?.when(async()=>{await this._initFullscreenWidget()})}render(){return s`<div class="fullscreen-widget" ${l(this._fullscreenElement)}></div>`}async updated(){this.hasUpdated||await this._initFullscreenWidget()}async loaded(){await this._initFullscreenWidget()}async _initFullscreenWidget(){this.mapView&&this._fullscreenElement.value&&!this.fullscreenWidget?(this.fullscreenWidget=new h({view:this.mapView}),await this.fullscreenWidget?.when(()=>{this._fullscreenStateChangeHandle&&this._fullscreenStateChangeHandle.remove(),this._fullscreenStateChangeHandle=d?.watch(()=>this.fullscreenWidget?.viewModel.state,e=>e&&this.fullscreenStateChange.emit(e))})):this.fullscreenWidget&&(this.fullscreenWidget.view=this.mapView)}};c("map-fullscreen",t);return t},"widgets/Fullscreen","core/reactiveUtils")