@arcgis/portal-components 6.0.0-next.7 → 6.0.0-next.9

package/dist/cdn/{TUUUK3VX.js → DG6ZTIXN.js}

@@ -1,2 +1,2 @@
 /* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
-import{a as V}from"./7ZWYUHGK.js";import"./A2SQ4EMZ.js";import"./K2XSYDAP.js";import{J as c,K as m,L as R,M as A,N as w,R as I,h as F,j as l,w as v}from"./AICPYLWE.js";import"./OUMTV5H5.js";import"./5PV2GUZW.js";export default $arcgis.t(([T,P,u,p,{intersectionExecute:O},g,d,E,x,y,L,b,z,G,j,U,B,W,D,M,J,$,_])=>{var q=F`.extent-picker-modal{z-index:1001}.extent-picker-content{display:flex;min-height:100%;height:100%}.side-panel{padding:var(--calcite-spacing-lg);display:flex;flex-direction:column;overflow-y:auto;max-height:100%;width:420px}.extent-button{margin-top:var(--calcite-spacing-lg)}.use-location-header{margin-top:var(--calcite-spacing-xxxl);margin-bottom:var(--calcite-spacing-lg)}.search-container{width:100%}.search-container .esri-search,.search-container arcgis-search{width:100%}.search-container calcite-autocomplete{width:100%}.map-panel{flex:1 1 0%;position:relative;display:flex}.map-loader{position:absolute;z-index:var(--calcite-z-index-1);top:50%;left:50%;transform:translate(-50%,-50%)}.map-container{flex:1 1 0%;opacity:0;transition:opacity .3s ease}.loader-container{flex:1 1 0%}.map-container--loaded{opacity:1}.coordinates-section{margin-top:var(--calcite-spacing-lg)}`,C=class{constructor(t){this.outerRing=[[180,-90],[-180,-90],[-180,90],[180,90],[180,-90]],this.map=t}init(){this.maskSymbol=new $({color:[0,0,0,.5],outline:{color:[128,128,128,.5],width:"0px"}}),this.maskLayer=new b({id:"maskLayer "}),this.overlapLayer=new b({id:"overlapLayer"}),this.map?.add(this.maskLayer),this.map?.add(this.overlapLayer)}hide(){this.maskLayer.visible=!1}show(){this.maskLayer.visible=!0}add(t,e){let i=this.buildGraphic(t,e);if(i)return i.graphic&&this.maskLayer?.add(i.graphic),i}update(t,e,i){i?this.remove(null,i):this.clear();let s=this.buildGraphic(t,e);if(s)return s.graphic&&this.maskLayer?.add(s.graphic),s}clear(){this.maskLayer?.removeAll()}remove(t,e){!t&&!e||(e&&!t&&(t=this.maskLayer?.graphics.getItemAt(e)),t&&this.maskLayer?.remove(t))}buildGraphic(t,e=this.maskSymbol){let i={};if(!t)return i;if(t.type==="extent"&&t.xmax===t.xmin){let o=new d({rings:[this.outerRing]});return i.graphic=new y({geometry:o,symbol:e}),i}t=this.toWGS84(t);let s,a;if(t.type==="extent"){let o=this.checkPolyOverlap(t);o?(s=o?.ring?.reverse(),a=o?.oring?.reverse()):s=[[t.xmin,t.ymax],[t.xmax,t.ymax],[t.xmax,t.ymin],[t.xmin,t.ymin],[t.xmin,t.ymax]]}let r=[];t.xmin===t.xmax?r=[this.outerRing]:r=[this.outerRing,s?.reverse()||[[]]];let n=new d({rings:r});return a&&(i.overlap=a),i.graphic=new y({geometry:n,symbol:e}),i}checkPolyOverlap(t){let e={};if(t.xmax<=t.xmin){let i=[[t.xmin,t.ymin],[180,t.ymin],[180,t.ymax],[t.xmin,t.ymax],[t.xmin,t.ymin]],s=[[-180,t.ymin],[t.xmax,t.ymin],[t.xmax,t.ymax],[-180,t.ymax],[-180,t.ymin]],a=180-Math.abs(t.xmax),r=180-Math.abs(t.xmin);return a>r?(e.ring=s,e.oring=i):(e.ring=i,e.oring=s),e}else return}toWGS84(t){let e=new E({wkid:4326});return x.canProject(t,e)?x.project(t,e):t}};function H(f){if(!f)return;let t=u.assetsPath;t.endsWith("/")||(t+="/"),f?.firstElementChild?.insertAdjacentHTML("beforebegin",`<link rel="stylesheet" href="${t}esri/themes/light/main.css" />`)}var S=class extends R{constructor(){super(...arguments),this.polygonSymbol=new $({style:"solid",color:new P([227,139,79,0]),outline:{color:new P([65,105,255]),width:0}}),this.dlOverlapSymbol=new $({style:"solid",color:[255,0,0,.5],outline:{color:[65,105,255],width:0}}),this.messages=V(),this.searchComponent=c(),this.sketchComponent=c(),this.mapContainer=c(),this.sketchListenersAdded=!1,this.searchInitialized=!1,this.topCoordField=c(),this.bottomCoordField=c(),this.leftCoordField=c(),this.rightCoordField=c(),this.minLatLabel="",this.maxLatLabel="",this.minLngLabel="",this.maxLngLabel="",this.firstLoad=!0,this.ymax="0",this.ymin="0",this.xmin="0",this.xmax="0",this.isDrawStart=!1,this.loading=!0,this.active=!1,this.contentOnly=!1,this.isArea=!1,this.arcgisExtentPickerChange=v(),this.arcgisExtentPickerClose=v(),this.arcgisExtentPickerSave=v()}static{this.properties={ymax:16,ymin:16,xmin:16,xmax:16,isDrawStart:16,loading:16,featureExtent:16,initialValue:16,active:5,extentValue:0,itemId:1,portal:0,extentService:1,contentOnly:5,isArea:5}}static{this.styles=q}getExtent(){return this.getExtentValue()}async load(){if(this.minLatLabel=this.formatAxisLabel(-90),this.maxLatLabel=this.formatAxisLabel(90),this.minLngLabel=this.formatAxisLabel(-180),this.maxLngLabel=this.formatAxisLabel(180),this.portal){let t=this.portal.url.replace("/sharing/rest/","");t!==u.portalUrl&&(u.portalUrl=t)}if(this.itemId&&(this.item=new W({id:this.itemId,portal:this.portal}),await this.item.load()),this.portal&&(this.orgExtent=this.portal.defaultExtent?.toJSON()),this.portal?.region){let t=this.portal.region,e=(await D(`${this.portal.url.replace("/sharing/rest/","")}/sharing/rest/portals/self?region=${t}&default=true&f=pjson`,{responseType:"json"})).data;this.orgRegionExtent=e.defaultExtent}}async loaded(){H(this.el.shadowRoot),await this.initMap()}convertToNumber(t){return this.parseNumber(t)}setFeatureExtent(t){let e;if(t.spatialReference.isGeographic)e=new p({xmax:t.xmax,xmin:t.xmin,ymax:t.ymax,ymin:t.ymin,spatialReference:{wkid:4326}});else if(e=this.toWGS84(t),e===t){this.tryAsyncProjection(t);return}this.featureExtent?(this.featureExtent.xmin=Math.min(e.xmin,this.featureExtent.xmin),this.featureExtent.ymin=Math.min(e.ymin,this.featureExtent.ymin),this.featureExtent.xmax=Math.max(e.xmax,this.featureExtent.xmax),this.featureExtent.ymax=Math.max(e.ymax,this.featureExtent.ymax)):this.featureExtent=e}async tryAsyncProjection(t){let e=new J;if(e.geometries=[t],e.outSpatialReference=new E({wkid:4326}),!u.geometryServiceUrl)return;let i=(await M.project(u.geometryServiceUrl,e))?.[0];i&&this.setFeatureExtent(i)}async initMap(){let t=this.portal?.useVectorBasemaps?this.portal?.defaultVectorBasemap:this.portal?.defaultBasemap,e=new B({basemap:t||"streets-vector"});if(this.extentService)try{let i=this.extentService.trim(),s;if(/\/VectorTileServer\/?$/iu.test(i))s=new j({url:i});else{let r=(await D(`${i}?f=pjson`,{responseType:"json"})).data;s=r.singleFusedMapCache===!0&&r.tileInfo?new G({url:i}):new U({url:i})}await s.load();let a=new T({baseLayers:[s],id:"org_basemap"});e.basemap=a}catch(i){console.warn("[arcgis-portal-extent-picker] extentService basemap failed to load, using default basemap",i)}if(this.mask=new C(e),this.mask.init(),this.dateLineLayer=new b({id:"dateLineLayer"}),e.add(this.dateLineLayer),this.areasLayer=new b({id:"areaGraphics"}),e.add(this.areasLayer),this.item?.type==="Feature Service"||this.item?.type==="Map Service"){let i=await z.fromPortalItem({portalItem:this.item});i.visible=!1,e.add(i),i.when(s=>{if("layers"in s)for(let a=0;a<s.layers.length;a++)s.layers.getItemAt(a).queryExtent().then(r=>{r.extent&&this.setFeatureExtent(r.extent)});else s.queryExtent().then(a=>{a.extent&&this.setFeatureExtent(a.extent)})})}if(this.view=new _({map:e,popup:{dockEnabled:!0,dockOptions:{buttonEnabled:!1,breakpoint:!1,position:"bottom-center"}},zoom:2,center:[0,0],container:this.mapContainer.value}),await this.view.when(),this.basemapExtent=this.getBasemapExtent(),this.itemExtent=this.item?.extent,this.extentValue?.xmax!==void 0&&this.extentValue?.xmin!==void 0&&this.extentValue?.ymax!==void 0&&this.extentValue?.ymin!==void 0)this.ymin=this.extentValue?.ymin||"0",this.ymax=this.extentValue?.ymax||"0",this.xmax=this.extentValue?.xmax||"0",this.xmin=this.extentValue?.xmin||"0",await this.handleInputChange(),this.initialValue=this.currentExtent;else if(this.itemExtent)await this.drawExtent(this.itemExtent),this.initialValue=this.itemExtent;else if(this.featureExtent)await this.drawExtent(this.featureExtent),this.initialValue=this.featureExtent;else if(this.portal?.defaultExtent){let i=this.portal.defaultExtent.toJSON();await this.drawExtent(i),this.initialValue=i}await this.initSearchWidget(),this.loading=!1}getBasemapExtent(){try{let t,e,i,s;if(this.view?.map?.basemap?.hasOwnProperty("baseLayers")){let a=this.view.map.basemap.baseLayers;if(a.length>0){for(let r of a){let n=r.fullExtent||{xmin:0,ymin:0,xmax:0,ymax:0};t=t!==void 0&&t>n?.xmin?t:n.xmin,i=i!==void 0&&i>n?.ymin?i:n.ymin,e=e!==void 0&&e<n.xmax?e:n.xmax,s=s!==void 0&&s<n.ymax?s:n.ymax}return new p({xmin:t,xmax:e,ymin:i,ymax:s,spatialReference:this.view.spatialReference})}}return new p({ymin:-90,ymax:90,xmin:-180,xmax:180,spatialReference:{wkid:4326}})}catch{return new p({ymin:-90,ymax:90,xmin:-180,xmax:180,spatialReference:{wkid:4326}})}}async drawExtent(t){if(this.isDrawStart=!1,!t||!t.xmin&&t.xmin!==0||!t.xmax&&t.xmax!==0||!t.ymin&&t.ymin!==0||!t.ymax&&t.ymax!==0)return;let e=new d;e.spatialReference=t.spatialReference,e.addRing([new g({x:t.xmin,y:t.ymin}),new g({x:t.xmin,y:t.ymax}),new g({x:t.xmax,y:t.ymax}),new g({x:t.xmax,y:t.ymin}),new g({x:t.xmin,y:t.ymin})]),await this.addInitialExtentPicker({geometry:e})}toWGS84(t){let e=new E({wkid:4326});return x.canProject(t,e)?x.project(t,e):t}formatNum(t){return L.formatNumber(t,{minimumFractionDigits:6,maximumFractionDigits:6})}formatAxisLabel(t){return L.formatNumber(t,{minimumFractionDigits:1,maximumFractionDigits:1})}strippedInvalidChars(t){let e=Array.from({length:10},(i,s)=>s.toString()).join("");return Array.from(t).filter(i=>e.includes(i)||i==="."||i==="-").join("")}parseNumber(t){let e=t.replace(",",".");return e=this.strippedInvalidChars(e),parseFloat(e)}async startupSketching(t,e){if(t&&(t=this.toMap(t)),await this.initSketchComponent(),this.clearAllGraphics(),!e)if(t){t.type==="extent"&&(t=d.fromExtent(t)),this.currentExtent=this.toWGS84(t?.extent?.toJSON()),this.ymax=this.formatNum(this.currentExtent.ymax),this.ymin=this.formatNum(this.currentExtent.ymin),this.xmin=this.formatNum(this.currentExtent.xmin),this.xmax=this.formatNum(this.currentExtent.xmax),this.firstLoad?this.firstLoad=!1:this.arcgisExtentPickerChange.emit(this.getExtentValue()),t=O(t,this.basemapExtent);let i=new y({symbol:this.polygonSymbol,geometry:t});i.geometry&&(this.fallbackExtent=i.geometry.extent,this.areasLayer?.add(i),this.mask?.clear(),this.mask?.update(i.geometry.extent),await this.zoomTo(),await this.activateGraphicUpdate(i))}else await this.sketchComponent.value?.create("rectangle")}async activateGraphicUpdate(t){try{let e=this.sketchComponent.value;if(!e||!this.view||!this.areasLayer)return;await e.componentOnReady(),await this.view.whenLayerView(this.areasLayer),await e.triggerUpdate(t,{tool:"transform",enableRotation:!1,toggleToolOnClick:!1,reshapeOptions:{enableCreateCurveFromStraightEdge:!1}})}catch{}}async initSketchComponent(){let t=this.sketchComponent.value;t&&(t.defaultGraphicsLayerDisabled=!0,t.updateOnGraphicClickDisabled=!1,t.layer=this.areasLayer,t.polygonSymbol=this.polygonSymbol,t.view=this.view,this.sketchListenersAdded||(t.addEventListener("arcgisUpdate",e=>{this.handleSketchUpdate(e)}),t.addEventListener("arcgisCreate",e=>{this.handleSketchCreate(e)}),this.sketchListenersAdded=!0),await t.componentOnReady())}async handleSketchUpdate(t){let e=t.detail;if(e.state==="cancel"){let a=this.areasLayer?.graphics?.getItemAt(0)?.geometry;a&&await this.startupSketching(a);return}if(!e.toolEventInfo)return;let i=e?.graphics?.[0]?.geometry?.extent,s=i&&this.mask?.update(i);if(e.toolEventInfo.type==="scale-stop"||e.toolEventInfo.type==="move-stop"){let a,r=parseFloat(`${i?.xmax??"0"}`).toFixed(6),n=parseFloat(`${i?.xmin??"0"}`).toFixed(6),o=parseFloat(`${i?.ymax??"0"}`).toFixed(6),h=parseFloat(`${i?.ymin??"0"}`).toFixed(6);if(r===n||o===h?(a=i,r===n&&(a.xmax+=1),o===h&&(a.ymax+=1)):a=e?.graphics?.[0]?.geometry?.extent,s?.overlap){let k=s.graphic?.geometry,N=new d({rings:[k?.rings[1]]});await this.addInitialExtentPicker({geometry:N.extent})}else await this.startupSketching(a);this.isDrawStart=!1}else if(this.dateLineLayer?.removeAll(),s?.overlap){let a=new y({geometry:new d({rings:[s.overlap]}),symbol:this.dlOverlapSymbol});this.dateLineLayer?.add(a)}}async handleSketchCreate(t){let e=t.detail;if(this.dateLineLayer?.removeAll(),!e.graphic)return;this.mask?.clear();let i=e?.graphic?.geometry?.extent,s=this.mask?.add(i);if(s?.overlap?(this.remainderPoly=new y({geometry:new d({rings:[s.overlap]}),symbol:this.dlOverlapSymbol}),this.dateLineLayer?.add(this.remainderPoly)):this.remainderPoly=null,e.state==="complete"){let a,r=e.graphic?.geometry?.extent?.xmin||0,n=e.graphic?.geometry?.extent?.xmax||0,o=e.graphic?.geometry?.extent?.ymin||0,h=e.graphic?.geometry?.extent?.ymax||0;if(r===n||o===h)r===n&&(n=n+1),o===h&&(h=h+1),a=new p({xmin:r,xmax:n,ymin:o,ymax:h,spatialReference:e.graphic?.geometry?.extent?.spatialReference});else{let k=s?.graphic?.geometry;a=new d({rings:[k?.rings[1]]}).extent}this.remainderPoly?await this.addInitialExtentPicker({geometry:a}):await this.startupSketching(a),this.isDrawStart=!1,this.mapContainer.value.focus()}}async addInitialExtentPicker(t){if(!t.geometry){await this.startupSketching(null,!0);return}let e=this.toMap(t.geometry);await this.startupSketching(e)}async zoomTo(){if(this.areasLayer?.graphics){let t;if(this.areasLayer.graphics.forEach(i=>{let s=i?.geometry?.extent;t=t?t.union(s):s}),!t)return;let e=this.toMap(t.clone().expand(1.35));e&&await this.view?.goTo(e)}}clearAllGraphics(){this.sketchComponent.value?.cancel(),this.view?.map?.layers?.forEach(t=>{t.type==="graphics"&&t.removeAll()})}toMap(t){return this.view&&x.canProject(t,this.view)?x.project(t,this.view.spatialReference):t}async initSearchWidget(){let t=this.searchComponent.value;if(!t||this.searchInitialized)return;t.view=this.view,t.popupDisabled=!0,t.resultGraphicDisabled=!0,await t.componentOnReady();let e=()=>{t.allSources.forEach(i=>{i.zoomScale=null})};e(),t.allSources.on("change",e),t.addEventListener("arcgisSelectResult",i=>{let s=i.detail?.result;this.startupSketching(s?.extent)}),this.searchInitialized=!0}getExtentValue(){return{extent:{ymin:this.normalizeDecimal(this.ymin),ymax:this.normalizeDecimal(this.ymax),xmin:this.normalizeDecimal(this.xmin),xmax:this.normalizeDecimal(this.xmax)}}}async handleInputChange(){let t=this.parseNumber(this.ymin),e=this.parseNumber(this.ymax),i=this.parseNumber(this.xmin),s=this.parseNumber(this.xmax),a=new p({spatialReference:{wkid:4326},xmin:i,xmax:s,ymin:t,ymax:e});this.currentExtent=a,await this.drawExtent(a)}handleSave(){if(!this.topCoordField.value.isValid()){this.topCoordField.value.setFocus();return}if(!this.bottomCoordField.value.isValid()){this.bottomCoordField.value.setFocus();return}if(!this.leftCoordField.value.isValid()){this.leftCoordField.value.setFocus();return}if(!this.rightCoordField.value.isValid()){this.rightCoordField.value.setFocus();return}this.arcgisExtentPickerSave.emit(this.getExtentValue())}normalizeDecimal(t){return t.replace(",",".")}formatLongitudeError(t){return t.replace("${minLng}",this.minLngLabel).replace("${maxLng}",this.maxLngLabel)}formatLatitudeError(t){return t.replace("${minLat}",this.minLatLabel).replace("${maxLat}",this.maxLatLabel)}async timeout(t){return await new Promise(e=>setTimeout(e,t))}renderModal(){return l`<calcite-dialog class="extent-picker-modal" role=dialog scale=l outside-close-disabled .open=${this.active} placement=cover @calciteDialogClose=${()=>{this.arcgisExtentPickerClose.emit()}} style=${w({"--calcite-dialog-content-space":"0"})} .heading=${this.isArea?this.messages.setArea:this.messages.setExtent} heading-level=3><div class="extent-picker-content">${this.renderContent()}</div>${this.initialValue&&l`<calcite-button appearance=outline slot=footer-start icon-start=reset @click=${async()=>{this.initialValue&&(this.isDrawStart&&(this.isDrawStart=!1,await this.sketchComponent.value?.cancel(),this.startupSketching(this.fallbackExtent)),this.ymin="0",this.ymax="0",this.xmin="0",this.xmax="0",await this.timeout(100),await this.drawExtent(this.initialValue))}}>${this.messages.revert}</calcite-button>`||""}<calcite-button appearance=outline slot=footer-end @click=${()=>this.arcgisExtentPickerClose.emit()}>${this.messages.cancel}</calcite-button><calcite-button slot=footer-end @click=${async()=>this.handleSave()}>${this.messages.save}</calcite-button></calcite-dialog>`}renderContent(){let t=!!(this.portal&&!this.portal.id),e=!!(this.orgExtent&&!t),i=!!(this.orgRegionExtent&&!t),s=!!this.featureExtent;return l`<div class="side-panel">${!(!e&&!i&&!s)&&l`<div>${this.isArea?this.messages.areaBasedOn:this.messages.extentBasedOn}</div>${e&&l`<calcite-button class="extent-button" alignment=start scale=l kind=neutral appearance=outline-fill icon-start=organization @click=${()=>{this.drawExtent(this.orgExtent)}}>${this.messages.orgExtent}</calcite-button>`||""}${i&&l`<calcite-button class="extent-button" alignment=start scale=l kind=neutral appearance=outline-fill icon-start=organization @click=${()=>{this.drawExtent(this.orgRegionExtent)}}>${this.messages.orgRegion}</calcite-button>`||""}${s&&l`<calcite-button class="extent-button" alignment=start scale=l kind=neutral appearance=outline-fill icon-start=feature-layer @click=${()=>{this.drawExtent(this.featureExtent)}}>${this.messages.currentFeatures}</calcite-button>`||""}`||""}<div class="use-location-header">${this.messages.useLocation}</div><div class="search-container"><arcgis-search popup-disabled result-graphic-disabled ${m(this.searchComponent)}></arcgis-search></div><div><div class="use-location-header">${this.isArea?this.messages.drawAreaTitle:this.messages.drawExtentTitle}</div><calcite-action .text=${(this.isArea?this.messages.drawArea:this.messages.drawExtent)||""} text-enabled icon=rectangle-plus .active=${this.isDrawStart} .indicator=${this.isDrawStart} @click=${async()=>{this.isDrawStart=!this.isDrawStart,this.isDrawStart?(this.sketchComponent.value||await this.startupSketching(),this.clearAllGraphics(),await this.sketchComponent.value?.create("rectangle")):(await this.sketchComponent.value?.cancel(),this.startupSketching(this.fallbackExtent))}}></calcite-action></div><div class="coordinates-section"><calcite-accordion appearance=transparent icon-position=start scale=l><calcite-accordion-item .heading=${this.messages.coordinates}><p>${this.messages.coordinatesDescription}</p><arcgis-portal-extent-picker-coord-field input-id=top-coord .label=${this.messages.top} .value=${this.strippedInvalidChars(this.ymax)} .errorMessage=${this.formatLatitudeError(this.messages.invalidTop||"")} min=-90 max=90 @arcgisCoordChange=${a=>{this.ymax=a.detail;let r=this.bottomCoordField.value.checkRelatedField();r&&(this.ymin=r),this.handleInputChange()}} .relatedErrorMessage=${this.messages.topGreaterThanBottom} .validateRelated=${a=>a>this.convertToNumber(this.ymin)} ${m(this.topCoordField)}></arcgis-portal-extent-picker-coord-field><arcgis-portal-extent-picker-coord-field input-id=bottom-coord .label=${this.messages.bottom} .value=${this.strippedInvalidChars(this.ymin)} .errorMessage=${this.formatLatitudeError(this.messages.invalidBottom||"")} min=-90 max=90 @arcgisCoordChange=${a=>{this.ymin=a.detail;let r=this.topCoordField.value.checkRelatedField();r&&(this.ymax=r),this.handleInputChange()}} .relatedErrorMessage=${this.messages.bottomLessThanTop} .validateRelated=${a=>a<this.convertToNumber(this.ymax)} ${m(this.bottomCoordField)}></arcgis-portal-extent-picker-coord-field><arcgis-portal-extent-picker-coord-field input-id=left-coord .label=${this.messages.left} .value=${this.strippedInvalidChars(this.xmin)} .errorMessage=${this.formatLongitudeError(this.messages.invalidLeft||"")} min=-180 max=180 @arcgisCoordChange=${a=>{this.xmin=a.detail;let r=this.rightCoordField.value.checkRelatedField();r&&(this.xmax=r),this.handleInputChange()}} .relatedErrorMessage=${this.messages.leftLessThanRight} .validateRelated=${a=>a<this.convertToNumber(this.xmax)} ${m(this.leftCoordField)}></arcgis-portal-extent-picker-coord-field><arcgis-portal-extent-picker-coord-field input-id=right-coord .label=${this.messages.right} .value=${this.strippedInvalidChars(this.xmax)} .errorMessage=${this.formatLongitudeError(this.messages.invalidRight||"")} min=-180 max=180 @arcgisCoordChange=${a=>{this.xmax=a.detail;let r=this.leftCoordField.value.checkRelatedField();r&&(this.xmin=r),this.handleInputChange()}} .relatedErrorMessage=${this.messages.rightGreaterThanLeft} .validateRelated=${a=>a>this.convertToNumber(this.xmin)} ${m(this.rightCoordField)}></arcgis-portal-extent-picker-coord-field></calcite-accordion-item></calcite-accordion></div></div><div class="map-panel">${this.loading&&l`<calcite-loader class="map-loader" label="Loading the application"></calcite-loader>`||""}<arcgis-zoom .view=${this.view} visual-scale=s style=${w({zIndex:"1"})}></arcgis-zoom><arcgis-sketch hidden default-graphics-layer-disabled style=${w({display:"none"})} ${m(this.sketchComponent)}></arcgis-sketch><div class=${A({"map-container":!0,"map-container--loaded":!this.loading})} ${m(this.mapContainer)}></div></div>`}render(){return this.contentOnly?l`<div class="extent-picker-content">${this.renderContent()}</div>`:this.renderModal()}};I("arcgis-portal-extent-picker",S);return S},"Basemap","Color","config","geometry/Extent","geometry/operators/intersectionOperator","geometry/Point","geometry/Polygon","geometry/SpatialReference","geometry/support/webMercatorUtils","Graphic","intl","layers/GraphicsLayer","layers/Layer","layers/TileLayer","layers/VectorTileLayer","layers/MapImageLayer","Map","portal/PortalItem","request","rest/geometryService","rest/support/ProjectParameters","symbols/SimpleFillSymbol","views/MapView")
+import{a as V}from"./FJ3I3AJE.js";import"./I6WGLIEC.js";import"./K2XSYDAP.js";import{J as c,K as m,L as R,M as A,N as w,R as I,h as F,j as l,w as v}from"./AICPYLWE.js";import"./OUMTV5H5.js";import"./5PV2GUZW.js";export default $arcgis.t(([T,P,u,p,{intersectionExecute:O},g,d,E,x,y,L,b,z,G,j,U,B,W,D,M,J,$,_])=>{var q=F`.extent-picker-modal{z-index:1001}.extent-picker-content{display:flex;min-height:100%;height:100%}.side-panel{padding:var(--calcite-spacing-lg);display:flex;flex-direction:column;overflow-y:auto;max-height:100%;width:420px}.extent-button{margin-top:var(--calcite-spacing-lg)}.use-location-header{margin-top:var(--calcite-spacing-xxxl);margin-bottom:var(--calcite-spacing-lg)}.search-container{width:100%}.search-container .esri-search,.search-container arcgis-search{width:100%}.search-container calcite-autocomplete{width:100%}.map-panel{flex:1 1 0%;position:relative;display:flex}.map-loader{position:absolute;z-index:var(--calcite-z-index-1);top:50%;left:50%;transform:translate(-50%,-50%)}.map-container{flex:1 1 0%;opacity:0;transition:opacity .3s ease}.loader-container{flex:1 1 0%}.map-container--loaded{opacity:1}.coordinates-section{margin-top:var(--calcite-spacing-lg)}`,C=class{constructor(t){this.outerRing=[[180,-90],[-180,-90],[-180,90],[180,90],[180,-90]],this.map=t}init(){this.maskSymbol=new $({color:[0,0,0,.5],outline:{color:[128,128,128,.5],width:"0px"}}),this.maskLayer=new b({id:"maskLayer "}),this.overlapLayer=new b({id:"overlapLayer"}),this.map?.add(this.maskLayer),this.map?.add(this.overlapLayer)}hide(){this.maskLayer.visible=!1}show(){this.maskLayer.visible=!0}add(t,e){let i=this.buildGraphic(t,e);if(i)return i.graphic&&this.maskLayer?.add(i.graphic),i}update(t,e,i){i?this.remove(null,i):this.clear();let s=this.buildGraphic(t,e);if(s)return s.graphic&&this.maskLayer?.add(s.graphic),s}clear(){this.maskLayer?.removeAll()}remove(t,e){!t&&!e||(e&&!t&&(t=this.maskLayer?.graphics.getItemAt(e)),t&&this.maskLayer?.remove(t))}buildGraphic(t,e=this.maskSymbol){let i={};if(!t)return i;if(t.type==="extent"&&t.xmax===t.xmin){let o=new d({rings:[this.outerRing]});return i.graphic=new y({geometry:o,symbol:e}),i}t=this.toWGS84(t);let s,a;if(t.type==="extent"){let o=this.checkPolyOverlap(t);o?(s=o?.ring?.reverse(),a=o?.oring?.reverse()):s=[[t.xmin,t.ymax],[t.xmax,t.ymax],[t.xmax,t.ymin],[t.xmin,t.ymin],[t.xmin,t.ymax]]}let r=[];t.xmin===t.xmax?r=[this.outerRing]:r=[this.outerRing,s?.reverse()||[[]]];let n=new d({rings:r});return a&&(i.overlap=a),i.graphic=new y({geometry:n,symbol:e}),i}checkPolyOverlap(t){let e={};if(t.xmax<=t.xmin){let i=[[t.xmin,t.ymin],[180,t.ymin],[180,t.ymax],[t.xmin,t.ymax],[t.xmin,t.ymin]],s=[[-180,t.ymin],[t.xmax,t.ymin],[t.xmax,t.ymax],[-180,t.ymax],[-180,t.ymin]],a=180-Math.abs(t.xmax),r=180-Math.abs(t.xmin);return a>r?(e.ring=s,e.oring=i):(e.ring=i,e.oring=s),e}else return}toWGS84(t){let e=new E({wkid:4326});return x.canProject(t,e)?x.project(t,e):t}};function H(f){if(!f)return;let t=u.assetsPath;t.endsWith("/")||(t+="/"),f?.firstElementChild?.insertAdjacentHTML("beforebegin",`<link rel="stylesheet" href="${t}esri/themes/light/main.css" />`)}var S=class extends R{constructor(){super(...arguments),this.polygonSymbol=new $({style:"solid",color:new P([227,139,79,0]),outline:{color:new P([65,105,255]),width:0}}),this.dlOverlapSymbol=new $({style:"solid",color:[255,0,0,.5],outline:{color:[65,105,255],width:0}}),this.messages=V(),this.searchComponent=c(),this.sketchComponent=c(),this.mapContainer=c(),this.sketchListenersAdded=!1,this.searchInitialized=!1,this.topCoordField=c(),this.bottomCoordField=c(),this.leftCoordField=c(),this.rightCoordField=c(),this.minLatLabel="",this.maxLatLabel="",this.minLngLabel="",this.maxLngLabel="",this.firstLoad=!0,this.ymax="0",this.ymin="0",this.xmin="0",this.xmax="0",this.isDrawStart=!1,this.loading=!0,this.active=!1,this.contentOnly=!1,this.isArea=!1,this.arcgisExtentPickerChange=v(),this.arcgisExtentPickerClose=v(),this.arcgisExtentPickerSave=v()}static{this.properties={ymax:16,ymin:16,xmin:16,xmax:16,isDrawStart:16,loading:16,featureExtent:16,initialValue:16,active:5,extentValue:0,itemId:1,portal:0,extentService:1,contentOnly:5,isArea:5}}static{this.styles=q}getExtent(){return this.getExtentValue()}async load(){if(this.minLatLabel=this.formatAxisLabel(-90),this.maxLatLabel=this.formatAxisLabel(90),this.minLngLabel=this.formatAxisLabel(-180),this.maxLngLabel=this.formatAxisLabel(180),this.portal){let t=this.portal.url.replace("/sharing/rest/","");t!==u.portalUrl&&(u.portalUrl=t)}if(this.itemId&&(this.item=new W({id:this.itemId,portal:this.portal}),await this.item.load()),this.portal&&(this.orgExtent=this.portal.defaultExtent?.toJSON()),this.portal?.region){let t=this.portal.region,e=(await D(`${this.portal.url.replace("/sharing/rest/","")}/sharing/rest/portals/self?region=${t}&default=true&f=pjson`,{responseType:"json"})).data;this.orgRegionExtent=e.defaultExtent}}async loaded(){H(this.el.shadowRoot),await this.initMap()}convertToNumber(t){return this.parseNumber(t)}setFeatureExtent(t){let e;if(t.spatialReference.isGeographic)e=new p({xmax:t.xmax,xmin:t.xmin,ymax:t.ymax,ymin:t.ymin,spatialReference:{wkid:4326}});else if(e=this.toWGS84(t),e===t){this.tryAsyncProjection(t);return}this.featureExtent?(this.featureExtent.xmin=Math.min(e.xmin,this.featureExtent.xmin),this.featureExtent.ymin=Math.min(e.ymin,this.featureExtent.ymin),this.featureExtent.xmax=Math.max(e.xmax,this.featureExtent.xmax),this.featureExtent.ymax=Math.max(e.ymax,this.featureExtent.ymax)):this.featureExtent=e}async tryAsyncProjection(t){let e=new J;if(e.geometries=[t],e.outSpatialReference=new E({wkid:4326}),!u.geometryServiceUrl)return;let i=(await M.project(u.geometryServiceUrl,e))?.[0];i&&this.setFeatureExtent(i)}async initMap(){let t=this.portal?.useVectorBasemaps?this.portal?.defaultVectorBasemap:this.portal?.defaultBasemap,e=new B({basemap:t||"streets-vector"});if(this.extentService)try{let i=this.extentService.trim(),s;if(/\/VectorTileServer\/?$/iu.test(i))s=new j({url:i});else{let r=(await D(`${i}?f=pjson`,{responseType:"json"})).data;s=r.singleFusedMapCache===!0&&r.tileInfo?new G({url:i}):new U({url:i})}await s.load();let a=new T({baseLayers:[s],id:"org_basemap"});e.basemap=a}catch(i){console.warn("[arcgis-portal-extent-picker] extentService basemap failed to load, using default basemap",i)}if(this.mask=new C(e),this.mask.init(),this.dateLineLayer=new b({id:"dateLineLayer"}),e.add(this.dateLineLayer),this.areasLayer=new b({id:"areaGraphics"}),e.add(this.areasLayer),this.item?.type==="Feature Service"||this.item?.type==="Map Service"){let i=await z.fromPortalItem({portalItem:this.item});i.visible=!1,e.add(i),i.when(s=>{if("layers"in s)for(let a=0;a<s.layers.length;a++)s.layers.getItemAt(a).queryExtent().then(r=>{r.extent&&this.setFeatureExtent(r.extent)});else s.queryExtent().then(a=>{a.extent&&this.setFeatureExtent(a.extent)})})}if(this.view=new _({map:e,popup:{dockEnabled:!0,dockOptions:{buttonEnabled:!1,breakpoint:!1,position:"bottom-center"}},zoom:2,center:[0,0],container:this.mapContainer.value}),await this.view.when(),this.basemapExtent=this.getBasemapExtent(),this.itemExtent=this.item?.extent,this.extentValue?.xmax!==void 0&&this.extentValue?.xmin!==void 0&&this.extentValue?.ymax!==void 0&&this.extentValue?.ymin!==void 0)this.ymin=this.extentValue?.ymin||"0",this.ymax=this.extentValue?.ymax||"0",this.xmax=this.extentValue?.xmax||"0",this.xmin=this.extentValue?.xmin||"0",await this.handleInputChange(),this.initialValue=this.currentExtent;else if(this.itemExtent)await this.drawExtent(this.itemExtent),this.initialValue=this.itemExtent;else if(this.featureExtent)await this.drawExtent(this.featureExtent),this.initialValue=this.featureExtent;else if(this.portal?.defaultExtent){let i=this.portal.defaultExtent.toJSON();await this.drawExtent(i),this.initialValue=i}await this.initSearchWidget(),this.loading=!1}getBasemapExtent(){try{let t,e,i,s;if(this.view?.map?.basemap?.hasOwnProperty("baseLayers")){let a=this.view.map.basemap.baseLayers;if(a.length>0){for(let r of a){let n=r.fullExtent||{xmin:0,ymin:0,xmax:0,ymax:0};t=t!==void 0&&t>n?.xmin?t:n.xmin,i=i!==void 0&&i>n?.ymin?i:n.ymin,e=e!==void 0&&e<n.xmax?e:n.xmax,s=s!==void 0&&s<n.ymax?s:n.ymax}return new p({xmin:t,xmax:e,ymin:i,ymax:s,spatialReference:this.view.spatialReference})}}return new p({ymin:-90,ymax:90,xmin:-180,xmax:180,spatialReference:{wkid:4326}})}catch{return new p({ymin:-90,ymax:90,xmin:-180,xmax:180,spatialReference:{wkid:4326}})}}async drawExtent(t){if(this.isDrawStart=!1,!t||!t.xmin&&t.xmin!==0||!t.xmax&&t.xmax!==0||!t.ymin&&t.ymin!==0||!t.ymax&&t.ymax!==0)return;let e=new d;e.spatialReference=t.spatialReference,e.addRing([new g({x:t.xmin,y:t.ymin}),new g({x:t.xmin,y:t.ymax}),new g({x:t.xmax,y:t.ymax}),new g({x:t.xmax,y:t.ymin}),new g({x:t.xmin,y:t.ymin})]),await this.addInitialExtentPicker({geometry:e})}toWGS84(t){let e=new E({wkid:4326});return x.canProject(t,e)?x.project(t,e):t}formatNum(t){return L.formatNumber(t,{minimumFractionDigits:6,maximumFractionDigits:6})}formatAxisLabel(t){return L.formatNumber(t,{minimumFractionDigits:1,maximumFractionDigits:1})}strippedInvalidChars(t){let e=Array.from({length:10},(i,s)=>s.toString()).join("");return Array.from(t).filter(i=>e.includes(i)||i==="."||i==="-").join("")}parseNumber(t){let e=t.replace(",",".");return e=this.strippedInvalidChars(e),parseFloat(e)}async startupSketching(t,e){if(t&&(t=this.toMap(t)),await this.initSketchComponent(),this.clearAllGraphics(),!e)if(t){t.type==="extent"&&(t=d.fromExtent(t)),this.currentExtent=this.toWGS84(t?.extent?.toJSON()),this.ymax=this.formatNum(this.currentExtent.ymax),this.ymin=this.formatNum(this.currentExtent.ymin),this.xmin=this.formatNum(this.currentExtent.xmin),this.xmax=this.formatNum(this.currentExtent.xmax),this.firstLoad?this.firstLoad=!1:this.arcgisExtentPickerChange.emit(this.getExtentValue()),t=O(t,this.basemapExtent);let i=new y({symbol:this.polygonSymbol,geometry:t});i.geometry&&(this.fallbackExtent=i.geometry.extent,this.areasLayer?.add(i),this.mask?.clear(),this.mask?.update(i.geometry.extent),await this.zoomTo(),await this.activateGraphicUpdate(i))}else await this.sketchComponent.value?.create("rectangle")}async activateGraphicUpdate(t){try{let e=this.sketchComponent.value;if(!e||!this.view||!this.areasLayer)return;await e.componentOnReady(),await this.view.whenLayerView(this.areasLayer),await e.triggerUpdate(t,{tool:"transform",enableRotation:!1,toggleToolOnClick:!1,reshapeOptions:{enableCreateCurveFromStraightEdge:!1}})}catch{}}async initSketchComponent(){let t=this.sketchComponent.value;t&&(t.defaultGraphicsLayerDisabled=!0,t.updateOnGraphicClickDisabled=!1,t.layer=this.areasLayer,t.polygonSymbol=this.polygonSymbol,t.view=this.view,this.sketchListenersAdded||(t.addEventListener("arcgisUpdate",e=>{this.handleSketchUpdate(e)}),t.addEventListener("arcgisCreate",e=>{this.handleSketchCreate(e)}),this.sketchListenersAdded=!0),await t.componentOnReady())}async handleSketchUpdate(t){let e=t.detail;if(e.state==="cancel"){let a=this.areasLayer?.graphics?.getItemAt(0)?.geometry;a&&await this.startupSketching(a);return}if(!e.toolEventInfo)return;let i=e?.graphics?.[0]?.geometry?.extent,s=i&&this.mask?.update(i);if(e.toolEventInfo.type==="scale-stop"||e.toolEventInfo.type==="move-stop"){let a,r=parseFloat(`${i?.xmax??"0"}`).toFixed(6),n=parseFloat(`${i?.xmin??"0"}`).toFixed(6),o=parseFloat(`${i?.ymax??"0"}`).toFixed(6),h=parseFloat(`${i?.ymin??"0"}`).toFixed(6);if(r===n||o===h?(a=i,r===n&&(a.xmax+=1),o===h&&(a.ymax+=1)):a=e?.graphics?.[0]?.geometry?.extent,s?.overlap){let k=s.graphic?.geometry,N=new d({rings:[k?.rings[1]]});await this.addInitialExtentPicker({geometry:N.extent})}else await this.startupSketching(a);this.isDrawStart=!1}else if(this.dateLineLayer?.removeAll(),s?.overlap){let a=new y({geometry:new d({rings:[s.overlap]}),symbol:this.dlOverlapSymbol});this.dateLineLayer?.add(a)}}async handleSketchCreate(t){let e=t.detail;if(this.dateLineLayer?.removeAll(),!e.graphic)return;this.mask?.clear();let i=e?.graphic?.geometry?.extent,s=this.mask?.add(i);if(s?.overlap?(this.remainderPoly=new y({geometry:new d({rings:[s.overlap]}),symbol:this.dlOverlapSymbol}),this.dateLineLayer?.add(this.remainderPoly)):this.remainderPoly=null,e.state==="complete"){let a,r=e.graphic?.geometry?.extent?.xmin||0,n=e.graphic?.geometry?.extent?.xmax||0,o=e.graphic?.geometry?.extent?.ymin||0,h=e.graphic?.geometry?.extent?.ymax||0;if(r===n||o===h)r===n&&(n=n+1),o===h&&(h=h+1),a=new p({xmin:r,xmax:n,ymin:o,ymax:h,spatialReference:e.graphic?.geometry?.extent?.spatialReference});else{let k=s?.graphic?.geometry;a=new d({rings:[k?.rings[1]]}).extent}this.remainderPoly?await this.addInitialExtentPicker({geometry:a}):await this.startupSketching(a),this.isDrawStart=!1,this.mapContainer.value.focus()}}async addInitialExtentPicker(t){if(!t.geometry){await this.startupSketching(null,!0);return}let e=this.toMap(t.geometry);await this.startupSketching(e)}async zoomTo(){if(this.areasLayer?.graphics){let t;if(this.areasLayer.graphics.forEach(i=>{let s=i?.geometry?.extent;t=t?t.union(s):s}),!t)return;let e=this.toMap(t.clone().expand(1.35));e&&await this.view?.goTo(e)}}clearAllGraphics(){this.sketchComponent.value?.cancel(),this.view?.map?.layers?.forEach(t=>{t.type==="graphics"&&t.removeAll()})}toMap(t){return this.view&&x.canProject(t,this.view)?x.project(t,this.view.spatialReference):t}async initSearchWidget(){let t=this.searchComponent.value;if(!t||this.searchInitialized)return;t.view=this.view,t.popupDisabled=!0,t.resultGraphicDisabled=!0,await t.componentOnReady();let e=()=>{t.allSources.forEach(i=>{i.zoomScale=null})};e(),t.allSources.on("change",e),t.addEventListener("arcgisSelectResult",i=>{let s=i.detail?.result;this.startupSketching(s?.extent)}),this.searchInitialized=!0}getExtentValue(){return{extent:{ymin:this.normalizeDecimal(this.ymin),ymax:this.normalizeDecimal(this.ymax),xmin:this.normalizeDecimal(this.xmin),xmax:this.normalizeDecimal(this.xmax)}}}async handleInputChange(){let t=this.parseNumber(this.ymin),e=this.parseNumber(this.ymax),i=this.parseNumber(this.xmin),s=this.parseNumber(this.xmax),a=new p({spatialReference:{wkid:4326},xmin:i,xmax:s,ymin:t,ymax:e});this.currentExtent=a,await this.drawExtent(a)}handleSave(){if(!this.topCoordField.value.isValid()){this.topCoordField.value.setFocus();return}if(!this.bottomCoordField.value.isValid()){this.bottomCoordField.value.setFocus();return}if(!this.leftCoordField.value.isValid()){this.leftCoordField.value.setFocus();return}if(!this.rightCoordField.value.isValid()){this.rightCoordField.value.setFocus();return}this.arcgisExtentPickerSave.emit(this.getExtentValue())}normalizeDecimal(t){return t.replace(",",".")}formatLongitudeError(t){return t.replace("${minLng}",this.minLngLabel).replace("${maxLng}",this.maxLngLabel)}formatLatitudeError(t){return t.replace("${minLat}",this.minLatLabel).replace("${maxLat}",this.maxLatLabel)}async timeout(t){return await new Promise(e=>setTimeout(e,t))}renderModal(){return l`<calcite-dialog class="extent-picker-modal" role=dialog scale=l outside-close-disabled .open=${this.active} placement=cover @calciteDialogClose=${()=>{this.arcgisExtentPickerClose.emit()}} style=${w({"--calcite-dialog-content-space":"0"})} .heading=${this.isArea?this.messages.setArea:this.messages.setExtent} heading-level=3><div class="extent-picker-content">${this.renderContent()}</div>${this.initialValue&&l`<calcite-button appearance=outline slot=footer-start icon-start=reset @click=${async()=>{this.initialValue&&(this.isDrawStart&&(this.isDrawStart=!1,await this.sketchComponent.value?.cancel(),this.startupSketching(this.fallbackExtent)),this.ymin="0",this.ymax="0",this.xmin="0",this.xmax="0",await this.timeout(100),await this.drawExtent(this.initialValue))}}>${this.messages.revert}</calcite-button>`||""}<calcite-button appearance=outline slot=footer-end @click=${()=>this.arcgisExtentPickerClose.emit()}>${this.messages.cancel}</calcite-button><calcite-button slot=footer-end @click=${async()=>this.handleSave()}>${this.messages.save}</calcite-button></calcite-dialog>`}renderContent(){let t=!!(this.portal&&!this.portal.id),e=!!(this.orgExtent&&!t),i=!!(this.orgRegionExtent&&!t),s=!!this.featureExtent;return l`<div class="side-panel">${!(!e&&!i&&!s)&&l`<div>${this.isArea?this.messages.areaBasedOn:this.messages.extentBasedOn}</div>${e&&l`<calcite-button class="extent-button" alignment=start scale=l kind=neutral appearance=outline-fill icon-start=organization @click=${()=>{this.drawExtent(this.orgExtent)}}>${this.messages.orgExtent}</calcite-button>`||""}${i&&l`<calcite-button class="extent-button" alignment=start scale=l kind=neutral appearance=outline-fill icon-start=organization @click=${()=>{this.drawExtent(this.orgRegionExtent)}}>${this.messages.orgRegion}</calcite-button>`||""}${s&&l`<calcite-button class="extent-button" alignment=start scale=l kind=neutral appearance=outline-fill icon-start=feature-layer @click=${()=>{this.drawExtent(this.featureExtent)}}>${this.messages.currentFeatures}</calcite-button>`||""}`||""}<div class="use-location-header">${this.messages.useLocation}</div><div class="search-container"><arcgis-search popup-disabled result-graphic-disabled ${m(this.searchComponent)}></arcgis-search></div><div><div class="use-location-header">${this.isArea?this.messages.drawAreaTitle:this.messages.drawExtentTitle}</div><calcite-action .text=${(this.isArea?this.messages.drawArea:this.messages.drawExtent)||""} text-enabled icon=rectangle-plus .active=${this.isDrawStart} .indicator=${this.isDrawStart} @click=${async()=>{this.isDrawStart=!this.isDrawStart,this.isDrawStart?(this.sketchComponent.value||await this.startupSketching(),this.clearAllGraphics(),await this.sketchComponent.value?.create("rectangle")):(await this.sketchComponent.value?.cancel(),this.startupSketching(this.fallbackExtent))}}></calcite-action></div><div class="coordinates-section"><calcite-accordion appearance=transparent icon-position=start scale=l><calcite-accordion-item .heading=${this.messages.coordinates}><p>${this.messages.coordinatesDescription}</p><arcgis-portal-extent-picker-coord-field input-id=top-coord .label=${this.messages.top} .value=${this.strippedInvalidChars(this.ymax)} .errorMessage=${this.formatLatitudeError(this.messages.invalidTop||"")} min=-90 max=90 @arcgisCoordChange=${a=>{this.ymax=a.detail;let r=this.bottomCoordField.value.checkRelatedField();r&&(this.ymin=r),this.handleInputChange()}} .relatedErrorMessage=${this.messages.topGreaterThanBottom} .validateRelated=${a=>a>this.convertToNumber(this.ymin)} ${m(this.topCoordField)}></arcgis-portal-extent-picker-coord-field><arcgis-portal-extent-picker-coord-field input-id=bottom-coord .label=${this.messages.bottom} .value=${this.strippedInvalidChars(this.ymin)} .errorMessage=${this.formatLatitudeError(this.messages.invalidBottom||"")} min=-90 max=90 @arcgisCoordChange=${a=>{this.ymin=a.detail;let r=this.topCoordField.value.checkRelatedField();r&&(this.ymax=r),this.handleInputChange()}} .relatedErrorMessage=${this.messages.bottomLessThanTop} .validateRelated=${a=>a<this.convertToNumber(this.ymax)} ${m(this.bottomCoordField)}></arcgis-portal-extent-picker-coord-field><arcgis-portal-extent-picker-coord-field input-id=left-coord .label=${this.messages.left} .value=${this.strippedInvalidChars(this.xmin)} .errorMessage=${this.formatLongitudeError(this.messages.invalidLeft||"")} min=-180 max=180 @arcgisCoordChange=${a=>{this.xmin=a.detail;let r=this.rightCoordField.value.checkRelatedField();r&&(this.xmax=r),this.handleInputChange()}} .relatedErrorMessage=${this.messages.leftLessThanRight} .validateRelated=${a=>a<this.convertToNumber(this.xmax)} ${m(this.leftCoordField)}></arcgis-portal-extent-picker-coord-field><arcgis-portal-extent-picker-coord-field input-id=right-coord .label=${this.messages.right} .value=${this.strippedInvalidChars(this.xmax)} .errorMessage=${this.formatLongitudeError(this.messages.invalidRight||"")} min=-180 max=180 @arcgisCoordChange=${a=>{this.xmax=a.detail;let r=this.leftCoordField.value.checkRelatedField();r&&(this.xmin=r),this.handleInputChange()}} .relatedErrorMessage=${this.messages.rightGreaterThanLeft} .validateRelated=${a=>a>this.convertToNumber(this.xmin)} ${m(this.rightCoordField)}></arcgis-portal-extent-picker-coord-field></calcite-accordion-item></calcite-accordion></div></div><div class="map-panel">${this.loading&&l`<calcite-loader class="map-loader" label="Loading the application"></calcite-loader>`||""}<arcgis-zoom .view=${this.view} visual-scale=s style=${w({zIndex:"1"})}></arcgis-zoom><arcgis-sketch hidden default-graphics-layer-disabled style=${w({display:"none"})} ${m(this.sketchComponent)}></arcgis-sketch><div class=${A({"map-container":!0,"map-container--loaded":!this.loading})} ${m(this.mapContainer)}></div></div>`}render(){return this.contentOnly?l`<div class="extent-picker-content">${this.renderContent()}</div>`:this.renderModal()}};I("arcgis-portal-extent-picker",S);return S},"Basemap","Color","config","geometry/Extent","geometry/operators/intersectionOperator","geometry/Point","geometry/Polygon","geometry/SpatialReference","geometry/support/webMercatorUtils","Graphic","intl","layers/GraphicsLayer","layers/Layer","layers/TileLayer","layers/VectorTileLayer","layers/MapImageLayer","Map","portal/PortalItem","request","rest/geometryService","rest/support/ProjectParameters","symbols/SimpleFillSymbol","views/MapView")

package/dist/cdn/EIY4PTKE.js

@@ -0,0 +1,2 @@
+/* COPYRIGHT Esri - https://js.arcgis.com/6.0/LICENSE.txt */
+import a from"./I2BD4LLC.js";import"./4MUB6TL6.js";import"./KV4ZZSNW.js";import"./EMJQI4MA.js";import"./FJ3I3AJE.js";import"./I6WGLIEC.js";import"./K2XSYDAP.js";import"./AICPYLWE.js";import"./OUMTV5H5.js";import"./5PV2GUZW.js";export default $arcgis.t(([a])=>{return a},a)