@esri/solutions-components 5.1.0-next.31 → 5.1.0-next.32

package/dist/cdn/STNQSFXD.js

@@ -0,0 +1,157 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import b from"./II4XNKW6.js";import{b as u}from"./3VRKBCBM.js";import{b as m}from"./DPD6UBKD.js";import{a as g}from"./2JLZTQFI.js";import{b as p}from"./ZR7GL7PU.js";import{E as l,F as d,G as h,K as a,h as c,i}from"./F2JKSZOE.js";export default $arcgis.t(([,,,{J:f,f:r}])=>{var b=c`/** @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: solid 2px var(--calcite-color-brand);
+  outline-offset: 2px;
+}
+
+.display-flex {
+  display: flex;
+}
+
+.align-items-center {
+  align-items: center;
+}
+
+.justify-content-center {
+  justify-content: center;
+}
+
+.screenshot-container {
+  width: 100%;
+  overflow: hidden;
+}
+
+.footer {
+  width: 100%;
+}
+
+.footer-override {
+  --calcite-dialog-footer-space: 0px;
+}
+
+.footer-card {
+  width: 200px;
+  height: 110px;
+  cursor: pointer;
+}
+
+.padding-1 {
+  padding: 1rem;
+}
+
+.padding-bottom-1 {
+  padding-bottom: 1rem;
+}
+
+.padding-end-1 {
+  padding-inline-end: 1rem;
+}
+
+.padding-start-1 {
+  padding-inline-start: 1rem;
+}
+
+.padding-top-1 {
+  padding-top: 1rem;
+}
+
+.padding-top-1-2 {
+  padding-top: .5rem;
+}
+
+.background-black {
+  background-color: var(--calcite-color-surface-4);
+}
+
+calcite-card:hover img {
+  -webkit-filter: brightness(30%);
+  filter: brightness(30%);
+  -webkit-transition: all .1s ease;
+  -moz-transition: all .1s ease;
+  -o-transition: all .1s ease;
+  -ms-transition: all .1s ease;
+  transition: all .1s ease;
+}
+
+calcite-card:hover {
+  outline: 2px solid var(--calcite-color-brand);
+  box-sizing: border-box;
+  cursor: pointer;
+  padding-bottom: 2px;
+}
+
+.calcite-card-selected {
+  /* border: 2px solid var(--calcite-card-accent-color-selected, var(--calcite-color-brand)); */
+  outline: 2px solid var(--calcite-color-brand);
+  box-sizing: border-box;
+  cursor: pointer;
+  padding-bottom: 2px;
+}
+
+calcite-card:hover .hover-text {
+  opacity: 1;
+  color: #ffffff;
+}
+
+.hover-text {
+  transition: .1s ease;
+  opacity: 0;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  -ms-transform: translate(-50%, -50%);
+  text-align: center;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  height: 100%;
+  font-size: var(--calcite-spacing-lg);
+}
+
+.card-image-wrap {
+  width: 100%;
+  position: relative;
+  margin-bottom: 0;
+  -webkit-box-flex: 0 0 auto;
+  -ms-flex: 0 0 auto;
+  flex: 0 0 auto;
+}
+
+.footer-card img {
+  background-color: var(--calcite-color-surface-2);
+}
+
+.card-image {
+  width: 100%;
+  display: block;
+}
+
+video,
+img {
+  max-width: 100%;
+  height: auto;
+}
+
+img {
+  overflow-clip-margin: content-box;
+  overflow: clip;
+  display: block;
+  object-fit: contain;
+}`,n=class extends h{constructor(){super(...arguments),this.open=!1,this._screenshots=[],this._translations=g({name:"solution-snapshot-gallery",blocking:!0}),this._configContextConsumer=m({context:u,subscribe:!0}),this._displayText="",this._paginationControl=l(),this._screenshotNames=[]}static{this.properties={card:[0,{},{attribute:!1}],screenshot:[0,{},{attribute:!1}],itemProperties:[0,{},{attribute:!1}],open:[5,{},{type:Boolean}],_screenshots:[16,{},{state:!0}],_translations:[16,{},{state:!0}]}}static{this.styles=b}willUpdate(e){e.has("screenshot")&&this.screenshot&&(this._displayText=this.screenshot.description||this.screenshot.alt),e.has("itemProperties")&&this.itemProperties&&(this._screenshots=this.itemProperties.preview.filter(t=>t.format==="image"),this._screenshotNames=this._screenshots.map(t=>t.name))}render(){return i`<calcite-dialog class="footer-override" .heading=${this.card?.title} modal @calciteDialogClose=${()=>this.open=!1} .open=${this.open} outside-close-disabled width=l>${this._getScreenshotView()}${this._getFooter()}</calcite-dialog>`}_getScreenshotView(){return this.screenshot?i`<div class="display-flex justify-content-center screenshot-container">${this._getImage(this.screenshot)}</div>`:""}_getFooter(){let e=this._screenshotNames.indexOf(this.screenshot?.name||""),s=document.body.classList.contains("calcite-mode-dark")?"calcite-mode-dark":"";return i`<div class="footer" slot=footer><div class=${`display-flex align-items-center padding-start-1 padding-top-1-2 background-black ${s}`}><calcite-label layout=inline><calcite-pagination class="padding-end-1" @calcitePaginationChange=${this._changeScreenshot} page-size=1 start-item=${e+1} total-items=${this._screenshots.length??a} ${d(this._paginationControl)}></calcite-pagination><span tabindex=0>${this._displayText}</span></calcite-label></div>${this._getCards()}</div>`}_changeScreenshot(){this.screenshot=this._screenshots[this._paginationControl.value.startItem-1]}_getCards(){return i`<calcite-card-group class="card-group padding-1" .label=${this._translations.seeSolutionScreenshots} selection-mode=single>${this._screenshots.map(e=>{let t=e.name===this.screenshot?.name;return i`<calcite-card class=${`footer-card ${t?"calcite-card-selected":""}`} .label=${e.alt} @click=${()=>this._showScreenshot(e)} @keydown=${o=>f(o,()=>this._showScreenshot(e))} .selected=${t}><div class="card-image-wrap" slot=thumbnail>${this._getImage(e,"thumbnail")}<div class="hover-text">${this._translations.viewScreenshot}</div></div></calcite-card>`})}</calcite-card-group>`}_getImage(e,t){return i`<img alt=${e.alt??a} slot=${t??a} src=${this._getSource(this._configContextConsumer.value.authentication,this.card?.id||"",e.name)??a}>`}_showScreenshot(e){this.screenshot=e}_getSource(e,t,s){let o=this._configContextConsumer.value;return o.agoBasedEnterpriseSolutionsGroupId&&o.isEnterprise?r(t||"",s,void 0,o.agolPortalUrl):e?r(t||"",s,e):""}};p("solution-snapshot-gallery",n);return n},"identity/IdentityManager","identity/OAuthInfo","portal/Portal",b)

package/dist/cdn/SYEK6DK7.js

@@ -0,0 +1,20 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import{b as m}from"./ZR7GL7PU.js";import{E as o,F as n,G as p,h as t,i as r}from"./F2JKSZOE.js";import"./QPIMTXPL.js";export default $arcgis.t(([l,c])=>{var h=t`/** @license
+ * Copyright 2025 Esri
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.display-block {
+  display: block;
+}`,a=class extends p{constructor(){super(...arguments),this._basemapElement=o()}static{this.properties={mapView:[0,{},{attribute:!1}],basemapConfig:[0,{},{attribute:!1}],basemapWidget:[0,{},{attribute:!1}]}}static{this.styles=h}willUpdate(e){e.has("basemapConfig")&&this.basemapConfigWatchHandler(),e.has("mapView")&&this.mapViewWatchHandler()}async basemapConfigWatchHandler(){if(this.basemapWidget?.source){let e=this.basemapWidget?.source;e.query=this.basemapConfig?.basemapGroupId?`id:${this.basemapConfig.basemapGroupId}`:null,await e.refresh()}}async mapViewWatchHandler(){this.mapView!==void 0&&await this.mapView.when(()=>{this._initBaseMapGallery(this.mapView)})}render(){return r`<div class="display-block" ${n(this._basemapElement)}></div>`}loaded(){this.mapView&&this.mapViewWatchHandler()}async _initBaseMapGallery(e){if(e){let i=new c({query:this.basemapConfig?.basemapGroupId?`id:${this.basemapConfig.basemapGroupId}`:null,filterFunction:this.basemapConfig?s=>s?.portalItem?.id&&this.basemapConfig?!this.basemapConfig.basemapIdsToFilter.includes(s?.portalItem?.id):!0:()=>!0});await i.refresh(),this.basemapWidget?(this.basemapWidget.view=e,this.basemapWidget.source=i):this.basemapWidget=new l({container:this._basemapElement.value,view:e,source:i})}}};m("map-basemap-gallery",a);return a},"widgets/BasemapGallery","widgets/BasemapGallery/support/PortalBasemapsSource")

package/dist/cdn/TJD7FNPI.js

@@ -0,0 +1,22 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import{b as o}from"./ZR7GL7PU.js";import{E as n,F as a,G as r,h as t,i as s}from"./F2JKSZOE.js";import"./QPIMTXPL.js";export default $arcgis.t(([l])=>{var d=t`/**
+ * @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.
+ */
+
+/* TODO update all of these :host */
+:host {
+  display: block;
+}`,i=class extends r{constructor(){super(...arguments),this._legendElement=n()}static{this.properties={mapView:[0,{},{attribute:!1}],legendWidget:[0,{},{attribute:!1}]}}static{this.styles=d}willUpdate(e){e.has("mapView")&&this.mapViewWatchHandler()}async mapViewWatchHandler(){await this.mapView?.when(()=>{this.mapView&&this._initLegend(this.mapView)})}render(){return s`<div ${a(this._legendElement)}></div>`}async loaded(){this.mapView&&await this.mapViewWatchHandler()}_initLegend(e){e&&(this.legendWidget?this.legendWidget.view=e:this.legendWidget=new l({container:this._legendElement.value,respectLayerDefinitionExpression:!0,view:e}))}};o("map-legend",i);return i},"widgets/Legend")

package/dist/cdn/TPL5B4IG.js

@@ -0,0 +1,45 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
+import{a as h}from"./JA3R6YUV.js";import{a as d}from"./2JLZTQFI.js";import{b as r}from"./ZR7GL7PU.js";import{E as a,F as l,G as c,h as o,i as t,q as i}from"./F2JKSZOE.js";var p=o`/** @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;
+}
+
+.panel-bg-white {
+  --calcite-panel-background-color: var(--calcite-color-surface-2);
+}
+
+calcite-loader {
+  --calcite-loader-spacing: var(--calcite-spacing-md);
+}
+
+.loader-text {
+  margin-top: var(--calcite-spacing-sm);
+  margin-bottom: var(--calcite-spacing-xxxl);
+  text-align: center;
+  font-size: var(--calcite-font-size-relative-base);
+  color: var(--calcite-color-text-1);
+}
+
+.carousel-style {
+  height: 120px;
+  display: flex;
+  align-items: center;
+}
+`,n=class extends c{constructor(){super(),this.deploymentProgress=0,this.open=!1,this.isWaitingForCard=!1,this._isInCancelConfirmation=!1,this._showCancelConfirmation=!1,this._showIsCancelling=!1,this._translations=d({name:"solution-deploying-dialog",blocking:!0}),this._carouselKey=0,this._deployingDialogRef=a(),this._carouselRef=a(),this._carouselMessages=[],this._confirmUnload=!1,this.deployingDialogOpened=i(),this.deploymentProcessCancelled=i(),this.listenOn(window,"beforeunload",e=>{(this._confirmUnload||this._showIsCancelling)&&(e.preventDefault(),e.returnValue=!0)})}static{this.properties={abortController:[0,{},{attribute:!1}],card:[0,{},{attribute:!1}],deploymentProgress:[9,{},{type:Number}],open:[5,{},{type:Boolean}],isWaitingForCard:[5,{},{type:Boolean}],_isInCancelConfirmation:[16,{},{state:!0}],_showCancelConfirmation:[16,{},{state:!0}],_showIsCancelling:[16,{},{state:!0}],_translations:[16,{},{state:!0}],_carouselKey:[16,{},{state:!0}]}}static{this.styles=p}close(){this._showCancelConfirmation=!1,this._showIsCancelling=!1,this.isWaitingForCard=!1;let e=this._deployingDialogRef.value;e&&(e.open=!1),this.open=!1}confirmCancel(){let e=this._deployingDialogRef.value;e&&(e.open=!0,e.closeDisabled=!0,this._isInCancelConfirmation=!0,this._showIsCancelling=!1),this._showCancelConfirmation=!0}cancelDeployment(){this._isInCancelConfirmation&&this.abortController&&(this.deploymentProcessCancelled.emit(),this.abortController.abort(),this._showIsCancelling=!0,this._showCancelConfirmation=!1)}async load(){}render(){return t`<calcite-dialog close-disabled .heading=${this._translations.title.replace("{{solution}}",this.card?.title??"")} escape-disabled modal width=m .open=${this.open} @calciteDialogBeforeClose=${e=>{e.preventDefault(),this._confirmUnload=!1}} @calciteDialogOpen=${()=>this._onDialogOpen()} outside-close-disabled ${l(this._deployingDialogRef)}>${this._showCancelConfirmation?this.renderCancelModal():this._showIsCancelling?this.renderCancellingModal():t`<calcite-panel class="panel-bg-white">${this.isWaitingForCard?t`<calcite-loader .label=${this._translations.deploymentInProgress} scale=l type=indeterminate></calcite-loader><div class="loader-text" tabindex=0>${this._translations.deploymentInProgress}</div>`:t`<calcite-loader .label=${this._translations.deploymentInProgress} scale=l type=determinate-value .value=${this.deploymentProgress}></calcite-loader><div class="loader-text" tabindex=0>${this._translations.deploymentInProgress}</div>`}<div class="carousel-style">${h(this._carouselKey,t`<calcite-carousel .label=${this._translations.newsAndFeatures} arrow-type=inline ${l(this._carouselRef)}>${this.renderCarouselItems()}</calcite-carousel>`)}</div></calcite-panel>`}${!this._showCancelConfirmation&&!this._showIsCancelling&&t`<calcite-button appearance=outline @click=${this.confirmCancel} slot=footer-end>${this._translations.cancel}</calcite-button>`||""}${this._showCancelConfirmation&&t`<calcite-button kind=brand @click=${()=>{this._isInCancelConfirmation=!1,this._showCancelConfirmation=!1}} slot=footer-end>${this._translations.continueDeployment}</calcite-button><calcite-button appearance=outline @click=${this.cancelDeployment} slot=footer-end>${this._translations.cancelDeploymentButton}</calcite-button>`||""}</calcite-dialog>`}renderCarouselItems(){let e=[];return this._carouselMessages.forEach((s,u)=>{e.push(t`<calcite-carousel-item .label=${`carousel-item-${u}`}><calcite-label layout=inline scale=m>${s.icon&&t`<calcite-icon .icon=${s.icon} class="padding-end-0-5"></calcite-icon>`||""}<span .innerHTML=${this._processCarouselMessage(s)??""} tabindex=0></span></calcite-label></calcite-carousel-item>`)}),e}_getCarouselMessages(){let e=this._translations.carousel,s=[{message:e.stockMessage1,icon:"question"},{message:e.stockMessage2,icon:"model"},{message:e.stockMessage3,icon:"lightbulb"},{message:e.stockMessage4,icon:"information"},{message:e.stockMessage5,icon:"speech-bubbles"},{message:e.stockMessage6,icon:"information"}];return s.sort(()=>Math.random()-.5),s}_processCarouselMessage(e){let s=e.message||"";return s.includes("{{url}}")&&e.url&&(s=s.replace("{{url}}",e.url)),s}renderCancelModal(){return t`<calcite-panel class="panel-bg-white"><div tabindex=0>${this._translations.deploymentCancelMessage}</div></calcite-panel>`}renderCancellingModal(){return t`<calcite-panel class="panel-bg-white"><calcite-loader .label=${this._translations.cancelCurrentDeployment}></calcite-loader><div class="loader-text" tabindex=0>${this._translations.cancelCurrentDeployment}</div></calcite-panel>`}_onDialogOpen(){this._confirmUnload=!0,this._carouselKey++,this._translations.carousel&&(this._carouselMessages=this._getCarouselMessages()),this.deployingDialogOpened.emit(),setTimeout(()=>{let e=this._carouselRef.value;e&&e.play()},100)}};r("solution-deploying-dialog",n);export{n as a};