@esri/solutions-components 5.1.2 → 5.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cdn/{7EJXZVSX.js → 2CCKYJSY.js} +1 -1
- package/dist/cdn/{3KYCZII7.js → 2DCSGUOX.js} +1 -1
- package/dist/cdn/{LSMP2ZCO.js → 2EUQOQY3.js} +1 -1
- package/dist/cdn/{FSFVH74N.js → 2GHTA5PV.js} +1 -1
- package/dist/cdn/{3DNEBMT3.js → 2GJEHDZJ.js} +1 -1
- package/dist/cdn/{LRGW6G5E.js → 2XTZLJ5F.js} +1 -1
- package/dist/cdn/{CKPQTIAF.js → 37CMWBMW.js} +1 -1
- package/dist/cdn/{SD3DV4KO.js → 37XAYW3Z.js} +1 -1
- package/dist/cdn/{LQFA6HOT.js → 3DFMPPUD.js} +1 -1
- package/dist/cdn/{LXJI7FYN.js → 3MN7XFQ2.js} +1 -1
- package/dist/cdn/{EHIUCEAX.js → 3N2AUH5S.js} +1 -1
- package/dist/cdn/{OPWMEQVM.js → 3TO6KC3G.js} +2 -2
- package/dist/cdn/{OVAQRVFG.js → 3XOKCST3.js} +1 -1
- package/dist/cdn/{GZZMHIFA.js → 43MZA66W.js} +1 -1
- package/dist/cdn/{T7O4WZGU.js → 45JNINYV.js} +1 -1
- package/dist/cdn/{RQVXDCWL.js → 4PDKVX4T.js} +1 -1
- package/dist/cdn/{DEVAXAP7.js → 56PIVLPU.js} +1 -1
- package/dist/cdn/{ZB5UCRCG.js → 5BJO5ABV.js} +1 -1
- package/dist/cdn/{QVD3AXIP.js → 5EYRW6FE.js} +1 -1
- package/dist/cdn/{L6XSVTY3.js → 5L7HZJBG.js} +1 -1
- package/dist/cdn/{4RH7N22O.js → 5LM5R34X.js} +1 -1
- package/dist/cdn/{JF2ASXUT.js → 6AVCTQ6J.js} +1 -1
- package/dist/cdn/{PSM4UX7K.js → 6AWTIASQ.js} +1 -1
- package/dist/cdn/{NIUKLQOT.js → 6FPVZV4K.js} +1 -1
- package/dist/cdn/{WVCL5OUK.js → 6SHN7V3N.js} +1 -1
- package/dist/cdn/{IVMHEGLY.js → 6UVMG6O6.js} +1 -1
- package/dist/cdn/{RPL5Q7IL.js → 7IKNLW73.js} +1 -1
- package/dist/cdn/{5IO4VX4R.js → AHC3CH4P.js} +1 -1
- package/dist/cdn/{74Z5A6E2.js → AKXVDLK3.js} +1 -1
- package/dist/cdn/AO7XKW2U.js +4 -0
- package/dist/cdn/{BZWJ3KFS.js → ATEM3GJU.js} +104 -104
- package/dist/cdn/{3NI2BJYO.js → AULN2QXN.js} +1 -1
- package/dist/cdn/{GRVDJVOF.js → AX2U2PGS.js} +1 -1
- package/dist/cdn/{YBJ6AHAG.js → B57TWGXS.js} +1 -1
- package/dist/cdn/{EX4K4RKP.js → B7YYMYZB.js} +1 -1
- package/dist/cdn/{SQEPSAKG.js → BACWGZE4.js} +1 -1
- package/dist/cdn/{BWNEUQZZ.js → BDAY2SRY.js} +1 -1
- package/dist/cdn/{O6IGMQN7.js → BOQUQFNT.js} +1 -1
- package/dist/cdn/{LKVPVQIC.js → BTOTDVAS.js} +1 -1
- package/dist/cdn/{6L6JOGWD.js → BWFET22E.js} +1 -1
- package/dist/cdn/{DXI5HEQM.js → C7YLT2V6.js} +1 -1
- package/dist/cdn/{V24CDHGH.js → CAXEJ55N.js} +1 -1
- package/dist/cdn/{LCDURBN6.js → CYKO5XJY.js} +1 -1
- package/dist/cdn/{HOSSEVH5.js → DDUV67TU.js} +1 -1
- package/dist/cdn/{UDWEFNJE.js → DRZ2MEHM.js} +1 -1
- package/dist/cdn/DTTQLI5W.js +2 -0
- package/dist/cdn/{5FW45CM6.js → EJK7PYN5.js} +1 -1
- package/dist/cdn/{C2GWD5VP.js → ENJC4SNG.js} +1 -1
- package/dist/cdn/{WNYAZ4ME.js → ESH7SFXX.js} +1 -1
- package/dist/cdn/{B7CVHLVL.js → F46RK2J3.js} +1 -1
- package/dist/cdn/{MZ5XI2CY.js → F6H43GFC.js} +1 -1
- package/dist/cdn/{ECUD4NU6.js → FAHLQLKD.js} +1 -1
- package/dist/cdn/{QMQAQSIA.js → FKQHOE2A.js} +1 -1
- package/dist/cdn/{7AHZBLTM.js → FL4YRGDB.js} +1 -1
- package/dist/cdn/{KPEPW4QL.js → FPBZRT3J.js} +1 -1
- package/dist/cdn/{UILBHLN7.js → FWRNU7AK.js} +1 -1
- package/dist/cdn/{BFFHQBDI.js → G63VTGNV.js} +1 -1
- package/dist/cdn/{QODVIACF.js → GCDVJH5S.js} +1 -1
- package/dist/cdn/{EBDDUQNC.js → GCLCH6NX.js} +1 -1
- package/dist/cdn/{MVXK7UGO.js → GLD7SDA5.js} +1 -1
- package/dist/cdn/{KB7CXY4N.js → GVREVCUB.js} +1 -1
- package/dist/cdn/{ZHVO477V.js → HCY3VGST.js} +1 -1
- package/dist/cdn/{65I4AUS4.js → HKURBCD6.js} +1 -1
- package/dist/cdn/{XA6ZDTKA.js → HSZJX2Q4.js} +1 -1
- package/dist/cdn/{GSLDFLWZ.js → HXCNKN3S.js} +1 -1
- package/dist/cdn/{JB5XLSNA.js → IK3L2OC3.js} +1 -1
- package/dist/cdn/{O6HS2AMH.js → IKA3ESQ5.js} +1 -1
- package/dist/cdn/{Y7Z6LFBH.js → IXSDSBUI.js} +1 -1
- package/dist/cdn/{XXRBPKMI.js → J5Q7IGCO.js} +1 -1
- package/dist/cdn/{KMY4AVEA.js → J6PFJWXU.js} +1 -1
- package/dist/cdn/{QTCXH2O3.js → JBBUAR3W.js} +1 -1
- package/dist/cdn/{3CSSTWYC.js → JCPQ7OOS.js} +1 -1
- package/dist/cdn/{BSIPKI63.js → JNQB7T54.js} +1 -1
- package/dist/cdn/{J7DTCWOP.js → JX7BWUKD.js} +1 -1
- package/dist/cdn/{CC7JGR5Q.js → KGL266WS.js} +1 -1
- package/dist/cdn/{MXPZF4RB.js → KGXEY5HR.js} +1 -1
- package/dist/cdn/{EJRV6YWD.js → KN5XFC7O.js} +1 -1
- package/dist/cdn/{FDNEF4QD.js → KU2QSXAD.js} +1 -1
- package/dist/cdn/{65OXHGCN.js → KX4F4INQ.js} +1 -1
- package/dist/cdn/{7XPOQHB4.js → KZBPVSUW.js} +1 -1
- package/dist/cdn/{VSRNGZ43.js → LABCYKSC.js} +1 -1
- package/dist/cdn/{WRMREY3V.js → LI3GKZ35.js} +1 -1
- package/dist/cdn/{7NQYBMRX.js → MIKSQTTI.js} +1 -1
- package/dist/cdn/{CVKCFLNY.js → MOHSZVTU.js} +1 -1
- package/dist/cdn/{LFIP5DV3.js → MWTTZLRQ.js} +1 -1
- package/dist/cdn/{GHVPHEOH.js → MXNYBLUV.js} +1 -1
- package/dist/cdn/{AS7PVOU3.js → MZ63UWGX.js} +1 -1
- package/dist/cdn/N4MCHYQT.js +2 -0
- package/dist/cdn/{MVSQRD5M.js → NAZXHTIH.js} +1 -1
- package/dist/cdn/{GSI62QHB.js → NBWMZOGE.js} +1 -1
- package/dist/cdn/{NJSQ3NUT.js → NGAS7OCN.js} +1 -1
- package/dist/cdn/{6RQBPR56.js → O7LSXSBD.js} +1 -1
- package/dist/cdn/{DF2U7HIU.js → OLN76PG4.js} +1 -1
- package/dist/cdn/PIRHBQVO.js +351 -0
- package/dist/cdn/{LSDYUCCZ.js → PLELSLAV.js} +1 -1
- package/dist/cdn/{6KBY56R4.js → PPLHKHZ3.js} +1 -1
- package/dist/cdn/{HQFL3NGM.js → PWGCOGC7.js} +1 -1
- package/dist/cdn/{DLV7AZZ6.js → QEITYICZ.js} +1 -1
- package/dist/cdn/{KLZWOBGK.js → QVDDWNQD.js} +1 -1
- package/dist/cdn/{ZXGNDW3R.js → QWUJHEPY.js} +1 -1
- package/dist/cdn/R437P4KQ.js +2 -0
- package/dist/cdn/{ZSATEDPE.js → RKVNFHFD.js} +1 -1
- package/dist/cdn/{CVNW2AU2.js → RM6HYEWM.js} +1 -1
- package/dist/cdn/{GWIC6C6P.js → RNMVOUE3.js} +1 -1
- package/dist/cdn/{C3SIGIJC.js → RQQWTDQG.js} +1 -1
- package/dist/cdn/{XIUYVZYL.js → S3CBTGXW.js} +1 -1
- package/dist/cdn/{XYAVR2MM.js → SGWJLKO4.js} +1 -1
- package/dist/cdn/{BKIKLE4Z.js → SI2EHJJ5.js} +1 -1
- package/dist/cdn/{Z6CZ7GFZ.js → SY3D5J7W.js} +1 -1
- package/dist/cdn/{3FIRDPVD.js → TBXAQ6YS.js} +1 -1
- package/dist/cdn/{Q5N7I65T.js → TFWTXEN7.js} +1 -1
- package/dist/cdn/{YHF3Q7QB.js → TKIL55TV.js} +1 -1
- package/dist/cdn/{NVNB4L52.js → TSLAML4I.js} +1 -1
- package/dist/cdn/{5Q64VY2E.js → UCHXRVI7.js} +1 -1
- package/dist/cdn/{PQVA7SKB.js → UE2HAEBW.js} +1 -1
- package/dist/cdn/{E3O6DPAL.js → UEC5OGAS.js} +1 -1
- package/dist/cdn/{DE7GSGUB.js → UKAP3ALW.js} +1 -1
- package/dist/cdn/{CRTJERAB.js → UNKENPV5.js} +1 -1
- package/dist/cdn/{5F6WBFDO.js → V4OFLP6D.js} +1 -1
- package/dist/cdn/{LK6WQCXQ.js → VBZL2GZD.js} +1 -1
- package/dist/cdn/{RNNEZRGA.js → VLP6VQEG.js} +1 -1
- package/dist/cdn/{INFZEU32.js → VZY472CH.js} +1 -1
- package/dist/cdn/{P2FSR5OV.js → WEADUP3Y.js} +1 -1
- package/dist/cdn/{Y2KRCLNN.js → WKTMPKVR.js} +1 -1
- package/dist/cdn/{E5YZOOW3.js → WXFKH5GM.js} +1 -1
- package/dist/cdn/{RAL6IXW5.js → X52CK3FZ.js} +1 -1
- package/dist/cdn/{4MAH5ULJ.js → X7GGOH2R.js} +1 -1
- package/dist/cdn/{RJLEYL7O.js → XEON6B7Z.js} +1 -1
- package/dist/cdn/{SAVDBHDE.js → XL66TA6C.js} +1 -1
- package/dist/cdn/{KPKJ2OVD.js → XN5455P6.js} +1 -1
- package/dist/cdn/{DQJ36YEL.js → XOCNSPTC.js} +1 -1
- package/dist/cdn/{TK5EXRZL.js → XOPNEAS5.js} +1 -1
- package/dist/cdn/{YVNBCXBJ.js → XR3PT7FP.js} +1 -1
- package/dist/cdn/{LOSU3FPH.js → XSJOQTEM.js} +1 -1
- package/dist/cdn/{6OKLCUSH.js → Y2DDFGCN.js} +1 -1
- package/dist/cdn/{6F6YFDOY.js → YWO5HXXP.js} +1 -1
- package/dist/cdn/{NWOPIQFN.js → ZIIHIUUV.js} +1 -1
- package/dist/cdn/{Q6CXYCV6.js → ZOGD4MGP.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/chunks/runtime.js +1 -1
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/dist/solutions-components_commit.txt +4 -7
- package/package.json +1 -1
- package/dist/cdn/A4KEZALJ.js +0 -2
- package/dist/cdn/CGQALCTZ.js +0 -4
- package/dist/cdn/CXTHIJOC.js +0 -351
- package/dist/cdn/GPIIJWNM.js +0 -2
- package/dist/cdn/IGY23J7D.js +0 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a as T}from"./VSRNGZ43.js";import"./QMAV4UTN.js";import"./Y2AUIXNK.js";import{b}from"./ZB5UCRCG.js";import{F as h,G as r,H as u,J as n,h as w,i as a,l as g,q as y}from"./T3EPRHTT.js";import"./EXBEKVP5.js";var F=w`:host{display:block}.display-none{display:none}.display-flex{display:flex}.margin-top-1-2{margin-top:.5rem}.margin-left-1-2{margin-left:.5rem}.margin-right-1-2{margin-right:.5rem}.square-32{width:32px;height:32px}.square-40{width:40px;height:40px}.square-48{width:48px;height:48px}.height-fit-content{height:fit-content!important}.height-0{height:0!important}.border-bottom{border-bottom:1px solid var(--calcite-color-border-3)}.box-shadow{box-shadow:0 1px 2px #0000004d}.margin-bottom-1-2{margin-bottom:.5rem}.danger-icon-color{--calcite-icon-color: var(--calcite-color-status-danger)}.map-actions{--calcite-action-background-color: var(--calcite-color-foreground-1);--calcite-action-background-color-hover: var(--calcite-color-foreground-3);--calcite-color-transparent-press: var(--calcite-color-foreground-2)}`,m=class extends u{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.configLayerOrderDefined=!1,this._hasFloorInfo=!1,this._translations=T({name:"map-tools",blocking:!0}),this._showTools=!0,this._showBasemapWidget=!1,this._showFloorFilter=!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=h(),this._floorFilterElement=h(),this._fullscreenElement=h(),this._layerListWidgetElement=h(),this._legendElement=h(),this._searchElement=h(),this._widgets=[],this._selectionToolElement=h(),this._mapTools=[],this._mapTool=h(),this.clearSelection=y(),this.listenOn(window,"mapChanged",this.mapChanged),this.listenOn(window,"layerSelectionChange",this._layerSelectionChange)}static{this.properties={basemapConfig:0,enabledLayerIds:0,enableLegend:5,enableLayerList:5,enableFloorFilter:5,enableFullscreen:5,enableSearch:5,enableBasemap:5,enableHome:5,enableSingleExpand:5,zoomToolsSize:1,layout:1,mapView:0,mapWidgetsSize:1,enableMapPicker:5,enableMapLayerPicker:5,position:1,searchConfiguration:0,stackTools:5,enableSelectionTool:5,toolOrder:0,selectionTools:0,selectedLayer:0,mapInfos:0,defaultLayerId:1,isMobile:5,parentComponentHeight:9,parentComponentWidth:9,selectedFeaturesIds:0,selectedWebMapId:1,showOnlyUpdatableLayers:5,mapInfo:0,visibilityIcon:1,configLayerOrderDefined:5,_hasFloorInfo:16,_translations:16,_showTools:16,_showBasemapWidget:16,_showFloorFilter:16,_showLegendWidget:16,_showSearchWidget:16,_showLayersListWidget:16,_rectangleSelectionToolActive:16,_lassoSelectionToolActive:16,_showEllipsisTools:16,_ellipsisTools:16,_isValidWebMap:16,_showSelectionTools:16}}static{this.styles=F}willUpdate(e){e.has("mapView")&&this.mapViewWatchHandler(),e.has("parentComponentWidth")&&this.parentComponentWidth&&this.parentComponentWidthWatchHandler(this.parentComponentWidth),e.has("_showBasemapWidget")&&(this.hasUpdated||this._showBasemapWidget!==!1)&&this._showBasemapWidgetWatchHandler(this._showBasemapWidget),e.has("_showLayersListWidget")&&(this.hasUpdated||this._showLayersListWidget!==!1)&&this._showLayersListWidgetWatchHandler(this._showLayersListWidget),e.has("_showFloorFilter")&&(this.hasUpdated||this._showFloorFilter!==!1)&&this._showFloorFilterWatchHandler(this._showFloorFilter),e.has("_showLegendWidget")&&(this.hasUpdated||this._showLegendWidget!==!1)&&this._showLegendWidgetWatchHandler(this._showLegendWidget),e.has("_showSearchWidget")&&(this.hasUpdated||this._showSearchWidget!==!1)&&this._showSearchWidgetWatchHandler(this._showSearchWidget)}async mapViewWatchHandler(){await this.mapView?.when(()=>{this.parentComponentWidth&&this._updateTools(this.parentComponentWidth)})}async parentComponentWidthWatchHandler(e){this._updateTools(e)}async _showBasemapWidgetWatchHandler(e){let t=this._basemapElement.value?this._basemapElement.value.basemapGalleryRef.value:void 0,s=document.dir==="rtl"?"rtl":"ltr";t&&(e?(this.mapView?.ui.add(t,{position:this.position,index:1}),t.style.setProperty("direction",s),t.style.setProperty("max-height","240px")):this.mapView?.ui.remove(t))}async _showLayersListWidgetWatchHandler(e){let t=this._layerListWidgetElement.value?this._layerListWidgetElement.value.layerListRef.value:void 0,s=document.dir==="rtl"?"rtl":"ltr";t&&(e?(this.mapView?.ui.add(t,{position:this.position,index:1}),t.style.setProperty("direction",s),t.style.setProperty("max-height","240px")):this.mapView?.ui.remove(t))}async _showFloorFilterWatchHandler(e){let t=this._floorFilterElement.value?this._floorFilterElement.value.floorFilterRef.value:void 0,s=document.dir==="rtl"?"rtl":"ltr";t&&(e?(this.mapView?.ui.add(t,{position:this.position,index:1}),t.style.setProperty("direction",s),t.style.setProperty("max-height","240px")):this.mapView?.ui.remove(t))}async _showLegendWidgetWatchHandler(e){let t=this._legendElement.value?this._legendElement.value.legendRef.value:void 0,s=document.dir==="rtl"?"rtl":"ltr";t&&(e?(this.mapView?.ui.add(t,{position:this.position,index:1}),t.style.setProperty("direction",s),t.style.setProperty("max-height","240px")):this.mapView?.ui.remove(t))}async _showSearchWidgetWatchHandler(e){let t=this._searchElement.value?this._searchElement.value.searchComponent.value:void 0,s=document.dir==="rtl"?"rtl":"ltr";t&&(e?(this.mapView?.ui.add(t,{position:this.position,index:1}),t.style.setProperty("direction",s),t.style.setProperty("max-height","240px")):this.mapView?.ui.remove(t))}async mapChanged(e){let t=e.detail.isValid;this._isValidWebMap=t,this._showTools||this._toggleTools()}async _layerSelectionChange(e){this._showTools||this._toggleTools()}async load(){this._mapTools=[...this.toolOrder]}render(){this._setZoomToolsSize();let e=this.layout==="horizontal"?"display-flex":"",t=this._getToggleIcon(),s=!this._showTools&&!this._showSelectionTools?"display-none":e,i=this._showEllipsisTools?"":"display-none",o=this._showSearchWidget?"":"display-none",l=this._showBasemapWidget?"":"display-none",d=this._showLegendWidget?"":"display-none",c=this._showFloorFilter?"":"display-none",p=this._showLayersListWidget?"":"display-none",v=this._showTools?this._translations.collapse:this._translations.expand,f=!this.enableBasemap&&!this.enableFullscreen&&!this.enableLegend&&!this.enableLayerList&&!this.enableSearch&&!this.enableMapPicker&&!this.enableMapLayerPicker?"display-none":"",W=document.dir==="rtl"?"margin-right-1-2":"margin-left-1-2",L=this.enableSingleExpand?this.layout==="horizontal"?W:"margin-top-1-2":"",S=this._ellipsisTools.length>0&&this._showTools?"":"display-none",_=this.stackTools&&this._ellipsisTools.length===0?"box-shadow":"",$=this._showSelectionTools?this.selectionTools:this._mapTools;return a`<div class=${`${f} ${e} height-0`}>${this.enableSingleExpand?a`<div class=${n(_)}>${this._getActionGroup(t,!1,v||"",()=>this._toggleTools())}</div>`:void 0}<div class=${`${L} ${_} ${s}`}>${this._getMapWidgets($)}</div><div><div class=${n(S)}>${this._getActionGroup("ellipsis",!1,"",()=>this._toggleEllipsisTools())}<div class=${n(i)}>${this._getMapWidgets(this._ellipsisTools)}</div></div></div></div><map-basemap-gallery .basemapConfig=${this.basemapConfig} class=${n(l)} .mapView=${this.mapView} ${r(this._basemapElement)}></map-basemap-gallery><map-search class=${n(o)} .mapView=${this.mapView} result-graphic-enabled .searchConfiguration=${this.searchConfiguration} ${r(this._searchElement)}></map-search><map-legend class=${n(d)} .mapView=${this.mapView} ${r(this._legendElement)}></map-legend><layer-list-widget class=${n(p)} .mapView=${this.mapView} .visibilityIcon=${this.visibilityIcon} ${r(this._layerListWidgetElement)}></layer-list-widget><map-floor-filter class=${n(c)} .enabled=${this.enableFloorFilter&&this._hasFloorInfo} .mapView=${this.mapView} ${r(this._floorFilterElement)}></map-floor-filter><selection-tool .mapView=${this.mapView} @drawingComplete=${()=>{this._rectangleSelectionToolActive=!1,this._lassoSelectionToolActive=!1}} .selectedLayerId=${this.selectedLayer?.id} ${r(this._selectionToolElement)}></selection-tool>${this.enableMapPicker&&a`<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&&a`<map-layer-picker appearance=transparent .configLayerOrderDefined=${this.configLayerOrderDefined} .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>`||""}`}_setZoomToolsSize(){let e=document.getElementById("arcgis-map")?.shadowRoot;if(!e)return;let t=e.querySelector(".esri-zoom"),s=e.querySelectorAll(".esri-widget--button")[0],i=e.querySelectorAll(".esri-widget--button")[1];if(s&&i){let o=this.zoomToolsSize==="s"?"32px":this.zoomToolsSize==="m"?"40px":"48px";s.style.width=o,s.style.height=o,i.style.width=o,i.style.height=o}if(this.layout==="horizontal"){let o=document.dir||"ltr",l=o==="ltr"?".esri-ui-top-left":".esri-ui-top-right",d=o==="ltr"?0:this.parentComponentWidth-62,c=o==="ltr"?this._showTools?"ltr":"rtl":this._showTools?"rtl":"ltr";e.querySelector(l)?.firstElementChild?.tagName==="MAP-TOOLS"&&!this._showTools&&(c=o),t&&t.setAttribute("style",`position: absolute; top: 50px; left: ${d}px`),this._showSelectionTools||e.querySelector(l)?.setAttribute("style",`flex-direction: row; gap: 5px; align-items: flex-start; direction: ${c} !important; z-index: 1;`)}}_getToggleIcon(){let e=document.dir||"ltr";return this.layout==="horizontal"?e==="ltr"?this._showTools?"chevrons-left":"chevrons-right":this._showTools?"chevrons-right":"chevrons-left":this._showTools?"chevrons-up":"chevrons-down"}_updateTools(e){let t=this._showSelectionTools?JSON.parse(JSON.stringify(this.selectionTools)):JSON.parse(JSON.stringify(this.toolOrder));this._hasFloorInfo=this.mapView?.map?.floorInfo;let s=t.indexOf("floorfilter");s>-1&&!this._hasFloorInfo&&t.splice(s,1);let i=this.mapWidgetsSize==="s"?32:this.mapWidgetsSize==="m"?40:48,o=110;this.isMobile&&(this.enableMapPicker||this.enableMapLayerPicker)&&(o=160);let l=Math.ceil((e-o)/i)-1;l&&l!==t.length-1?(this._mapTools=t.slice(0,l),this._ellipsisTools=t.slice(l,t.length)):(this._mapTools=t,this._ellipsisTools=[])}_getMapWidgets(e){let t=this._isValidWebMap?"map":"exclamation-mark-triangle",s=this.selectedLayer===void 0?"exclamation-mark-triangle":"layers";return e.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?.legendRef.value,!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?.searchComponent.value,!0):void 0;case"fullscreen":return this.enableFullscreen&&this.enableSingleExpand?this._getFullScreenComponent():this.enableFullscreen?this._getWidget(i,this._fullscreenElement.value?.fullscreenRef.value,!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?.basemapGalleryRef.value,!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?.layerListRef.value,!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?.floorFilterRef.value,!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.mapView?this._getHomeComponent():void 0;case"map-picker":return this.enableMapPicker?this._getActionGroup(t,!1,"",()=>{},!this._isValidWebMap):void 0;case"map-layer-picker":return this.enableMapLayerPicker&&this._isValidWebMap?this._getActionGroup(s,!1,"",()=>{},this.selectedLayer===void 0):void 0;default:return""}})}_getFullScreenComponent(){return a`<map-fullscreen .mapView=${this.mapView}></map-fullscreen>`}_getHomeComponent(){let e=(this.mapView?.map).initialViewProperties?.viewpoint?.clone();return a`<arcgis-home .view=${this.mapView} .viewpoint=${e}></arcgis-home>`}_getActionGroup(e,t,s,i,o,l){let d=this.mapWidgetsSize==="s"?"square-32":this.mapWidgetsSize==="m"?"square-40":"square-48",c=this.stackTools?"":"margin-bottom-1-2",p=this.stackTools?"":"box-shadow";return a`<div class="height-fit-content"><calcite-action alignment=center .indicator=${l} class=${`map-actions ${d} ${c} border-bottom ${p} ${o?"danger-icon-color":""}`} .disabled=${t} .icon=${e} id=${e??g} @click=${i} scale=m .text=${s} ${r(this._mapTool)}><calcite-icon aria-hidden=true icon=chevron-up scale=s slot=icon></calcite-icon></calcite-action>${!this.isMobile&&s&&a`<calcite-tooltip .placement=${this.layout==="vertical"?"auto":"bottom"} reference-element=${e??g}><span>${s}</span></calcite-tooltip>`||""}</div>`}_getWidget(e,t,s){if(this._widgets.indexOf(e)<0&&this.mapView&&t){let i=this.toolOrder.indexOf(e),o=document.createElement("arcgis-expand");o.view=this.mapView,o.appendChild(t);let l=this.enableHome?2:1;this.mapView.ui.add(s?o:t,{position:this.position,index:i>-1?i+l:1}),this._widgets.push(e)}}_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(e){e==="rectangle"?(this._lassoSelectionToolActive=!1,this._rectangleSelectionToolActive=!this._rectangleSelectionToolActive):e==="freehandPolygon"&&(this._rectangleSelectionToolActive=!1,this._lassoSelectionToolActive=!this._lassoSelectionToolActive),this._selectionToolElement.value?.toggleSelectionTool(e,this._rectangleSelectionToolActive||this._lassoSelectionToolActive)}_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}};b("map-tools",m);export{m as MapTools};
|
|
2
|
+
import{a as T}from"./LABCYKSC.js";import"./QMAV4UTN.js";import"./Y2AUIXNK.js";import{b}from"./5BJO5ABV.js";import{F as h,G as r,H as u,J as n,h as w,i as a,l as g,q as y}from"./T3EPRHTT.js";import"./EXBEKVP5.js";var F=w`:host{display:block}.display-none{display:none}.display-flex{display:flex}.margin-top-1-2{margin-top:.5rem}.margin-left-1-2{margin-left:.5rem}.margin-right-1-2{margin-right:.5rem}.square-32{width:32px;height:32px}.square-40{width:40px;height:40px}.square-48{width:48px;height:48px}.height-fit-content{height:fit-content!important}.height-0{height:0!important}.border-bottom{border-bottom:1px solid var(--calcite-color-border-3)}.box-shadow{box-shadow:0 1px 2px #0000004d}.margin-bottom-1-2{margin-bottom:.5rem}.danger-icon-color{--calcite-icon-color: var(--calcite-color-status-danger)}.map-actions{--calcite-action-background-color: var(--calcite-color-foreground-1);--calcite-action-background-color-hover: var(--calcite-color-foreground-3);--calcite-color-transparent-press: var(--calcite-color-foreground-2)}`,m=class extends u{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.configLayerOrderDefined=!1,this._hasFloorInfo=!1,this._translations=T({name:"map-tools",blocking:!0}),this._showTools=!0,this._showBasemapWidget=!1,this._showFloorFilter=!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=h(),this._floorFilterElement=h(),this._fullscreenElement=h(),this._layerListWidgetElement=h(),this._legendElement=h(),this._searchElement=h(),this._widgets=[],this._selectionToolElement=h(),this._mapTools=[],this._mapTool=h(),this.clearSelection=y(),this.listenOn(window,"mapChanged",this.mapChanged),this.listenOn(window,"layerSelectionChange",this._layerSelectionChange)}static{this.properties={basemapConfig:0,enabledLayerIds:0,enableLegend:5,enableLayerList:5,enableFloorFilter:5,enableFullscreen:5,enableSearch:5,enableBasemap:5,enableHome:5,enableSingleExpand:5,zoomToolsSize:1,layout:1,mapView:0,mapWidgetsSize:1,enableMapPicker:5,enableMapLayerPicker:5,position:1,searchConfiguration:0,stackTools:5,enableSelectionTool:5,toolOrder:0,selectionTools:0,selectedLayer:0,mapInfos:0,defaultLayerId:1,isMobile:5,parentComponentHeight:9,parentComponentWidth:9,selectedFeaturesIds:0,selectedWebMapId:1,showOnlyUpdatableLayers:5,mapInfo:0,visibilityIcon:1,configLayerOrderDefined:5,_hasFloorInfo:16,_translations:16,_showTools:16,_showBasemapWidget:16,_showFloorFilter:16,_showLegendWidget:16,_showSearchWidget:16,_showLayersListWidget:16,_rectangleSelectionToolActive:16,_lassoSelectionToolActive:16,_showEllipsisTools:16,_ellipsisTools:16,_isValidWebMap:16,_showSelectionTools:16}}static{this.styles=F}willUpdate(e){e.has("mapView")&&this.mapViewWatchHandler(),e.has("parentComponentWidth")&&this.parentComponentWidth&&this.parentComponentWidthWatchHandler(this.parentComponentWidth),e.has("_showBasemapWidget")&&(this.hasUpdated||this._showBasemapWidget!==!1)&&this._showBasemapWidgetWatchHandler(this._showBasemapWidget),e.has("_showLayersListWidget")&&(this.hasUpdated||this._showLayersListWidget!==!1)&&this._showLayersListWidgetWatchHandler(this._showLayersListWidget),e.has("_showFloorFilter")&&(this.hasUpdated||this._showFloorFilter!==!1)&&this._showFloorFilterWatchHandler(this._showFloorFilter),e.has("_showLegendWidget")&&(this.hasUpdated||this._showLegendWidget!==!1)&&this._showLegendWidgetWatchHandler(this._showLegendWidget),e.has("_showSearchWidget")&&(this.hasUpdated||this._showSearchWidget!==!1)&&this._showSearchWidgetWatchHandler(this._showSearchWidget)}async mapViewWatchHandler(){await this.mapView?.when(()=>{this.parentComponentWidth&&this._updateTools(this.parentComponentWidth)})}async parentComponentWidthWatchHandler(e){this._updateTools(e)}async _showBasemapWidgetWatchHandler(e){let t=this._basemapElement.value?this._basemapElement.value.basemapGalleryRef.value:void 0,s=document.dir==="rtl"?"rtl":"ltr";t&&(e?(this.mapView?.ui.add(t,{position:this.position,index:1}),t.style.setProperty("direction",s),t.style.setProperty("max-height","240px")):this.mapView?.ui.remove(t))}async _showLayersListWidgetWatchHandler(e){let t=this._layerListWidgetElement.value?this._layerListWidgetElement.value.layerListRef.value:void 0,s=document.dir==="rtl"?"rtl":"ltr";t&&(e?(this.mapView?.ui.add(t,{position:this.position,index:1}),t.style.setProperty("direction",s),t.style.setProperty("max-height","240px")):this.mapView?.ui.remove(t))}async _showFloorFilterWatchHandler(e){let t=this._floorFilterElement.value?this._floorFilterElement.value.floorFilterRef.value:void 0,s=document.dir==="rtl"?"rtl":"ltr";t&&(e?(this.mapView?.ui.add(t,{position:this.position,index:1}),t.style.setProperty("direction",s),t.style.setProperty("max-height","240px")):this.mapView?.ui.remove(t))}async _showLegendWidgetWatchHandler(e){let t=this._legendElement.value?this._legendElement.value.legendRef.value:void 0,s=document.dir==="rtl"?"rtl":"ltr";t&&(e?(this.mapView?.ui.add(t,{position:this.position,index:1}),t.style.setProperty("direction",s),t.style.setProperty("max-height","240px")):this.mapView?.ui.remove(t))}async _showSearchWidgetWatchHandler(e){let t=this._searchElement.value?this._searchElement.value.searchComponent.value:void 0,s=document.dir==="rtl"?"rtl":"ltr";t&&(e?(this.mapView?.ui.add(t,{position:this.position,index:1}),t.style.setProperty("direction",s),t.style.setProperty("max-height","240px")):this.mapView?.ui.remove(t))}async mapChanged(e){let t=e.detail.isValid;this._isValidWebMap=t,this._showTools||this._toggleTools()}async _layerSelectionChange(e){this._showTools||this._toggleTools()}async load(){this._mapTools=[...this.toolOrder]}render(){this._setZoomToolsSize();let e=this.layout==="horizontal"?"display-flex":"",t=this._getToggleIcon(),s=!this._showTools&&!this._showSelectionTools?"display-none":e,i=this._showEllipsisTools?"":"display-none",o=this._showSearchWidget?"":"display-none",l=this._showBasemapWidget?"":"display-none",d=this._showLegendWidget?"":"display-none",c=this._showFloorFilter?"":"display-none",p=this._showLayersListWidget?"":"display-none",v=this._showTools?this._translations.collapse:this._translations.expand,f=!this.enableBasemap&&!this.enableFullscreen&&!this.enableLegend&&!this.enableLayerList&&!this.enableSearch&&!this.enableMapPicker&&!this.enableMapLayerPicker?"display-none":"",W=document.dir==="rtl"?"margin-right-1-2":"margin-left-1-2",L=this.enableSingleExpand?this.layout==="horizontal"?W:"margin-top-1-2":"",S=this._ellipsisTools.length>0&&this._showTools?"":"display-none",_=this.stackTools&&this._ellipsisTools.length===0?"box-shadow":"",$=this._showSelectionTools?this.selectionTools:this._mapTools;return a`<div class=${`${f} ${e} height-0`}>${this.enableSingleExpand?a`<div class=${n(_)}>${this._getActionGroup(t,!1,v||"",()=>this._toggleTools())}</div>`:void 0}<div class=${`${L} ${_} ${s}`}>${this._getMapWidgets($)}</div><div><div class=${n(S)}>${this._getActionGroup("ellipsis",!1,"",()=>this._toggleEllipsisTools())}<div class=${n(i)}>${this._getMapWidgets(this._ellipsisTools)}</div></div></div></div><map-basemap-gallery .basemapConfig=${this.basemapConfig} class=${n(l)} .mapView=${this.mapView} ${r(this._basemapElement)}></map-basemap-gallery><map-search class=${n(o)} .mapView=${this.mapView} result-graphic-enabled .searchConfiguration=${this.searchConfiguration} ${r(this._searchElement)}></map-search><map-legend class=${n(d)} .mapView=${this.mapView} ${r(this._legendElement)}></map-legend><layer-list-widget class=${n(p)} .mapView=${this.mapView} .visibilityIcon=${this.visibilityIcon} ${r(this._layerListWidgetElement)}></layer-list-widget><map-floor-filter class=${n(c)} .enabled=${this.enableFloorFilter&&this._hasFloorInfo} .mapView=${this.mapView} ${r(this._floorFilterElement)}></map-floor-filter><selection-tool .mapView=${this.mapView} @drawingComplete=${()=>{this._rectangleSelectionToolActive=!1,this._lassoSelectionToolActive=!1}} .selectedLayerId=${this.selectedLayer?.id} ${r(this._selectionToolElement)}></selection-tool>${this.enableMapPicker&&a`<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&&a`<map-layer-picker appearance=transparent .configLayerOrderDefined=${this.configLayerOrderDefined} .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>`||""}`}_setZoomToolsSize(){let e=document.getElementById("arcgis-map")?.shadowRoot;if(!e)return;let t=e.querySelector(".esri-zoom"),s=e.querySelectorAll(".esri-widget--button")[0],i=e.querySelectorAll(".esri-widget--button")[1];if(s&&i){let o=this.zoomToolsSize==="s"?"32px":this.zoomToolsSize==="m"?"40px":"48px";s.style.width=o,s.style.height=o,i.style.width=o,i.style.height=o}if(this.layout==="horizontal"){let o=document.dir||"ltr",l=o==="ltr"?".esri-ui-top-left":".esri-ui-top-right",d=o==="ltr"?0:this.parentComponentWidth-62,c=o==="ltr"?this._showTools?"ltr":"rtl":this._showTools?"rtl":"ltr";e.querySelector(l)?.firstElementChild?.tagName==="MAP-TOOLS"&&!this._showTools&&(c=o),t&&t.setAttribute("style",`position: absolute; top: 50px; left: ${d}px`),this._showSelectionTools||e.querySelector(l)?.setAttribute("style",`flex-direction: row; gap: 5px; align-items: flex-start; direction: ${c} !important; z-index: 1;`)}}_getToggleIcon(){let e=document.dir||"ltr";return this.layout==="horizontal"?e==="ltr"?this._showTools?"chevrons-left":"chevrons-right":this._showTools?"chevrons-right":"chevrons-left":this._showTools?"chevrons-up":"chevrons-down"}_updateTools(e){let t=this._showSelectionTools?JSON.parse(JSON.stringify(this.selectionTools)):JSON.parse(JSON.stringify(this.toolOrder));this._hasFloorInfo=this.mapView?.map?.floorInfo;let s=t.indexOf("floorfilter");s>-1&&!this._hasFloorInfo&&t.splice(s,1);let i=this.mapWidgetsSize==="s"?32:this.mapWidgetsSize==="m"?40:48,o=110;this.isMobile&&(this.enableMapPicker||this.enableMapLayerPicker)&&(o=160);let l=Math.ceil((e-o)/i)-1;l&&l!==t.length-1?(this._mapTools=t.slice(0,l),this._ellipsisTools=t.slice(l,t.length)):(this._mapTools=t,this._ellipsisTools=[])}_getMapWidgets(e){let t=this._isValidWebMap?"map":"exclamation-mark-triangle",s=this.selectedLayer===void 0?"exclamation-mark-triangle":"layers";return e.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?.legendRef.value,!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?.searchComponent.value,!0):void 0;case"fullscreen":return this.enableFullscreen&&this.enableSingleExpand?this._getFullScreenComponent():this.enableFullscreen?this._getWidget(i,this._fullscreenElement.value?.fullscreenRef.value,!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?.basemapGalleryRef.value,!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?.layerListRef.value,!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?.floorFilterRef.value,!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.mapView?this._getHomeComponent():void 0;case"map-picker":return this.enableMapPicker?this._getActionGroup(t,!1,"",()=>{},!this._isValidWebMap):void 0;case"map-layer-picker":return this.enableMapLayerPicker&&this._isValidWebMap?this._getActionGroup(s,!1,"",()=>{},this.selectedLayer===void 0):void 0;default:return""}})}_getFullScreenComponent(){return a`<map-fullscreen .mapView=${this.mapView}></map-fullscreen>`}_getHomeComponent(){let e=(this.mapView?.map).initialViewProperties?.viewpoint?.clone();return a`<arcgis-home .view=${this.mapView} .viewpoint=${e}></arcgis-home>`}_getActionGroup(e,t,s,i,o,l){let d=this.mapWidgetsSize==="s"?"square-32":this.mapWidgetsSize==="m"?"square-40":"square-48",c=this.stackTools?"":"margin-bottom-1-2",p=this.stackTools?"":"box-shadow";return a`<div class="height-fit-content"><calcite-action alignment=center .indicator=${l} class=${`map-actions ${d} ${c} border-bottom ${p} ${o?"danger-icon-color":""}`} .disabled=${t} .icon=${e} id=${e??g} @click=${i} scale=m .text=${s} ${r(this._mapTool)}><calcite-icon aria-hidden=true icon=chevron-up scale=s slot=icon></calcite-icon></calcite-action>${!this.isMobile&&s&&a`<calcite-tooltip .placement=${this.layout==="vertical"?"auto":"bottom"} reference-element=${e??g}><span>${s}</span></calcite-tooltip>`||""}</div>`}_getWidget(e,t,s){if(this._widgets.indexOf(e)<0&&this.mapView&&t){let i=this.toolOrder.indexOf(e),o=document.createElement("arcgis-expand");o.view=this.mapView,o.appendChild(t);let l=this.enableHome?2:1;this.mapView.ui.add(s?o:t,{position:this.position,index:i>-1?i+l:1}),this._widgets.push(e)}}_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(e){e==="rectangle"?(this._lassoSelectionToolActive=!1,this._rectangleSelectionToolActive=!this._rectangleSelectionToolActive):e==="freehandPolygon"&&(this._rectangleSelectionToolActive=!1,this._lassoSelectionToolActive=!this._lassoSelectionToolActive),this._selectionToolElement.value?.toggleSelectionTool(e,this._rectangleSelectionToolActive||this._lassoSelectionToolActive)}_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}};b("map-tools",m);export{m as MapTools};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a as v}from"./CJ3EZE7U.js";import"./C5KDPY7R.js";import"./YM4U4HSN.js";import{a as g}from"./IADXB53D.js";import b from"./QZ2ZMWIH.js";import a from"./CS5N3DOL.js";import{a as p}from"./
|
|
2
|
+
import{a as v}from"./CJ3EZE7U.js";import"./C5KDPY7R.js";import"./YM4U4HSN.js";import{a as g}from"./IADXB53D.js";import b from"./QZ2ZMWIH.js";import a from"./CS5N3DOL.js";import{a as p}from"./HKURBCD6.js";import{b as l}from"./KGXEY5HR.js";import"./QMAV4UTN.js";import"./Y2AUIXNK.js";import{H as o,J as d,L as c,h as s,i as t,q as r}from"./T3EPRHTT.js";import"./EXBEKVP5.js";export default $arcgis.t(([,{b:h}])=>{var x=s`:host{display:block;--instant-apps-interactive-legend-heading-font-size: 1rem;--instant-apps-interactive-legend-heading-font-weight: 500;--instant-apps-interactive-legend-secondary-color: var( --calcite-color-text-1 );--instant-apps-interactive-legend-ui-padding: 15px 10px}:host .instant-apps-interactive-legend__header--compact .esri-widget__heading{font-size:.9rem}:host .esri-widget__heading{overflow:hidden;margin:0;display:inline-block;font-size:var(--calcite-font-size-1);font-weight:var(--instant-apps-interactive-legend-heading-font-weight)}:host header{display:flex;text-align:left;padding:var(--instant-apps-interactive-legend-ui-padding);background-color:var(--instant-apps-interactive-legend-secondary-background-color);color:var(--instant-apps-interactive-legend-secondary-color)}:host header h3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:normal;color:var(--instant-apps-interactive-legend-secondary-color);margin-bottom:5px}:host header .instant-apps-interactive-legend__heading-text--group-item{-webkit-line-clamp:2;line-clamp:2}:host header span{width:100%;font-size:var(--instant-apps-interactive-legend-total-feature-count-font-size);color:var(--instant-apps-interactive-legend-secondary-color)}:host header .instant-apps-interactive-legend__header-action-container{display:flex;align-items:center}:host .esri-widget__heading header{padding:var(--instant-apps-interactive-legend-ui-padding)}:host .esri-widget--panel{margin:0}:host(.calcite-mode-dark) .instant-apps-interactive-legend__header{background-color:#242424;color:var(--calcite-color-text-1)}:host(.calcite-mode-light) .instant-apps-interactive-legend__header{background-color:#fff;color:var(--calcite-color-text-1)}`,e={label:"esri-legend__service-label",header:"esri-widget__heading",interacitveLegendHeader:"instant-apps-interactive-legend__header",headerActionContainer:"instant-apps-interactive-legend__header-action-container",compact:"instant-apps-interactive-legend__header--compact"},a=class extends o{constructor(){super(...arguments),this._messages=p({name:"instant-apps-interactive-legend"}),this.isChild=!1,this.expanded=!0,this.layerCaptionElementExpandUpdated=r()}static{this.properties={legendvm:0,featureCount:5,activeLayerInfo:0,isChild:5,expanded:5}}static{this.styles=x}toggleExpanded(){return()=>{this.expanded=!this.expanded,this.layerCaptionElementExpandUpdated.emit(this.expanded)}}render(){let m=v(this.activeLayerInfo),{expanded:n}=this,i=n?this._messages?.collapse:this._messages?.expand,f=this.isChild?" instant-apps-interactive-legend__heading-text--group-item":"",_=h.get("compact")?` ${e.compact}`:"";return t`<header class=${`${e.interacitveLegendHeader} ${g(this.el)}${_}`}><calcite-action @click=${this.toggleExpanded()} .icon=${n?"chevron-down":"chevron-up"} appearance=transparent .text=${i??""} .label=${i} scale=s></calcite-action><span><span class=${d(e.headerActionContainer)}><h3 class=${`${e.header} ${e.label}${f}`} title=${this.activeLayerInfo?.title??""??c}>${this.activeLayerInfo?.title}</h3></span>${this.featureCount&&m?t`<instant-apps-interactive-legend-count .activeLayerInfo=${this.activeLayerInfo} show-total .legendvm=${this.legendvm}></instant-apps-interactive-legend-count>`:null}</span></header>`}};l("instant-apps-interactive-legend-layer-element-caption",a);return a},a,b)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import c from"./DQ47P6ES.js";import a from"./CS5N3DOL.js";import{b as $}from"./
|
|
2
|
+
import c from"./DQ47P6ES.js";import a from"./CS5N3DOL.js";import{b as $}from"./KGXEY5HR.js";import"./Y2AUIXNK.js";import{F as S,G as L,H as b,J as o,L as _,h as m,i as n,q as I,u as f}from"./T3EPRHTT.js";import"./EXBEKVP5.js";export default $arcgis.t(([,{f:l,h:v}])=>{var y=m`@layer{:host{display:block;position:relative}:host .instant-apps-language-translator-search__input{width:235.5px}:host .instant-apps-language-translator-search__suggestion-list{position:absolute;margin:0;padding:0;width:100%;max-height:30vh;overflow:auto;border-left:none;background-color:var(--calcite-color-foreground-1);border:1px solid #c0c0c0;z-index:702}:host .instant-apps-language-translator-search__suggestion-list-item:first-child{border:none}:host .instant-apps-language-translator-search__suggestion-list-item{margin-top:0;padding:.8em 1em;border-top:solid 1px rgba(110,110,110,.3);display:flex;flex-direction:column;cursor:pointer;word-break:break-word}:host .instant-apps-language-translator-search__suggestion-list-item:hover{background-color:var(--calcite-color-foreground-2)}}`,h="instant-apps-language-translator-search",p={input:`${h}__input`,suggestionList:`${h}__suggestion-list`,suggestionListItem:`${h}__suggestion-list-item`},d=class extends b{constructor(){super(...arguments),this.searchInput=S(),this.results=[],this.suggestionSelected=I()}static{this.properties={results:16,t9nPlaceholder:1}}static{this.styles=y}static{this.shadowRootOptions=f}handleSearch(t){let e=t.target.value?.toLowerCase()?.trim(),s=l.get("uiData"),u=v(),a=l.get("portalItemResourceT9n"),r=l.get("currentLanguage"),g=a?.[r]??{},c=this.getSettingDataItems(u).filter(this.matchedResultsCallback(s,g,e,r));this.results=[...c.map(i=>({fieldName:i,...s.get(i)}))]}matchedResultsCallback(t,e,s,u){return a=>{let r=t.get(a),{label:g}=r.userLocaleData,{value:c}=r.userLocaleData,i=t.get("translatedLanguageLabels")?.[u]?.[a],w=e?.[a],x=this.testUserInput(g,s),k=this.testUserInput(c,s),D=this.testUserInput(i,s),R=this.testUserInput(w,s);return x||k||D||R}}getSettingDataItems(t){return t.filter(e=>e!=="locales"&&e!=="translatedLanguageLabels")}testUserInput(t,e){return!!t?.trim()&&!!e?.trim()&&t?.toLowerCase()?.search(e)!==-1}selectSuggestion(t){let e=t.target.getAttribute("data-field-name");this.suggestionSelected.emit(e),this.resetSearchInput()}resetSearchInput(){this.searchInput.value&&(this.searchInput.value.value=""),this.results=[]}render(){return n`${this.renderSearchInput()}${this.renderSuggestions()}`}renderSearchInput(){return n`<calcite-input class=${o(p.input)} @calciteInputInput=${this.handleSearch} type=search .placeholder=${this.t9nPlaceholder} icon=search ${L(this.searchInput)}></calcite-input>`}renderSuggestions(){return this.results.length>0?this.renderSuggestionList():null}renderSuggestionList(){return n`<ul class=${o(p.suggestionList)}>${this.results.map(t=>this.renderSuggestionListItem(t))}</ul>`}renderSuggestionListItem(t){return n`<li @click=${this.selectSuggestion} class=${o(p.suggestionListItem)} data-field-name=${t.fieldName??_}>${t.userLocaleData.label}</li>`}};$("instant-apps-language-translator-search",d);return d},a,c)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a as v}from"./CJ3EZE7U.js";import"./C5KDPY7R.js";import"./YM4U4HSN.js";import{a as h}from"./IADXB53D.js";import{a as g}from"./
|
|
2
|
+
import{a as v}from"./CJ3EZE7U.js";import"./C5KDPY7R.js";import"./YM4U4HSN.js";import{a as h}from"./IADXB53D.js";import{a as g}from"./HKURBCD6.js";import{b as p}from"./KGXEY5HR.js";import"./QMAV4UTN.js";import"./Y2AUIXNK.js";import{H as o,J as d,K as l,L as c,h as s,i as t,q as r}from"./T3EPRHTT.js";import"./EXBEKVP5.js";var _=s`:host{display:block;--instant-apps-interactive-legend-heading-font-size: 1rem;--instant-apps-interactive-legend-heading-font-weight: normal;--instant-apps-interactive-legend-secondary-color: var( --calcite-color-text-1 );--instant-apps-interactive-legend-ui-padding: 15px 10px}:host .esri-widget__heading{overflow:hidden}:host .esri-widget__heading{margin:0;overflow-x:hidden}:host .esri-widget__heading{display:inline-block;font-size:var(--instant-apps-interactive-legend-heading-font-size)}:host .esri-widget__heading{font-weight:var(--instant-apps-interactive-legend-heading-font-weight)}:host header{display:flex;text-align:left;padding:var(--instant-apps-interactive-legend-ui-padding);background-color:var(--instant-apps-interactive-legend-secondary-background-color);color:var(--instant-apps-interactive-legend-secondary-color)}:host header h3{margin-bottom:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:normal;color:var(--instant-apps-interactive-legend-secondary-color)}:host header .instant-apps-interactive-legend__heading-text--group-item{-webkit-line-clamp:2;line-clamp:2}:host header span{width:100%;font-size:var(--instant-apps-interactive-legend-total-feature-count-font-size);color:var(--instant-apps-interactive-legend-secondary-color)}:host header .instant-apps-interactive-legend__header-action-container{display:flex;align-items:center}:host .esri-widget__heading header{padding:var(--instant-apps-interactive-legend-ui-padding)}:host .esri-widget--panel{margin:0}:host(.calcite-mode-dark) .instant-apps-interactive-legend__header{background-color:#242424;color:var(--calcite-color-text-1)}:host(.calcite-mode-light) .instant-apps-interactive-legend__header{background-color:#fff;color:var(--calcite-color-text-1)}`,e={label:"esri-legend__service-label",header:"esri-widget__heading",interactiveLegendHeader:"instant-apps-interactive-legend__header",headerActionContainer:"instant-apps-interactive-legend__header-action-container"},a=class extends o{constructor(){super(...arguments),this._messages=g({name:"instant-apps-interactive-legend",blocking:!0}),this.isChild=!1,this.expanded=!0,this.groupLayerCaptionElementExpandUpdated=r()}static{this.properties={legendvm:0,featureCount:5,activeLayerInfo:0,isChild:5,expanded:5}}static{this.styles=_}toggleExpanded(){return()=>{this.expanded=!this.expanded,this.groupLayerCaptionElementExpandUpdated.emit(this.expanded)}}render(){let m=v(this.activeLayerInfo),{expanded:n}=this,i=n?this._messages.collapse:this._messages.expand,f=this.isChild?" instant-apps-interactive-legend__heading-text--group-item":"";return t`<header class=${`${e.interactiveLegendHeader} ${h(this.el)}`} style=${l({borderLeft:"1px solid var(--calcite-color-border-3)"})}><span><span class=${d(e.headerActionContainer)}><calcite-action @click=${this.toggleExpanded()} .icon=${n?"chevron-down":"chevron-up"} appearance=transparent .text=${i} .label=${i} scale=s></calcite-action><h3 class=${`${e.header} ${e.label}${f}`} title=${this.activeLayerInfo?.title??""??c}>${this.activeLayerInfo?.title}</h3></span>${this.featureCount&&m?t`<instant-apps-interactive-legend-count .activeLayerInfo=${this.activeLayerInfo} show-total .legendvm=${this.legendvm}></instant-apps-interactive-legend-count>`:null}</span></header>`}};p("instant-apps-interactive-legend-group-legend-element-caption",a);export{a as InstantAppsInteractiveLegendGroupLegendElementCaption};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import b from"./2C4DK6YC.js";import a from"./WV7QX3ED.js";import{b as l}from"./
|
|
2
|
+
import b from"./2C4DK6YC.js";import a from"./WV7QX3ED.js";import{b as l}from"./5BJO5ABV.js";import{H as c,h as o,q as s,u as r}from"./T3EPRHTT.js";import"./EXBEKVP5.js";export default $arcgis.t(([p,m,,{c:h}])=>{var w=o`@layer{:host{display:block;pointer-events:all!important}}`,a=class extends c{constructor(){super(...arguments),this.selectedLayerId="",this.tool="rectangle",this.drawingComplete=s(),this.featuresSelected=s()}static{this.properties={mapView:0,selectedLayerId:1,tool:1}}static{this.styles=w}static{this.shadowRootOptions=r}willUpdate(e){e.has("mapView")&&this.mapViewWatchHandler()}async mapViewWatchHandler(){await this.mapView?.when(()=>{this._initSketchViewModel()})}async toggleSelectionTool(e,t){if(this._graphicsLayer?.removeAll(),this._selectionTool?.state==="active"&&this._selectionTool.cancel(),t){let i=e??this.tool;await this._selectionTool?.create(i)}}async loaded(){await this.init()}render(){return""}async init(){this.mapView&&this._initSketchViewModel()}_initSketchViewModel(){this._graphicsLayer=new p({listMode:"hide"}),this._selectionTool=new m({layer:this._graphicsLayer,view:this.mapView}),this._selectionTool&&this._selectionTool.on("create",e=>{if(e.state==="complete"){this.drawingComplete.emit();let t=e.graphic?.geometry;t&&this._selectFeatures(t),this._graphicsLayer&&this._graphicsLayer.removeAll()}}),this.mapView?.map&&this._graphicsLayer&&this.mapView.map.layers.add(this._graphicsLayer)}async _selectFeatures(e){let t=this.mapView&&await h(this.mapView,this.selectedLayerId);try{let i={geometry:e},n=t&&await t.queryObjectIds(i);this.featuresSelected.emit(n)}catch(i){console.error("Error selecting features:",i)}}};l("selection-tool",a);return a},"layers/GraphicsLayer","widgets/Sketch/SketchViewModel",a,b)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import e from"./INFZEU32.js";import d from"./MVXK7UGO.js";import"./VVZAS55G.js";import"./CGQALCTZ.js";import"./US5FON7D.js";import b from"./2C4DK6YC.js";import a from"./WV7QX3ED.js";import{a as F}from"./VSRNGZ43.js";import"./QMAV4UTN.js";import"./Y2AUIXNK.js";import"./TEHBW75B.js";import"./RSPNBIIE.js";import"./ZCU2WWVN.js";import"./WGO4EVOV.js";import"./YKB6256M.js";import"./36LRAUE4.js";import"./JMY4B4WQ.js";import"./VQ5ZAQUF.js";import"./Z4F2NZOT.js";import"./KOIDWEP3.js";import"./3KXMYZCU.js";import"./6ERMTA3J.js";import"./GF4QELNV.js";import"./3TAQSXLA.js";import"./PY6RTQDR.js";import"./DKD2EGQP.js";import"./5O53T3SW.js";import"./AJZDBHB6.js";import"./FES7B3SJ.js";import{b as L}from"./ZB5UCRCG.js";import{F as u,G as c,H as w,J as x,K as I,h as m,i as l,l as _,q as p,u as y}from"./T3EPRHTT.js";import"./EXBEKVP5.js";export default $arcgis.t(([E,S,$,,{c:d,d:g,g:b},,v])=>{var T=m`@layer{:host{display:block}.width-full{width:100%}.pagination{display:flex;justify-content:center}.notice-msg{padding:10px;width:calc(100% - 20px)}.feature-list-popup-title{font-weight:500}.feature-list-popup-title-small{font-size:small}.feature-list-popup-title-small-ellipsis{font-size:small;white-space:nowrap!important;text-overflow:ellipsis;overflow:hidden}.popup-title{padding:0 5px;word-break:break-word}.profile-img{margin:0 5px;min-width:32px}.like-container{display:flex;align-items:center;gap:5px;color:gray!important;font-style:italic}.feature-symbol{padding:0 3px;min-width:30px;display:flex;justify-content:center}.search{padding:10px;background-color:var(--calcite-color-surface-2)!important;border-block-end:1px solid var(--calcite-color-border-3)}}`,f=class extends w{constructor(){super(),this.selectedLayerId="",this.noFeaturesFoundMsg="",this.pageSize=100,this.highlightOnMap=!1,this.highlightOnHover=!1,this.textSize="large",this.showInitialLoading=!0,this.showErrorWhenNoFeatures=!1,this.showUserImageInList=!1,this.showFeatureSymbol=!1,this.applyLayerViewFilter=!1,this.showFullTitle=!0,this.filterByMapExtent=!1,this._featureItems=[],this._featuresCount=0,this._isLoading=!1,this._searchPlaceHolder="",this._fullTextSearchInfo=[],this._translations=F({name:"feature-list",blocking:!0}),this._pagination=u(),this._calciteList=u(),this._validFieldTypes=["small-integer","integer","big-integer","single","long"],this._abbreviatedLikeCount="",this._likeFieldAvailable=!1,this._searchExpression="",this.featureClick=p(),this.featureSelect=p(),this.listenOn(window,"selectedLanguageUpdated",this.selectedLanguageUpdated)}static{this.properties={selectedLayerId:1,mapView:0,noFeaturesFoundMsg:1,pageSize:9,highlightOnMap:5,highlightOnHover:5,sortingInfo:0,whereClause:1,textSize:1,showInitialLoading:5,showErrorWhenNoFeatures:5,showUserImageInList:5,showFeatureSymbol:5,applyLayerViewFilter:5,reportingOptions:0,showFullTitle:5,filterByMapExtent:5,_featureItems:16,_featuresCount:16,_isLoading:16,_searchPlaceHolder:16,_fullTextSearchInfo:16,_translations:16}}static{this.styles=T}static{this.shadowRootOptions=y}willUpdate(e){e.has("selectedLayerId")&&this.selectedLayerWatchHandler(),e.has("sortingInfo")&&this.sortingInfoWatchHandler(),e.has("whereClause")&&this.whereClauseHandler(),e.has("filterByMapExtent")&&this.hasUpdated&&this.filterByMapExtentWatchHandler(this.filterByMapExtent)}async selectedLayerWatchHandler(){this._selectedLayer=this.mapView&&await g(this.mapView,this.selectedLayerId),await this.initializeFeatureItems()}async sortingInfoWatchHandler(){await this.initializeFeatureItems()}async whereClauseHandler(){await this.initializeFeatureItems()}async filterByMapExtentWatchHandler(e){e?this.initializeMapExtentFilter():this._filterByMapExtentHandle&&this._filterByMapExtentHandle.remove()}async refresh(e){if(e&&this._pagination.value){let t={target:{startItem:this._pagination.value.startItem}};await this.pageChanged(t)}else this._searchExpression?await this._searchFullText():await this.initializeFeatureItems()}async selectedLanguageUpdated(e){if(this._pagination.value){let t={target:{startItem:this._pagination.value.startItem}};await this.pageChanged(t)}else await this.initializeFeatureItems()}async load(){this._isLoading=!!this.showInitialLoading,this._popupUtils=new v,this.mapView&&this.selectedLayerId&&(this._selectedLayer=await g(this.mapView,this.selectedLayerId),this._getFullTextSearchInfo()),this.filterByMapExtent&&this.initializeMapExtentFilter()}async loaded(){await this.initializeFeatureItems()}render(){let e=this._canShowFullTextSearch();return l`<calcite-panel>${e&&l`<calcite-input class=search clearable icon=search @calciteInputChange=${this._searchTextChanged} .placeholder=${this._searchPlaceHolder} title type=search></calcite-input>`||""}${this._isLoading&&l`<calcite-loader label scale=m></calcite-loader>`||""}${this.showErrorWhenNoFeatures&&this._featureItems.length===0&&!this._isLoading&&l`<calcite-notice class="notice-msg" icon=feature-details kind=info open><div slot=message>${this.filterByMapExtent?this._translations.featureErrorMsgInCurrentMapView:this.noFeaturesFoundMsg?this.noFeaturesFoundMsg:this._translations.featureErrorMsg}</div></calcite-notice>`||""}<calcite-list class=${x(this.textSize==="small"&&!this.showFullTitle?"overflow-hidden":"")} label selection-appearance=border selection-mode=none ${c(this._calciteList)}>${!this._isLoading&&this._featureItems.length>0&&l`<div>${this.filterByMapExtent&&this.getExtentNotice()||""}${this._featureItems}</div>`||""}</calcite-list>${this.pageSize&&this._featuresCount>this.pageSize&&l`<div class="width-full" slot=footer><calcite-pagination class="pagination" @calcitePaginationChange=${this.pageChanged} .pageSize=${this.pageSize} start-item=1 .totalItems=${this._featuresCount} ${c(this._pagination)}></calcite-pagination></div>`||""}</calcite-panel>`}async getWhereCondition(){let e="1=1";if(this.whereClause&&(e=this.whereClause),this._selectedLayer?.definitionExpression&&(e=e+" AND "+this._selectedLayer.definitionExpression),this.applyLayerViewFilter){let t=this.mapView&&await d(this.mapView,this.selectedLayerId);t?.filter?.where&&(e=e+" AND "+t.filter.where)}return e}async initializeFeatureItems(){if(this._selectedLayer){this._pagination.value?.goTo("start"),this._isLoading=!!this.showInitialLoading,this._featureItems=await this.queryPage(0);let e={where:await this.getWhereCondition(),geometry:this.filterByMapExtent?this.mapView?.extent:null};this._featuresCount=await this._selectedLayer?.queryFeatureCount(e),this._isLoading=!1}}initializeMapExtentFilter(){this._filterByMapExtentHandle=$.when(()=>this.mapView?.stationary,()=>{this.initializeFeatureItems()},{initial:!0})}async pageChanged(e){this._isLoading=!0,this._highlightHandle&&(this._highlightHandle.remove(),this._highlightHandle=void 0);let t=e.target.startItem-1;this._featureItems=await this.queryPage(t),this._isLoading=!1}_canShowFullTextSearch(){return this._selectedLayer?.capabilities?.query?.supportsFullTextSearch&&this._selectedLayer.indexes.items.filter(e=>e.indexType=="FullText").length>0}_getFullTextSearchInfo(){if(this._fullTextSearchInfo=[],this._selectedLayer?.capabilities?.query?.supportsFullTextSearch){let e=this._selectedLayer.indexes?.filter(t=>t.indexType=="FullText");if(e?.length){let t=[];e.forEach(i=>{t.push(...i.fields.split(","))});let s=[];t.forEach(i=>{let a=this._selectedLayer?.getField(i.trim());s.push(a?.alias||"")}),this._searchPlaceHolder=this._translations.searchPlaceholder?this._translations.searchPlaceholder.replace("{{field_names}}",s.join(", ")):"",this._fullTextSearchInfo.push({onFields:["*"],searchTerm:"",searchType:"prefix"})}}}async _searchTextChanged(e){this._fullTextSearchInfo.forEach(t=>{t.searchTerm=e.target.value}),await this._searchFullText()}async _searchFullText(){this._searchExpression&&this._clearSearchDefinitionExpression();let e=[];if(this._fullTextSearchInfo&&this._fullTextSearchInfo[0].searchTerm){let t=this._selectedLayer?.createQuery();t&&(t.fullText=this._fullTextSearchInfo,e=await this._selectedLayer?.queryObjectIds(t),await this._updateSearchDefinitionExpression(e?.length?e:[-1]))}await this.initializeFeatureItems()}async _updateSearchDefinitionExpression(e){if(this._selectedLayer){let t=this._selectedLayer.definitionExpression;if(e?.length){let s=`objectId in(${e})`;this._selectedLayer.definitionExpression=this._searchExpression&&t&&t?.indexOf(this._searchExpression)>-1?t.replace(this._searchExpression,s):t?`${t} AND (${s})`:s,this._searchExpression=s}else this._clearSearchDefinitionExpression()}}_clearSearchDefinitionExpression(){if(this._selectedLayer){let e=this._selectedLayer?.definitionExpression;this._searchExpression&&e&&e?.indexOf(this._searchExpression)>-1&&(e?.indexOf(" AND ("+this._searchExpression)>-1?this._selectedLayer.definitionExpression=e.replace(` AND (${this._searchExpression})`,""):this._selectedLayer.definitionExpression=e.replace(this._searchExpression,""))}this._searchExpression=""}async featureClicked(e,t){if(this.featureClick.emit(),this.clearHighlights(),this.highlightOnMap){let s=Number(e.target.value),i=this.mapView&&await d(this.mapView,this.selectedLayerId);this._highlightHandle=i&&this.mapView?await b([s],i,this.mapView,!0):void 0}await this.emitSelectedFeature(t)}async emitSelectedFeature(e){let t=e.layer,s=t.createQuery();s.returnGeometry=!0;let i=Number(e.getObjectId());if(!Number.isNaN(i)&&s){s.objectIds=[i];let a=await t.queryFeatures(s);this.featureSelect.emit(a.features[0])}}async onFeatureHover(e){if(this.clearHighlights(),this.highlightOnHover){let t=Number(e.getObjectId()),s=this.mapView&&await d(this.mapView,this.selectedLayerId);s&&(this._highlightHandle=s.highlight([t],{name:"temporary"}))}}clearHighlights(){this._highlightHandle&&this._highlightHandle.remove()}async queryPage(e){let t=this._selectedLayer;if(t){let s=this.sortingInfo?.field?this.sortingInfo.field:t.objectIdField,i=this.sortingInfo?.order?this.sortingInfo.order:"desc",a=await this.getWhereCondition(),r={start:e,num:this.pageSize,outFields:["*"],returnGeometry:!0,where:a,outSpatialReference:this.mapView?.spatialReference.toJSON(),geometry:this.filterByMapExtent?this.mapView?.extent:null};s&&i&&(r.orderByFields=[s.toString()+" "+i]);let n=await t.queryFeatures(r);return await this.createFeatureItem(n)}else return}async createFeatureItem(e){let t=e?.features,s=this.reportingOptions&&this.reportingOptions[this.selectedLayerId]?.like,i=t.map(async a=>{let r=this.mapView?.map&&await this._popupUtils?.getPopupTitle(a,this.mapView.map)||"",n,h;return this.showUserImageInList&&this._selectedLayer?.editFieldsInfo?.creatorField&&(n=await this.getUserInformation(a)),this.showFeatureSymbol&&(h=await this.getFeatureSymbol(a)),s&&this.getAbbreviatedLikeCount(a),this.getFeatureItem(a,r,h,n)});return Promise.all(i)}getExtentNotice(){return l`<calcite-notice class="notice-msg" icon=extent-filter kind=brand open scale=s><div slot=message>${this._translations.extentFilterMsg}</div></calcite-notice>`}getAbbreviatedLikeCount(e){let t=this._selectedLayer;if(t){let s=this.reportingOptions&&this.reportingOptions[t.id].likeField;t.fields.forEach(i=>{if(this._validFieldTypes.indexOf(i.type)>-1&&i.name===s&&this.reportingOptions&&this.reportingOptions[t.id].like){this._likeFieldAvailable=!0;let a=e.attributes[s]||0;a>999&&this._translations.millions_value&&this._translations.thousands_value&&(a=a>999999?this._translations.millions_value.replace("{{millions_value}}",Math.floor(a/1e6).toString()):this._translations.thousands_value.replace("{{thousands_value}}",Math.floor(a/1e3).toString())),this._abbreviatedLikeCount=a}})}}getFeatureItem(e,t,s,i){if(this._selectedLayer?.id&&this._calciteList.value){let a=e.attributes[this._selectedLayer.objectIdField].toString();t=t??a;let r=Number(e.attributes[this.reportingOptions?.[this._selectedLayer.id].likeField||""]).toLocaleString(),n=this.textSize==="small"&&!this.showFullTitle?"feature-list-popup-title-small-ellipsis":this.textSize==="small"?"feature-list-popup-title-small":"feature-list-popup-title",h=this.showUserImageInList?115:65,C=this._calciteList.value.offsetWidth-h;return l`<calcite-list-item @mouseleave=${()=>{this.clearHighlights()}} @mouseover=${()=>{this.onFeatureHover(e)}} @calciteListItemSelect=${o=>{this.featureClicked(o,e)}} .value=${a}>${this.showUserImageInList&&l`<calcite-avatar class=profile-img .fullName=${i?.fullName} scale=m slot=content-start .thumbnail=${i?.userProfileUrl} .userId=${i?.id} .username=${i?.fullName?i.username:void 0}></calcite-avatar>`||""}${this.showFeatureSymbol&&s&&l`<div class=feature-symbol slot=content-start ${c(o=>o&&o.replaceChildren(s))}></div>`||""}<div class=${`popup-title ${n}`} slot=content-start style=${I({maxWidth:this.textSize==="large"?"none":`${C}px`})}>${t}</div>${this._likeFieldAvailable&&l`<div class=like-container id=${a.concat("like")??_} slot=content-end><span>${this._abbreviatedLikeCount}</span><calcite-icon aria-hidden=true icon=thumbs-up scale=s></calcite-icon><calcite-tooltip overlay-positioning=fixed placement=top .referenceElement=${a.concat("like")}>${r}</calcite-tooltip></div>`||""}<calcite-icon aria-hidden=true flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item>`}else return}async getUserInformation(e){let t=this._selectedLayer?.editFieldsInfo?.creatorField;if(t){e.attributes.hasOwnProperty(t.toLowerCase())?t=t.toLowerCase():e.attributes.hasOwnProperty(t.toUpperCase())&&(t=t.toUpperCase());let s=`${E.portalUrl}/sharing/rest/community/users/${e.attributes[t]}?f=json&returnUserLicensedItems=true`,i=this.mapView?.map?.portalItem.portal?.credential?.token;i&&(s+=`&token=${i}`);let a=await(await fetch(s)).json(),r=a?.username??e.attributes[t],n=`${E.portalUrl}/sharing/rest/community/users/${r}/info/blob.png`;return a?.access&&i&&(n+=`?token=${i}`),a.userProfileUrl=n,a}else return}async getFeatureSymbol(e){let t=document.createElement("div");return await S?.getDisplayedSymbol(e).then(async s=>{if(s&&await S?.renderPreviewHTML(s,{node:t}),t.children?.length){let i=t.children[0];if(i){let a=Number(i.getAttribute("height")),r=Number(i.getAttribute("width"));r>30&&(t.setAttribute("width","30"),i.setAttribute("width","30")),a>30&&(t.setAttribute("height","30"),i.setAttribute("height","30")),i.setAttribute("viewBox",`0 0 ${r} ${a}`),t.setAttribute("viewBox",`0 0 ${r} ${a}`)}}}),t}};L("feature-list",f);return f},"config","symbols/support/symbolUtils","core/reactiveUtils",a,b,d,e)
|
|
2
|
+
import e from"./VZY472CH.js";import d from"./GLD7SDA5.js";import"./VVZAS55G.js";import"./AO7XKW2U.js";import"./US5FON7D.js";import b from"./2C4DK6YC.js";import a from"./WV7QX3ED.js";import{a as F}from"./LABCYKSC.js";import"./QMAV4UTN.js";import"./Y2AUIXNK.js";import"./TEHBW75B.js";import"./RSPNBIIE.js";import"./ZCU2WWVN.js";import"./WGO4EVOV.js";import"./YKB6256M.js";import"./36LRAUE4.js";import"./JMY4B4WQ.js";import"./VQ5ZAQUF.js";import"./Z4F2NZOT.js";import"./KOIDWEP3.js";import"./3KXMYZCU.js";import"./6ERMTA3J.js";import"./GF4QELNV.js";import"./3TAQSXLA.js";import"./PY6RTQDR.js";import"./DKD2EGQP.js";import"./5O53T3SW.js";import"./AJZDBHB6.js";import"./FES7B3SJ.js";import{b as L}from"./5BJO5ABV.js";import{F as u,G as c,H as w,J as x,K as I,h as m,i as l,l as _,q as p,u as y}from"./T3EPRHTT.js";import"./EXBEKVP5.js";export default $arcgis.t(([E,S,$,,{c:d,d:g,g:b},,v])=>{var T=m`@layer{:host{display:block}.width-full{width:100%}.pagination{display:flex;justify-content:center}.notice-msg{padding:10px;width:calc(100% - 20px)}.feature-list-popup-title{font-weight:500}.feature-list-popup-title-small{font-size:small}.feature-list-popup-title-small-ellipsis{font-size:small;white-space:nowrap!important;text-overflow:ellipsis;overflow:hidden}.popup-title{padding:0 5px;word-break:break-word}.profile-img{margin:0 5px;min-width:32px}.like-container{display:flex;align-items:center;gap:5px;color:gray!important;font-style:italic}.feature-symbol{padding:0 3px;min-width:30px;display:flex;justify-content:center}.search{padding:10px;background-color:var(--calcite-color-surface-2)!important;border-block-end:1px solid var(--calcite-color-border-3)}}`,f=class extends w{constructor(){super(),this.selectedLayerId="",this.noFeaturesFoundMsg="",this.pageSize=100,this.highlightOnMap=!1,this.highlightOnHover=!1,this.textSize="large",this.showInitialLoading=!0,this.showErrorWhenNoFeatures=!1,this.showUserImageInList=!1,this.showFeatureSymbol=!1,this.applyLayerViewFilter=!1,this.showFullTitle=!0,this.filterByMapExtent=!1,this._featureItems=[],this._featuresCount=0,this._isLoading=!1,this._searchPlaceHolder="",this._fullTextSearchInfo=[],this._translations=F({name:"feature-list",blocking:!0}),this._pagination=u(),this._calciteList=u(),this._validFieldTypes=["small-integer","integer","big-integer","single","long"],this._abbreviatedLikeCount="",this._likeFieldAvailable=!1,this._searchExpression="",this.featureClick=p(),this.featureSelect=p(),this.listenOn(window,"selectedLanguageUpdated",this.selectedLanguageUpdated)}static{this.properties={selectedLayerId:1,mapView:0,noFeaturesFoundMsg:1,pageSize:9,highlightOnMap:5,highlightOnHover:5,sortingInfo:0,whereClause:1,textSize:1,showInitialLoading:5,showErrorWhenNoFeatures:5,showUserImageInList:5,showFeatureSymbol:5,applyLayerViewFilter:5,reportingOptions:0,showFullTitle:5,filterByMapExtent:5,_featureItems:16,_featuresCount:16,_isLoading:16,_searchPlaceHolder:16,_fullTextSearchInfo:16,_translations:16}}static{this.styles=T}static{this.shadowRootOptions=y}willUpdate(e){e.has("selectedLayerId")&&this.selectedLayerWatchHandler(),e.has("sortingInfo")&&this.sortingInfoWatchHandler(),e.has("whereClause")&&this.whereClauseHandler(),e.has("filterByMapExtent")&&this.hasUpdated&&this.filterByMapExtentWatchHandler(this.filterByMapExtent)}async selectedLayerWatchHandler(){this._selectedLayer=this.mapView&&await g(this.mapView,this.selectedLayerId),await this.initializeFeatureItems()}async sortingInfoWatchHandler(){await this.initializeFeatureItems()}async whereClauseHandler(){await this.initializeFeatureItems()}async filterByMapExtentWatchHandler(e){e?this.initializeMapExtentFilter():this._filterByMapExtentHandle&&this._filterByMapExtentHandle.remove()}async refresh(e){if(e&&this._pagination.value){let t={target:{startItem:this._pagination.value.startItem}};await this.pageChanged(t)}else this._searchExpression?await this._searchFullText():await this.initializeFeatureItems()}async selectedLanguageUpdated(e){if(this._pagination.value){let t={target:{startItem:this._pagination.value.startItem}};await this.pageChanged(t)}else await this.initializeFeatureItems()}async load(){this._isLoading=!!this.showInitialLoading,this._popupUtils=new v,this.mapView&&this.selectedLayerId&&(this._selectedLayer=await g(this.mapView,this.selectedLayerId),this._getFullTextSearchInfo()),this.filterByMapExtent&&this.initializeMapExtentFilter()}async loaded(){await this.initializeFeatureItems()}render(){let e=this._canShowFullTextSearch();return l`<calcite-panel>${e&&l`<calcite-input class=search clearable icon=search @calciteInputChange=${this._searchTextChanged} .placeholder=${this._searchPlaceHolder} title type=search></calcite-input>`||""}${this._isLoading&&l`<calcite-loader label scale=m></calcite-loader>`||""}${this.showErrorWhenNoFeatures&&this._featureItems.length===0&&!this._isLoading&&l`<calcite-notice class="notice-msg" icon=feature-details kind=info open><div slot=message>${this.filterByMapExtent?this._translations.featureErrorMsgInCurrentMapView:this.noFeaturesFoundMsg?this.noFeaturesFoundMsg:this._translations.featureErrorMsg}</div></calcite-notice>`||""}<calcite-list class=${x(this.textSize==="small"&&!this.showFullTitle?"overflow-hidden":"")} label selection-appearance=border selection-mode=none ${c(this._calciteList)}>${!this._isLoading&&this._featureItems.length>0&&l`<div>${this.filterByMapExtent&&this.getExtentNotice()||""}${this._featureItems}</div>`||""}</calcite-list>${this.pageSize&&this._featuresCount>this.pageSize&&l`<div class="width-full" slot=footer><calcite-pagination class="pagination" @calcitePaginationChange=${this.pageChanged} .pageSize=${this.pageSize} start-item=1 .totalItems=${this._featuresCount} ${c(this._pagination)}></calcite-pagination></div>`||""}</calcite-panel>`}async getWhereCondition(){let e="1=1";if(this.whereClause&&(e=this.whereClause),this._selectedLayer?.definitionExpression&&(e=e+" AND "+this._selectedLayer.definitionExpression),this.applyLayerViewFilter){let t=this.mapView&&await d(this.mapView,this.selectedLayerId);t?.filter?.where&&(e=e+" AND "+t.filter.where)}return e}async initializeFeatureItems(){if(this._selectedLayer){this._pagination.value?.goTo("start"),this._isLoading=!!this.showInitialLoading,this._featureItems=await this.queryPage(0);let e={where:await this.getWhereCondition(),geometry:this.filterByMapExtent?this.mapView?.extent:null};this._featuresCount=await this._selectedLayer?.queryFeatureCount(e),this._isLoading=!1}}initializeMapExtentFilter(){this._filterByMapExtentHandle=$.when(()=>this.mapView?.stationary,()=>{this.initializeFeatureItems()},{initial:!0})}async pageChanged(e){this._isLoading=!0,this._highlightHandle&&(this._highlightHandle.remove(),this._highlightHandle=void 0);let t=e.target.startItem-1;this._featureItems=await this.queryPage(t),this._isLoading=!1}_canShowFullTextSearch(){return this._selectedLayer?.capabilities?.query?.supportsFullTextSearch&&this._selectedLayer.indexes.items.filter(e=>e.indexType=="FullText").length>0}_getFullTextSearchInfo(){if(this._fullTextSearchInfo=[],this._selectedLayer?.capabilities?.query?.supportsFullTextSearch){let e=this._selectedLayer.indexes?.filter(t=>t.indexType=="FullText");if(e?.length){let t=[];e.forEach(i=>{t.push(...i.fields.split(","))});let s=[];t.forEach(i=>{let a=this._selectedLayer?.getField(i.trim());s.push(a?.alias||"")}),this._searchPlaceHolder=this._translations.searchPlaceholder?this._translations.searchPlaceholder.replace("{{field_names}}",s.join(", ")):"",this._fullTextSearchInfo.push({onFields:["*"],searchTerm:"",searchType:"prefix"})}}}async _searchTextChanged(e){this._fullTextSearchInfo.forEach(t=>{t.searchTerm=e.target.value}),await this._searchFullText()}async _searchFullText(){this._searchExpression&&this._clearSearchDefinitionExpression();let e=[];if(this._fullTextSearchInfo&&this._fullTextSearchInfo[0].searchTerm){let t=this._selectedLayer?.createQuery();t&&(t.fullText=this._fullTextSearchInfo,e=await this._selectedLayer?.queryObjectIds(t),await this._updateSearchDefinitionExpression(e?.length?e:[-1]))}await this.initializeFeatureItems()}async _updateSearchDefinitionExpression(e){if(this._selectedLayer){let t=this._selectedLayer.definitionExpression;if(e?.length){let s=`objectId in(${e})`;this._selectedLayer.definitionExpression=this._searchExpression&&t&&t?.indexOf(this._searchExpression)>-1?t.replace(this._searchExpression,s):t?`${t} AND (${s})`:s,this._searchExpression=s}else this._clearSearchDefinitionExpression()}}_clearSearchDefinitionExpression(){if(this._selectedLayer){let e=this._selectedLayer?.definitionExpression;this._searchExpression&&e&&e?.indexOf(this._searchExpression)>-1&&(e?.indexOf(" AND ("+this._searchExpression)>-1?this._selectedLayer.definitionExpression=e.replace(` AND (${this._searchExpression})`,""):this._selectedLayer.definitionExpression=e.replace(this._searchExpression,""))}this._searchExpression=""}async featureClicked(e,t){if(this.featureClick.emit(),this.clearHighlights(),this.highlightOnMap){let s=Number(e.target.value),i=this.mapView&&await d(this.mapView,this.selectedLayerId);this._highlightHandle=i&&this.mapView?await b([s],i,this.mapView,!0):void 0}await this.emitSelectedFeature(t)}async emitSelectedFeature(e){let t=e.layer,s=t.createQuery();s.returnGeometry=!0;let i=Number(e.getObjectId());if(!Number.isNaN(i)&&s){s.objectIds=[i];let a=await t.queryFeatures(s);this.featureSelect.emit(a.features[0])}}async onFeatureHover(e){if(this.clearHighlights(),this.highlightOnHover){let t=Number(e.getObjectId()),s=this.mapView&&await d(this.mapView,this.selectedLayerId);s&&(this._highlightHandle=s.highlight([t],{name:"temporary"}))}}clearHighlights(){this._highlightHandle&&this._highlightHandle.remove()}async queryPage(e){let t=this._selectedLayer;if(t){let s=this.sortingInfo?.field?this.sortingInfo.field:t.objectIdField,i=this.sortingInfo?.order?this.sortingInfo.order:"desc",a=await this.getWhereCondition(),r={start:e,num:this.pageSize,outFields:["*"],returnGeometry:!0,where:a,outSpatialReference:this.mapView?.spatialReference.toJSON(),geometry:this.filterByMapExtent?this.mapView?.extent:null};s&&i&&(r.orderByFields=[s.toString()+" "+i]);let n=await t.queryFeatures(r);return await this.createFeatureItem(n)}else return}async createFeatureItem(e){let t=e?.features,s=this.reportingOptions&&this.reportingOptions[this.selectedLayerId]?.like,i=t.map(async a=>{let r=this.mapView?.map&&await this._popupUtils?.getPopupTitle(a,this.mapView.map)||"",n,h;return this.showUserImageInList&&this._selectedLayer?.editFieldsInfo?.creatorField&&(n=await this.getUserInformation(a)),this.showFeatureSymbol&&(h=await this.getFeatureSymbol(a)),s&&this.getAbbreviatedLikeCount(a),this.getFeatureItem(a,r,h,n)});return Promise.all(i)}getExtentNotice(){return l`<calcite-notice class="notice-msg" icon=extent-filter kind=brand open scale=s><div slot=message>${this._translations.extentFilterMsg}</div></calcite-notice>`}getAbbreviatedLikeCount(e){let t=this._selectedLayer;if(t){let s=this.reportingOptions&&this.reportingOptions[t.id].likeField;t.fields.forEach(i=>{if(this._validFieldTypes.indexOf(i.type)>-1&&i.name===s&&this.reportingOptions&&this.reportingOptions[t.id].like){this._likeFieldAvailable=!0;let a=e.attributes[s]||0;a>999&&this._translations.millions_value&&this._translations.thousands_value&&(a=a>999999?this._translations.millions_value.replace("{{millions_value}}",Math.floor(a/1e6).toString()):this._translations.thousands_value.replace("{{thousands_value}}",Math.floor(a/1e3).toString())),this._abbreviatedLikeCount=a}})}}getFeatureItem(e,t,s,i){if(this._selectedLayer?.id&&this._calciteList.value){let a=e.attributes[this._selectedLayer.objectIdField].toString();t=t??a;let r=Number(e.attributes[this.reportingOptions?.[this._selectedLayer.id].likeField||""]).toLocaleString(),n=this.textSize==="small"&&!this.showFullTitle?"feature-list-popup-title-small-ellipsis":this.textSize==="small"?"feature-list-popup-title-small":"feature-list-popup-title",h=this.showUserImageInList?115:65,C=this._calciteList.value.offsetWidth-h;return l`<calcite-list-item @mouseleave=${()=>{this.clearHighlights()}} @mouseover=${()=>{this.onFeatureHover(e)}} @calciteListItemSelect=${o=>{this.featureClicked(o,e)}} .value=${a}>${this.showUserImageInList&&l`<calcite-avatar class=profile-img .fullName=${i?.fullName} scale=m slot=content-start .thumbnail=${i?.userProfileUrl} .userId=${i?.id} .username=${i?.fullName?i.username:void 0}></calcite-avatar>`||""}${this.showFeatureSymbol&&s&&l`<div class=feature-symbol slot=content-start ${c(o=>o&&o.replaceChildren(s))}></div>`||""}<div class=${`popup-title ${n}`} slot=content-start style=${I({maxWidth:this.textSize==="large"?"none":`${C}px`})}>${t}</div>${this._likeFieldAvailable&&l`<div class=like-container id=${a.concat("like")??_} slot=content-end><span>${this._abbreviatedLikeCount}</span><calcite-icon aria-hidden=true icon=thumbs-up scale=s></calcite-icon><calcite-tooltip overlay-positioning=fixed placement=top .referenceElement=${a.concat("like")}>${r}</calcite-tooltip></div>`||""}<calcite-icon aria-hidden=true flip-rtl icon=chevron-right scale=s slot=content-end></calcite-icon></calcite-list-item>`}else return}async getUserInformation(e){let t=this._selectedLayer?.editFieldsInfo?.creatorField;if(t){e.attributes.hasOwnProperty(t.toLowerCase())?t=t.toLowerCase():e.attributes.hasOwnProperty(t.toUpperCase())&&(t=t.toUpperCase());let s=`${E.portalUrl}/sharing/rest/community/users/${e.attributes[t]}?f=json&returnUserLicensedItems=true`,i=this.mapView?.map?.portalItem.portal?.credential?.token;i&&(s+=`&token=${i}`);let a=await(await fetch(s)).json(),r=a?.username??e.attributes[t],n=`${E.portalUrl}/sharing/rest/community/users/${r}/info/blob.png`;return a?.access&&i&&(n+=`?token=${i}`),a.userProfileUrl=n,a}else return}async getFeatureSymbol(e){let t=document.createElement("div");return await S?.getDisplayedSymbol(e).then(async s=>{if(s&&await S?.renderPreviewHTML(s,{node:t}),t.children?.length){let i=t.children[0];if(i){let a=Number(i.getAttribute("height")),r=Number(i.getAttribute("width"));r>30&&(t.setAttribute("width","30"),i.setAttribute("width","30")),a>30&&(t.setAttribute("height","30"),i.setAttribute("height","30")),i.setAttribute("viewBox",`0 0 ${r} ${a}`),t.setAttribute("viewBox",`0 0 ${r} ${a}`)}}}),t}};L("feature-list",f);return f},"config","symbols/support/symbolUtils","core/reactiveUtils",a,b,d,e)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{a as e}from"./YUWXPLTE.js";import{a as _}from"./
|
|
2
|
+
import{a as e}from"./YUWXPLTE.js";import{a as _}from"./HKURBCD6.js";import{b as f}from"./KGXEY5HR.js";import"./QMAV4UTN.js";import"./Y2AUIXNK.js";import{F as d,G as v,H as h,J as o,L as a,h as l,i as t,u as m}from"./T3EPRHTT.js";import"./EXBEKVP5.js";var $=l`@layer{:host{display:block}.instant-apps-popover__content{display:flex;flex-direction:column;padding:0 5% 5%;max-width:35vw;font-family:var(--calcite-sans-family);font-size:.875rem}.instant-apps-popover__content .instant-apps-popover__action{align-self:flex-start;--calcite-color-foreground-2: transparent}.instant-apps-popover__content span{display:inline-block;font-weight:var(--calcite-font-weight-medium);color:var(--calcite-color-text-1);margin:0 0 10px;font-family:var(--calcite-sans-family)}.instant-apps-popover__content p{line-height:19.12px;margin:0 0 10px;font-family:var(--calcite-sans-family)}.instant-apps-popover__content .instant-apps-popover__footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.instant-apps-popover__content .instant-apps-popover__footer span{margin-bottom:0;font-weight:400;font-size:.875rem;font-family:var(--calcite-sans-family)}.instant-apps-popover__content .instant-apps-popover__footer calcite-button:first-child{--calcite-color-foreground-3: transparent}.instant-apps-popover__content .instant-apps-popover__footer calcite-button:last-child{margin-left:5px}.instant-apps-popover__content .instant-apps-popover__img{width:100%;margin-bottom:10px}.instant-apps-popover__content.instant-apps-popover--action-disabled{padding:5%}.instant-apps-popover__content.instant-apps-popover--action-disabled #subtitle{margin:0 0 10px}}`,n={content:"instant-apps-popover__content",buttonContainer:"instant-apps-popover__button-container",action:"instant-apps-popover__action",actionDisabled:"instant-apps-popover--action-disabled",img:"instant-apps-popover__img",footer:"instant-apps-popover__footer"},p=class extends h{constructor(){super(...arguments),this._messages=_({name:"instant-apps-popover"}),this.popoverEl=d(),this.popoverTitle="",this.subtitle="",this.content="",this.placement="trailing-start",this.pagination=!1,this.disableAction=!1}static{this.properties={popoverTitle:3,subtitle:3,content:3,imgSrc:3,imgAlt:3,mediaSrc:3,index:11,referenceElement:3,parent:0,placement:1,refId:1,pagination:7,disableAction:7,popoverAction:0,messageOverrides:0}}static{this.styles=$}static{this.shadowRootOptions=m}updated(){!this.hasUpdated&&this.popoverEl.value&&(this.popoverEl.value.referenceElement=this.referenceElement)}render(){return t`<calcite-popover .heading=${this.popoverTitle} auto-close .placement=${this.placement} .messageOverrides=${{close:this._messages.close}} trigger-disabled ref-id=${this.refId??a} closable .referenceElement=${this.referenceElement} .label=${this.popoverTitle} ${v(this.popoverEl)}><div class=${`${n.content}${this.disableAction?` ${n.actionDisabled}`:""}`}>${this.disableAction?null:e("popover-action",t`<calcite-action class=${o(n.action)} @click=${this.popoverAction} .icon=${document.dir==="rtl"?"chevron-right":"chevron-left"} text-enabled .text=${this._messages.back??""}></calcite-action>`)}<section><span id=subtitle>${this.subtitle}</span><p>${this.content}</p>${this.imgSrc?e(`iac-popover-img-${this.refId}`,t`<img class=${o(n.img)} src=${this.imgSrc??a} alt=${(this.imgAlt?this.imgAlt:"")??a}>`):null}</section>${this.pagination?e(`iac-popover-footer-${this.index}`,t`<div class=${o(n.footer)}><span>${this.index+1} ${this._messages?.of} ${this.parent?.instantAppsPopovers?.size}</span>${this.renderPagination()}</div>`):null}</div></calcite-popover>`}renderPagination(){let{index:r,_messages:s,parent:i}=this;if(!i)return null;let g=i.instantAppsPopovers.size,u=r===0,c=r===g-1;return e("pagination-button-container",t`<div class=${o(n.buttonContainer)}>${u?null:e("prev",t`<calcite-button @click=${async()=>await i?.previous()} appearance=outline kind=neutral>${s.back}</calcite-button>`)}${e("next",t`<calcite-button @click=${async()=>{c?await i?.done():await i?.next()}}>${c?s.done:s.next}</calcite-button>`)}</div>`)}};f("instant-apps-popover",p);export{p as InstantAppsPopover};
|