@arcgis/charts-components 5.1.0-next.7 → 5.1.0-next.9
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/README.md +1 -1
- package/dist/cdn/{TSQ75643.js → 24ZMVNPY.js} +1 -1
- package/dist/cdn/2E6UOES5.js +2 -0
- package/dist/cdn/{E2OGP7R4.js → 37TFH77K.js} +1 -1
- package/dist/cdn/{KGYOF4HQ.js → 3J7OE25D.js} +1 -1
- package/dist/cdn/{T4P6X62H.js → 3KPOZY7U.js} +1 -1
- package/dist/cdn/{RHSZB5ZH.js → 3MBJIZXQ.js} +1 -1
- package/dist/cdn/{ZWABUONN.js → 3MJNDW3O.js} +1 -1
- package/dist/cdn/{SBJDJQ5W.js → 3V24TSG3.js} +1 -1
- package/dist/cdn/472LMJV5.js +2 -0
- package/dist/cdn/{25UJ6G2G.js → 4KLIA33J.js} +1 -1
- package/dist/cdn/{SJ74QWGI.js → 4RTN2F3A.js} +1 -1
- package/dist/cdn/{MBFKIRCK.js → 5IBIN5PX.js} +1 -1
- package/dist/cdn/5UNMJRBV.js +2 -0
- package/dist/cdn/{X2S3V4HD.js → 6PFSSXHO.js} +1 -1
- package/dist/cdn/7EMMEDLK.js +2 -0
- package/dist/cdn/{ZY42XS5N.js → APM2UUMS.js} +1 -1
- package/dist/cdn/{BRRSD3O4.js → BIAHCUQC.js} +1 -1
- package/dist/cdn/{BVFVLX3U.js → CKEEXG7J.js} +7 -7
- package/dist/cdn/CMRNFSZC.js +4 -0
- package/dist/cdn/{F3M5Q4I6.js → CONUNOKN.js} +1 -1
- package/dist/cdn/{UWJ3DRYN.js → CPWMQOWE.js} +1 -1
- package/dist/cdn/CYO4M5FA.js +2 -0
- package/dist/cdn/{AYMM5RTN.js → DCSM57NL.js} +1 -1
- package/dist/cdn/{3KP75DDX.js → DU6SCSWY.js} +1 -1
- package/dist/cdn/{6ZZVPJTU.js → DUCASUB5.js} +1 -1
- package/dist/cdn/{D2NLBPAB.js → E2DPW452.js} +1 -1
- package/dist/cdn/{FG2SKN2Q.js → E7WKMXBN.js} +1 -1
- package/dist/cdn/{LKK7N2C5.js → EO756WDD.js} +1 -1
- package/dist/cdn/{AHJME35X.js → FFYDXNXA.js} +1 -1
- package/dist/cdn/{FHI4UU5O.js → FJSIGPKS.js} +1 -1
- package/dist/cdn/FM4O2SFI.js +56 -0
- package/dist/cdn/{5PUNMMSL.js → FPZLQV2G.js} +1 -1
- package/dist/cdn/{ESIO74ER.js → G6QUYWLP.js} +1 -1
- package/dist/cdn/{BYIBXD4Q.js → G76ZI2ZC.js} +1 -1
- package/dist/cdn/{XG3LUWT6.js → GD3XF3YV.js} +1 -1
- package/dist/cdn/GLSDBV72.js +2 -0
- package/dist/cdn/{MXLNSW6C.js → GYWWWJWB.js} +1 -1
- package/dist/cdn/{YC2QAZQ5.js → IDCUWB47.js} +1 -1
- package/dist/cdn/{NXDHPVLZ.js → IPU3GNA6.js} +1 -1
- package/dist/cdn/IRNA25SY.js +2 -0
- package/dist/cdn/{MOU5IBB7.js → ITDXKVUB.js} +1 -1
- package/dist/cdn/{QWZNK3OV.js → JA7R63SP.js} +1 -1
- package/dist/cdn/{FJUBR4KW.js → KFQTTMZU.js} +1 -1
- package/dist/cdn/{76YPTUIV.js → KITWKIQT.js} +1 -1
- package/dist/cdn/L32OCJD2.js +2 -0
- package/dist/cdn/{FSNIJZ4N.js → LGBK4T3V.js} +1 -1
- package/dist/cdn/{S2T2KPSE.js → LN2MYFKL.js} +1 -1
- package/dist/cdn/{BHF54XO4.js → LQ3P2GFC.js} +1 -1
- package/dist/cdn/LRRJCSJK.js +2 -0
- package/dist/cdn/{NKSFFZ43.js → M4QXPKAQ.js} +1 -1
- package/dist/cdn/MMPVU2IV.js +2 -0
- package/dist/cdn/{3IBNI7DB.js → MTYGJ44X.js} +1 -1
- package/dist/cdn/{JLFJWDPQ.js → MZD5VJSC.js} +1 -1
- package/dist/cdn/{3V3NUR6Q.js → N2ZRK46C.js} +1 -1
- package/dist/cdn/{64NE6NLA.js → N6YCO6NE.js} +1 -1
- package/dist/cdn/{VL4N7T3G.js → O4MXHOEX.js} +1 -1
- package/dist/cdn/{L4E7PSXN.js → OBSMBH62.js} +1 -1
- package/dist/cdn/{2JUKPBNE.js → OZ7IZCS5.js} +1 -1
- package/dist/cdn/{LKI3UTOI.js → PCHLTJ76.js} +1 -1
- package/dist/cdn/{STQIUWAA.js → PCYK43OC.js} +1 -1
- package/dist/cdn/{IU5GCIOV.js → R4MVTPEY.js} +1 -1
- package/dist/cdn/{W3E73SQV.js → R7UV3FXZ.js} +1 -1
- package/dist/cdn/{ZD2OFLRT.js → RDF2VETY.js} +1 -1
- package/dist/cdn/RZEX2MXS.js +2 -0
- package/dist/cdn/{OZLXNKH5.js → S4NHHCVM.js} +1 -1
- package/dist/cdn/{BF3HDW6F.js → SIICUGBH.js} +1 -1
- package/dist/cdn/{AND6TXZC.js → SLC3TO6I.js} +1 -1
- package/dist/cdn/{U3YXEG4D.js → SPJB74EZ.js} +1 -1
- package/dist/cdn/{VK546WZD.js → SQ2LPEU6.js} +1 -1
- package/dist/cdn/{ZPBTQ3VC.js → TADL5VDR.js} +1 -1
- package/dist/cdn/U57WLEFE.js +2 -0
- package/dist/cdn/{LR3V4CJY.js → U7RUXGWS.js} +1 -1
- package/dist/cdn/{SD2G2LCW.js → UZXMOHSJ.js} +1 -1
- package/dist/cdn/{5RX4R45J.js → VKTCJE62.js} +1 -1
- package/dist/cdn/{6LS2WSZ5.js → W4GPDO26.js} +1 -1
- package/dist/cdn/{JF4TYCG5.js → W62POWRZ.js} +1 -1
- package/dist/cdn/{T2ZLECUS.js → WDVEXO33.js} +1 -1
- package/dist/cdn/{IUWWS4XW.js → WL34DGXY.js} +1 -1
- package/dist/cdn/{RJN6DNHI.js → WVNSR4SR.js} +1 -1
- package/dist/cdn/{LY46M2NC.js → XKYZJAX2.js} +1 -1
- package/dist/cdn/{HYEINZ2W.js → YAIXJAXB.js} +1 -1
- package/dist/cdn/{RUB23UKZ.js → YPJL3ONL.js} +1 -1
- package/dist/cdn/{LIWSW6ON.js → YXTRZZW6.js} +1 -1
- package/dist/cdn/YYIKPG5C.js +2 -0
- package/dist/cdn/{DFBK7RTI.js → Z3THOKP3.js} +1 -1
- package/dist/cdn/{BPBBMXA3.js → ZDOG5ZE7.js} +1 -1
- package/dist/cdn/{MY4FFGT5.js → ZTZHFZ2Q.js} +1 -1
- package/dist/cdn/{4XV6HEXY.js → ZUGZLTC4.js} +1 -1
- package/dist/cdn/{36Z3PUIB.js → ZX2U6NZL.js} +1 -1
- package/dist/cdn/index.js +1 -1
- package/dist/chunks/bar-chart-series.js +5 -3
- package/dist/chunks/index.js +16 -16
- package/dist/chunks/index6.js +18 -0
- package/dist/components/arcgis-chart/customElement.js +2011 -2044
- package/dist/components/arcgis-charts-config-bar-chart-popover/customElement.js +21 -23
- package/dist/components/arcgis-charts-config-bar-chart-series-popover/customElement.js +13 -16
- package/dist/components/arcgis-charts-config-box-plot-popover/customElement.js +16 -18
- package/dist/components/arcgis-charts-config-box-plot-series-popover/customElement.js +14 -17
- package/dist/components/arcgis-charts-config-heat-chart-popover/customElement.js +24 -26
- package/dist/components/arcgis-charts-config-histogram-popover/customElement.js +21 -23
- package/dist/components/arcgis-charts-config-line-chart-popover/customElement.js +23 -25
- package/dist/components/arcgis-charts-config-line-chart-series-popover/customElement.js +8 -10
- package/dist/components/arcgis-charts-config-pie-chart-slices-popover/customElement.js +11 -14
- package/dist/components/arcgis-charts-config-scatter-plot-popover/customElement.js +19 -21
- package/dist/components/arcgis-charts-config-select-chart-type-popover/customElement.js +11 -14
- package/dist/components/arcgis-charts-info-modal/customElement.js +29 -14
- package/dist/docs/api.json +1 -1
- package/dist/docs/docs.json +1 -1
- package/dist/docs/web-types.json +1 -1
- package/dist/json-schema/index.d.ts +2 -2
- package/dist/loader.js +3 -3
- package/dist/model/bar-chart-model/bar-chart-model.d.ts +2 -2
- package/dist/spec/rest-js-types.d.ts +15 -0
- package/dist/spec/web-chart.d.ts +4 -4
- package/dist/utils/chart-config/utils/index.d.ts +3 -0
- package/dist/utils/layer/query-parser/index.d.ts +4 -1
- package/dist/utils/localization/interfaces.d.ts +1 -0
- package/dist/utils/misc/index.d.ts +13 -7
- package/dist/utils/type-guards/index.d.ts +15 -8
- package/package.json +3 -3
- package/dist/cdn/6PIJSBNU.js +0 -2
- package/dist/cdn/7OXO43LP.js +0 -58
- package/dist/cdn/FRATWU4Z.js +0 -2
- package/dist/cdn/IBQT5TXA.js +0 -2
- package/dist/cdn/J3OY6YTK.js +0 -2
- package/dist/cdn/JQVTSKVB.js +0 -2
- package/dist/cdn/JWTZ3Q2T.js +0 -2
- package/dist/cdn/NLXKYZUI.js +0 -2
- package/dist/cdn/OX7HOZ72.js +0 -2
- package/dist/cdn/PJPMROB7.js +0 -2
- package/dist/cdn/RWYS4UGQ.js +0 -2
- package/dist/cdn/RX4COZVH.js +0 -2
- package/dist/cdn/Z6343LZG.js +0 -2
- package/dist/cdn/ZYEUKPGT.js +0 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import t from"./L4E7PSXN.js";import{a as W}from"./3TPTF5I7.js";import{a as $,b as Y,e as Q}from"./RUUYSZO3.js";import{a as ee}from"./SBHIJW76.js";import{a as D}from"./VFP7AKUR.js";import{a as J}from"./HAJ2VWEU.js";import s from"./IUWWS4XW.js";import{a as f}from"./S5OM65RV.js";import r from"./2JUKPBNE.js";import{d as l}from"./FPDW4F45.js";import{a as P}from"./6WQPKBUS.js";import q from"./LY46M2NC.js";import p from"./RJN6DNHI.js";import m from"./SJ74QWGI.js";import k from"./YC2QAZQ5.js";import j from"./3V3NUR6Q.js";import i from"./ZWABUONN.js";import g from"./HYEINZ2W.js";import e from"./76YPTUIV.js";import d from"./JLFJWDPQ.js";import c from"./SD2G2LCW.js";import"./KZ7WEJMS.js";import a from"./BVFVLX3U.js";import{n as b}from"./DGTF5KBL.js";import"./SPAXIJWK.js";import{a as K}from"./F3M5Q4I6.js";import{e as I,f as B,j as X,m as L,q as w}from"./2OGUU3CF.js";import"./EZM4ZDQI.js";import{a as o,k as z}from"./ETLJKITO.js";import{A as h,B as U,D as S,F as _,g as F,h as n,m as C,x as N,y as A,z as V}from"./XQ26L3RE.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,,,{substitute:ie},,,,,,,{Eb:x,Jd:O,Ma:H,Nb:v,Nd:T,Ub:R},,,,,,{a:Z},,,,,{r:G},{a:j,d:y,e:q},{b:k}])=>{var d={chartUIComponent:"chart-ui-component",tabBar:"tab-bar",tab:"tab"};function te(m,e){let a=new Set,t=e;return m?.forEach((i,s)=>{let r=i.chartId;(a.has(r)||r===void 0||r==="")&&(i.chartId=`Chart_${Date.now()}_${s}`,e===r&&(t=i.chartId)),a.add(r)}),t}function se(m,e,a){return m?.filter(t=>x(a,t.config)&&t.layer?.id===e)??[]}function re(m){let{modelList:e,layerList:a,activeLayerId:t,disableEditing:i}=m,s=new Map;return e?.forEach(r=>{let c=r.layer;c&&s.set(c.id,c)}),i||a.forEach(r=>s.set(r.id,r)),Array.from(s.values()).filter(r=>!t||r.id===t)}function oe(m,e){m.forEach(a=>{e.forEach(t=>{a?.id===t.layer?.id&&ae(a,t)})})}function ae(m,e){let a=m;if(a){let t=[...a?.charts??[]],i=t?.findIndex(r=>r.id===e.chartId),s=!1;i!==void 0&&i>-1?(s=!b(t[i],e.config),t[i]=e.config):a&&!T(e.config)&&(s=!0,t.push(e.config)),s&&(a.charts=t)}}function ce(m,e){let a=m;if(a){let t=[...a.charts??[]],i=t.findIndex(s=>s.id===e);i>-1&&(t.splice(i,1),a.charts=t)}}function le(m,e){let a=m;if(a){let t=[...a.charts??[]];t=v({arrayA:t,arrayB:e.map(i=>i.config),getKey:i=>i.id??i.title?.content.text??""}),a.charts=t}}var ne=F`:host{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;height:inherit;max-height:100%}.chart-ui-component{overflow-y:auto;overflow-x:hidden}.label{display:flex;margin-left:1rem;margin-bottom:.5rem;justify-content:space-between}.text{display:flex;margin-left:1rem;width:calc(100% - 1.5rem);height:2rem;margin-bottom:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:scroll}.row{padding:.5rem}.bin-count-container{display:flex;width:calc(100% - 1rem);padding:.5rem}.bin-count-slider{margin-left:1rem;width:calc(90% - 1rem)}.bin-count-input{margin-left:1rem;height:2rem;width:2rem}.bin-row{padding:.5rem 0 .5rem .5rem}.tab-bar{display:flex}.tab{flex:1;height:2.5rem}`,E=class extends V{constructor(){super(),this.selectChartTypePopover=null,this.chartsListFlowItem=N(),this.supportedChartTypes=[o.BarSeries,o.BoxPlotSeries,o.LineSeries,o.PieSeries,o.HistogramSeries,o.ScatterSeries,o.HeatSeries],this._messages=P(),this.commonStrings=P({name:"common",blocking:!0}),this.chartDataProcessComplete=e=>{let a=e,{chartData:t,model:i}=a.detail,s=this.getModel(this.selectedChartId);if(i?.isSameChartAs(s))switch(s?.chartType){case o.HistogramSeries:this.chartData=t,i&&(i.dataStore.chartData=t);break;case o.PieSeries:{this.chartData=t,i&&(i.dataStore.chartData=t);break}case o.ScatterSeries:{let r=t,{dataItems:c,r2:u,aggregated:g}=r,p=u;Number.isFinite(u)||(p=void 0),this.r2=p,X(i)&&(i.dataStore.r2=p,i.dataStore.aggregated=g,g&&(i.additionalTooltipField=void 0)),this.calculatedDataMinMaxBounds=this.getDataExtent(c),i&&(i.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds);break}case o.LineSeries:case o.BarSeries:{let{dataItems:r,timeIntervalInfo:c}=t;if((B(s)||I(s)&&s.binTemporalData)&&(c?.size!==void 0&&s.temporalBinningSize!==c?.size&&(s.temporalBinningSize=c?.size),c?.unit!==void 0&&s.temporalBinningUnit!==c?.unit&&c?.unit!==z.Quarter&&(s.temporalBinningUnit=c?.unit),c?.size!==void 0&&c?.unit!==void 0&&Q($,{size:c.size,unit:c.unit})),this.calculatedDataMinMaxBounds=this.getDataExtent(r),i&&(i.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds),I(s)){let u=s.xAxisField,g=r.some(M=>M[u]===null),p=s.nullCategory;g&&p===void 0&&(s.nullCategory=H.nullCategory)}break}case o.HeatSeries:{this.chartData=t,i&&(i.dataStore.chartData=t);break}}},this.chartAxesMinMaxChange=e=>{let a=e,{bounds:t,model:i}=a.detail,s=this.getModel(this.selectedChartId),r=i?.isSameChartAs(s),c=s?.chartType;if(r)switch(c){case o.BarSeries:case o.BoxPlotSeries:case o.LineSeries:case o.HistogramSeries:case o.ScatterSeries:this.calculatedMinMaxBounds=t,i&&(i.dataStore.calculatedMinMaxBounds=t),this.updateAxesBoundsInAppState(t);break}},this.chartSeriesColorChange=e=>{let a=e,{data:t,model:i}=a.detail,s=this.getModel(this.selectedChartId);if(i?.isSameChartAs(s))switch(s?.chartType){case o.BarSeries:case o.BoxPlotSeries:case o.LineSeries:case o.HistogramSeries:this.seriesColor=t,i&&(i.dataStore.seriesColor=t);break;case o.PieSeries:{let r=new Map([[0,t]]);this.seriesColor=r,i&&(i.dataStore.seriesColor=r);break}case o.ScatterSeries:}},this.chartNoRenderPropChange=e=>{let a=e,{propName:t,value:i,model:s}=a.detail,r=this.modelList.find(c=>s?.isSameChartAs(c));if(r)switch(t){case"rotation":typeof i=="boolean"&&Z(r)&&(r.rotatedState=i);break;case"legendPosition":typeof i=="string"&&w(r)&&(r.legendPosition=i);break;case"legendVisibility":typeof i=="boolean"&&w(r)&&(r.legendVisibility=i);break}},this.chartLegendItemVisibilityChange=e=>{let a=e,{legendItemVisibility:t,model:i}=a.detail,s=this.modelList.find(r=>i?.isSameChartAs(r));s?.setSeriesVisibility(t),L(s)&&((s.getMinBound(1)===null||Number.isNaN(s.getMinBound(1)))&&s.setMinBound(null,1),(s.getMaxBound(1)===null||Number.isNaN(s.getMaxBound(1)))&&s.setMaxBound(null,1),B(s)&&((s.getMinBound(0)===null||Number.isNaN(s.getMinBound(0)))&&s.setMinBound(null,0),(s.getMaxBound(0)===null||Number.isNaN(s.getMaxBound(0)))&&s.setMaxBound(null,0)))},this.onSelectChartTypeChange=e=>{this.currentChartTypeText="",this.calculatedDataMinMaxBounds=void 0,this.calculatedMinMaxBounds=void 0,this.removeSelectChartTypePopover();let{selectedModelType:a,layerId:t}=e.target;a!==void 0&&(this.allowChartSyncing=!0,this.arcgisChartsConfigNewChart.emit({key:"key",chartType:a,layerId:t}))},this.onAddChartClose=()=>{this.removeSelectChartTypePopover()},this.onModelConfigChange=e=>{if(this.syncChartsToLayers&&this.allowChartSyncing){let a=e.target;ae(a?.layer,a)}this.requestUpdate()},this.allowChartSyncing=!1,this.currentChartTypeText="",this.modelList=[],this.layerList=[],this.disableEditing=!1,this.syncChartsToLayers=!1,this.panelNumber=0,this.arcgisChartsConfigChartViewChartClose=C(),this.arcgisChartsConfigModelListChange=C(),this.arcgisChartsConfigNewChart=C(),this.arcgisChartsConfigPanelNumberChange=C(),this.arcgisChartsConfigSelectedChartChange=C(),this.addChartEventListeners(),this.listen("arcgisChartsConfigModelListReorder",this.modelListReorderChangeListener)}static{this.properties={selectedPanel:16,currentChartTypeText:16,messageOverrides:0,modelList:[0,{hasChanged:y}],layerList:[0,{hasChanged:y}],selectedChartId:1,activeLayerId:1,disableEditing:5,syncChartsToLayers:5,timeZone:1,headerTitle:1,open:5,chartData:[0,{hasChanged:y}],r2:9,calculatedDataMinMaxBounds:[0,{hasChanged:y}],calculatedMinMaxBounds:[0,{hasChanged:y}],seriesColor:[0,{hasChanged:q}],popoverPlacement:1,usePopupTemplateFieldsInfo:5,panelNumber:9,filterBySelection:5}}static{this.styles=ne}async setFocus(){await this.chartsListFlowItem.value?.setFocus()}async load(){await this.layerListChange();let e=this.getModel(this.selectedChartId);this.setEventBasedPropsFromModelData(e)}willUpdate(e){e.has("layerList")&&this.layerListChange(),e.has("panelNumber")&&this.panelNumberChange(this.panelNumber),e.has("modelList")&&this.modelListChange(this.modelList,e.get("modelList")),e.has("selectedChartId")&&this.selectedChartIdChange(this.selectedChartId)}disconnectedCallback(){super.disconnectedCallback(),this.clearPartialModels(),this.removeSelectChartTypePopover()}modelListReorderChangeListener(e){let{modelList:a}=e.detail;if(this.modelList=v({arrayA:this.modelList,arrayB:a,getKey:t=>t.chartId??t.titleText??""}),this.syncChartsToLayers){let t=a.find(i=>i.layer?.id!==void 0)?.layer?.id;if(t){let i=this.layerList.find(s=>s.id.toString()===t);i&&le(i,a)}}}async layerListChange(){let e=[],a=this.layerList.map(i=>i.id.toString()),t=[...this.modelList.filter(i=>a.includes(i.layer?.id??""))];for(let i of this.layerList??[]){if(i.type==="sublayer"){let r=await i.createFeatureLayer();if(!r)continue;i=r}let s=i.charts;for(let r of s??[]){let c=await K({layer:i,config:r});c!==void 0&&e.push(c)}}te(e),e.forEach(i=>{t.find(s=>s.isSameChartAs(i))===void 0&&t.push(i)}),t=t.filter(i=>!R(i.config)),this.modelList=t}modelListChange(e,a){this.selectedChartId=te(e,this.selectedChartId),a?.forEach(i=>{i.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}),e.forEach(i=>{i.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)});let t=this.getModel(this.selectedChartId);this.currentChartTypeText=t?.chartType!==void 0?k({chartType:t.chartType,commonStrings:this.commonStrings,config:t.config}):"",this.syncChartsToLayers&&this.allowChartSyncing&&oe(this.layerList,e),this.arcgisChartsConfigModelListChange.emit({modelList:e})}selectedChartIdChange(e){this.selectedChartId===void 0&&(this.panelNumber=0),this.selectedPanel=l.Data;let a=this.getModel(e);this.setEventBasedPropsFromModelData(a),this.currentChartTypeText=a?.chartType!==void 0?k({chartType:a.chartType,commonStrings:this.commonStrings,config:a.config}):"",e!==void 0&&e!==$.selectedChartId&&($.selectedChartId=e),this.allowChartSyncing=!0,this.arcgisChartsConfigSelectedChartChange.emit({key:"key",model:a})}panelNumberChange(e){e===0?this.clearPartialModels():e===1&&this.removeSelectChartTypePopover(),this.arcgisChartsConfigPanelNumberChange.emit({panelNumber:e,modelList:this.modelList})}addChartEventListeners(){this.listenOn(document,f.DataProcessComplete,this.chartDataProcessComplete),this.listenOn(document,f.AxesMinMaxChange,this.chartAxesMinMaxChange),this.listenOn(document,f.SeriesColorChange,this.chartSeriesColorChange),this.listenOn(document,f.NoRenderPropChange,this.chartNoRenderPropChange),this.listenOn(document,f.LegendItemVisibilityChange,this.chartLegendItemVisibilityChange)}getDataExtent(e){let a=this.getModel(this.selectedChartId)?.config,t=[];if(a!==void 0&&e!==void 0){let i=O({chartConfig:a,chartData:e}),{minY:s,maxY:r,minX:c,maxX:u}=i;t=[{isXAxis:!0,minimum:c,maximum:u},{isXAxis:!1,minimum:s,maximum:r}]}return t}updateAxesBoundsInAppState(e){e?.forEach(a=>{let{isXAxis:t,maximum:i,minimum:s}=a,r=this.getModel(this.selectedChartId);if(r!==void 0&&L(r)&&this.selectedChartId!==void 0){let c=new W(r,t),u=Y({chartId:this.selectedChartId,isXAxis:t,isLogarithmic:c.getLogarithmic()}),g=$.chartAxesBoundDataMap;g[this.selectedChartId]===void 0&&(g[this.selectedChartId]={});let p=g[this.selectedChartId]?.[u],M={defaultMinBound:p?.defaultMinBound===p?.currMinBound?s:p?.defaultMinBound,currMinBound:s,defaultMaxBound:p?.defaultMaxBound===p?.currMaxBound?i:p?.defaultMaxBound,currMaxBound:i};!b(p,M)&&this.selectedChartId!==void 0&&g?.[this.selectedChartId]!==void 0&&(g[this.selectedChartId][u]=M)}})}getPlacement(){let e;return this.popoverPlacement!==void 0?e=this.popoverPlacement:e=this.modelList?.filter(a=>x(j,a.config)).length<=2?"bottom":"top",e}onBackFlow(){this.panelNumber-=1}onAddChartClick(e){let{referenceElement:a,layerId:t}=e.detail;this.setupSelectChartTypePopover(a,t)}setupSelectChartTypePopover(e,a){let t=this.getPlacement();this.removeSelectChartTypePopover(),this.selectChartTypePopover=S(n`<arcgis-charts-config-select-chart-type-popover .referenceElement=${e} open .layerId=${a} .popoverPlacement=${t} @arcgisChartsConfigPopoverClose=${this.onAddChartClose} @arcgisChartsConfigSelectChartTypeChange=${this.onSelectChartTypeChange}></arcgis-charts-config-select-chart-type-popover>`),!document.body.contains(this.selectChartTypePopover)&&this.selectChartTypePopover!==null&&document.body.appendChild(this.selectChartTypePopover)}getModel(e){return this.modelList?.find(a=>a.chartId===e)}removeSelectChartTypePopover(){this.selectChartTypePopover!==void 0&&(this.selectChartTypePopover?.remove(),this.selectChartTypePopover=J(this.selectChartTypePopover))}clearPartialModels(){this.modelList=this.modelList.filter(e=>!T(e.config))}onViewChartDelete(e){let{chartId:a}=e.detail;if(a!==void 0){let t=this.modelList.find(s=>s.chartId===a),i=this.layerList.find(s=>s.id===t?.layer?.id);this.modelList=[...this.modelList.filter(s=>s.chartId!==a)],i&&this.syncChartsToLayers&&this.allowChartSyncing&&ce(i,a)}}onViewChartsSelect(e){this.selectedChartId===e.detail.chartId&&(this.allowChartSyncing=!0,this.arcgisChartsConfigSelectedChartChange.emit({key:"key",model:this.getModel(this.selectedChartId)})),this.selectedChartId=e.detail.chartId}onViewChartsEdit(e){this.onViewChartsSelect(e),this.panelNumber=1}onViewChartClose(){this.open=!1,this.removeSelectChartTypePopover(),this.arcgisChartsConfigChartViewChartClose.emit()}setEventBasedPropsFromModelData(e){this.chartData=e?.dataStore.chartData,this.r2=e?.dataStore.r2,this.seriesColor=e?.dataStore.seriesColor,this.calculatedMinMaxBounds=e?.dataStore.calculatedMinMaxBounds,this.calculatedDataMinMaxBounds=e?.dataStore.calculatedDataMinMaxBounds}createTooltip(e){let a=e.target,t="";switch(a.icon){case"configure":t=this._messages.data??"";break;case"graph-bar-stacked":case"graph-line-series":case"box-chart-series":t=this._messages.series??"";break;case"graph-pie-slice":t=this._messages.slices??"";break;case"graph-axis":t=this._messages.axes??"";break;case"graph-guides":t=this._messages.guides??"";break;case"palette":t=this._messages.format??"";break;case"text":t=this._messages.general??"";break;default:t="";break}this.tooltip=S(n`<calcite-tooltip style=${U({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${a} open placement=top>${t}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){G(this.tooltip)}renderViewCharts(){let e=re({modelList:this.modelList,layerList:this.layerList,activeLayerId:this.activeLayerId,disableEditing:this.disableEditing});return ee(e,a=>a.id,a=>n`<arcgis-charts-config-view-charts .noGroup=${this.activeLayerId!==void 0} .modelList=${se(this.modelList,a.id.toString(),this.supportedChartTypes)} .selectedChartId=${this.selectedChartId??""} .layer=${a} .disableEditing=${this.disableEditing} @arcgisChartsConfigViewChartSelect=${this.onViewChartsSelect} @arcgisChartsConfigViewChartEdit=${this.onViewChartsEdit} @arcgisChartsConfigViewChartDelete=${this.onViewChartDelete} @arcgisChartsConfigViewChartAddChart=${this.onAddChartClick}></arcgis-charts-config-view-charts>`)}render(){return this.open!==!1?n`<calcite-flow>${D("charts-list",n`<calcite-flow-item .selected=${this.panelNumber===0||this.disableEditing} .heading=${this.headerTitle??this._messages.defaultHeaderTitle} closable @calciteFlowItemClose=${this.onViewChartClose} ${A(this.chartsListFlowItem)}>${this.renderViewCharts()}</calcite-flow-item>`)}${this.panelNumber>=1&&!this.disableEditing?this.renderTabs():null}</calcite-flow>`:null}renderTabs(){let e=this.getModel(this.selectedChartId);return D("chart-edit",n`<calcite-flow-item .selected=${this.panelNumber>=1&&!this.disableEditing} @calciteFlowItemBack=${this.onBackFlow} .heading=${this._messages[this.selectedPanel??l.Data]} .description=${this.currentChartTypeText!==""&&this._messages.pageFlowTitle!==void 0?ie(this._messages.pageFlowTitle,{chartName:e?.titleText??this.currentChartTypeText,layerName:e?.layer?.title??""}):""}>${e?.chartType!==void 0?n`<calcite-action-bar class=${h(d.tabBar)} layout=horizontal expand-disabled><calcite-action class=${h(d.tab)} icon=configure scale=s alignment=center .active=${this.selectedPanel===l.Data||this.selectedPanel===void 0} @click=${()=>{this.selectedPanel=l.Data}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>${e?.chartType===o.BarSeries?n`<calcite-action class=${h(d.tab)} icon=graph-bar-stacked scale=s alignment=center .active=${this.selectedPanel===l.Series} @click=${()=>{this.selectedPanel=l.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType===o.LineSeries?n`<calcite-action class=${h(d.tab)} icon=graph-line-series scale=s alignment=center .active=${this.selectedPanel===l.Series} @click=${()=>{this.selectedPanel=l.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType===o.BoxPlotSeries?n`<calcite-action class=${h(d.tab)} icon=box-chart-series scale=s alignment=center .active=${this.selectedPanel===l.Series} @click=${()=>{this.selectedPanel=l.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType===o.PieSeries?n`<calcite-action class=${h(d.tab)} icon=graph-pie-slice scale=s alignment=center .active=${this.selectedPanel===l.Slices} @click=${()=>{this.selectedPanel=l.Slices}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType!==o.PieSeries&&e?.chartType!==o.HeatSeries?n`<calcite-action class=${h(d.tab)} icon=graph-axis scale=s alignment=center .active=${this.selectedPanel===l.Axes} @click=${()=>{this.selectedPanel=l.Axes}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType!==o.PieSeries&&e?.chartType!==o.HeatSeries?n`<calcite-action class=${h(d.tab)} icon=graph-guides scale=s alignment=center .active=${this.selectedPanel===l.Guides} @click=${()=>{this.selectedPanel=l.Guides}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}<calcite-action class=${h(d.tab)} icon=palette scale=s alignment=center .active=${this.selectedPanel===l.Format} @click=${()=>{this.selectedPanel=l.Format}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action><calcite-action class=${h(d.tab)} icon=text scale=s alignment=center .active=${this.selectedPanel===l.General} @click=${()=>{this.selectedPanel=l.General}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action></calcite-action-bar>`:null}${this.renderChartUIComponent()}</calcite-flow-item>`)}renderChartUIComponent(){let e=this.getModel(this.selectedChartId),a=e?.layer,t=null;if(e!==void 0&&!this.disableEditing)switch(e?.chartType){case o.BarSeries:t=n`<arcgis-charts-config-bar-chart class=${h(d.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${a} .page=${this.selectedPanel??l.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-bar-chart>`;break;case o.LineSeries:t=n`<arcgis-charts-config-line-chart class=${h(d.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${a} .page=${this.selectedPanel??l.Data} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-line-chart>`;break;case o.PieSeries:t=n`<arcgis-charts-config-pie-chart class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${a} .chartData=${this.chartData} .page=${this.selectedPanel??l.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor} .filterBySelection=${this.filterBySelection}></arcgis-charts-config-pie-chart>`;break;case o.HistogramSeries:t=n`<arcgis-charts-config-histogram class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${a} .page=${this.selectedPanel??l.Data} .chartData=${this.chartData} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-histogram>`;break;case o.ScatterSeries:t=n`<arcgis-charts-config-scatter-plot class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${a} .page=${this.selectedPanel??l.Data} .r2=${this.r2} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-scatter-plot>`;break;case o.BoxPlotSeries:t=n`<arcgis-charts-config-box-plot class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${a} .page=${this.selectedPanel??l.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-box-plot>`;break;case o.HeatSeries:t=n`<arcgis-charts-config-heat-chart class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .chartData=${this.chartData} .layer=${a} .page=${this.selectedPanel??l.Data}></arcgis-charts-config-heat-chart>`;break}return t}};_("arcgis-charts-config-create-flow",E);return E},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","AttributeBinsGraphic","core/promiseUtils",a,c,d,e,g,i,j,k,m,p,q,r,s,t)
|
|
2
|
+
import t from"./OBSMBH62.js";import{a as W}from"./3TPTF5I7.js";import{a as $,b as Y,e as Q}from"./RUUYSZO3.js";import{a as ee}from"./SBHIJW76.js";import{a as D}from"./VFP7AKUR.js";import{a as J}from"./HAJ2VWEU.js";import s from"./WL34DGXY.js";import{a as f}from"./S5OM65RV.js";import r from"./OZ7IZCS5.js";import{d as l}from"./FPDW4F45.js";import{a as P}from"./6WQPKBUS.js";import q from"./XKYZJAX2.js";import p from"./WVNSR4SR.js";import m from"./4RTN2F3A.js";import k from"./IDCUWB47.js";import j from"./N2ZRK46C.js";import i from"./3MJNDW3O.js";import g from"./YAIXJAXB.js";import e from"./KITWKIQT.js";import d from"./MZD5VJSC.js";import c from"./UZXMOHSJ.js";import"./KZ7WEJMS.js";import a from"./CKEEXG7J.js";import{n as b}from"./DGTF5KBL.js";import"./SPAXIJWK.js";import{a as K}from"./CONUNOKN.js";import{e as I,f as B,j as X,m as L,q as w}from"./2OGUU3CF.js";import"./EZM4ZDQI.js";import{a as o,k as z}from"./ETLJKITO.js";import{A as h,B as U,D as S,F as _,g as F,h as n,m as C,x as N,y as A,z as V}from"./XQ26L3RE.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,,,{substitute:ie},,,,,,,{Eb:x,Jd:O,Ma:H,Nb:v,Nd:T,Ub:R},,,,,,{a:Z},,,,,{r:G},{a:j,d:y,e:q},{b:k}])=>{var d={chartUIComponent:"chart-ui-component",tabBar:"tab-bar",tab:"tab"};function te(m,e){let a=new Set,t=e;return m?.forEach((i,s)=>{let r=i.chartId;(a.has(r)||r===void 0||r==="")&&(i.chartId=`Chart_${Date.now()}_${s}`,e===r&&(t=i.chartId)),a.add(r)}),t}function se(m,e,a){return m?.filter(t=>x(a,t.config)&&t.layer?.id===e)??[]}function re(m){let{modelList:e,layerList:a,activeLayerId:t,disableEditing:i}=m,s=new Map;return e?.forEach(r=>{let c=r.layer;c&&s.set(c.id,c)}),i||a.forEach(r=>s.set(r.id,r)),Array.from(s.values()).filter(r=>!t||r.id===t)}function oe(m,e){m.forEach(a=>{e.forEach(t=>{a?.id===t.layer?.id&&ae(a,t)})})}function ae(m,e){let a=m;if(a){let t=[...a?.charts??[]],i=t?.findIndex(r=>r.id===e.chartId),s=!1;i!==void 0&&i>-1?(s=!b(t[i],e.config),t[i]=e.config):a&&!T(e.config)&&(s=!0,t.push(e.config)),s&&(a.charts=t)}}function ce(m,e){let a=m;if(a){let t=[...a.charts??[]],i=t.findIndex(s=>s.id===e);i>-1&&(t.splice(i,1),a.charts=t)}}function le(m,e){let a=m;if(a){let t=[...a.charts??[]];t=v({arrayA:t,arrayB:e.map(i=>i.config),getKey:i=>i.id??i.title?.content.text??""}),a.charts=t}}var ne=F`:host{display:flex;flex-direction:column;flex:1 1 auto;overflow:hidden;height:inherit;max-height:100%}.chart-ui-component{overflow-y:auto;overflow-x:hidden}.label{display:flex;margin-left:1rem;margin-bottom:.5rem;justify-content:space-between}.text{display:flex;margin-left:1rem;width:calc(100% - 1.5rem);height:2rem;margin-bottom:.5rem;justify-content:space-between}.field-list{max-height:50vh;overflow-y:scroll}.row{padding:.5rem}.bin-count-container{display:flex;width:calc(100% - 1rem);padding:.5rem}.bin-count-slider{margin-left:1rem;width:calc(90% - 1rem)}.bin-count-input{margin-left:1rem;height:2rem;width:2rem}.bin-row{padding:.5rem 0 .5rem .5rem}.tab-bar{display:flex}.tab{flex:1;height:2.5rem}`,E=class extends V{constructor(){super(),this.selectChartTypePopover=null,this.chartsListFlowItem=N(),this.supportedChartTypes=[o.BarSeries,o.BoxPlotSeries,o.LineSeries,o.PieSeries,o.HistogramSeries,o.ScatterSeries,o.HeatSeries],this._messages=P(),this.commonStrings=P({name:"common",blocking:!0}),this.chartDataProcessComplete=e=>{let a=e,{chartData:t,model:i}=a.detail,s=this.getModel(this.selectedChartId);if(i?.isSameChartAs(s))switch(s?.chartType){case o.HistogramSeries:this.chartData=t,i&&(i.dataStore.chartData=t);break;case o.PieSeries:{this.chartData=t,i&&(i.dataStore.chartData=t);break}case o.ScatterSeries:{let r=t,{dataItems:c,r2:u,aggregated:g}=r,p=u;Number.isFinite(u)||(p=void 0),this.r2=p,X(i)&&(i.dataStore.r2=p,i.dataStore.aggregated=g,g&&(i.additionalTooltipField=void 0)),this.calculatedDataMinMaxBounds=this.getDataExtent(c),i&&(i.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds);break}case o.LineSeries:case o.BarSeries:{let{dataItems:r,timeIntervalInfo:c}=t;if((B(s)||I(s)&&s.binTemporalData)&&(c?.size!==void 0&&s.temporalBinningSize!==c?.size&&(s.temporalBinningSize=c?.size),c?.unit!==void 0&&s.temporalBinningUnit!==c?.unit&&c?.unit!==z.Quarter&&(s.temporalBinningUnit=c?.unit),c?.size!==void 0&&c?.unit!==void 0&&Q($,{size:c.size,unit:c.unit})),this.calculatedDataMinMaxBounds=this.getDataExtent(r),i&&(i.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds),I(s)){let u=s.xAxisField,g=r.some(M=>M[u]===null),p=s.nullCategory;g&&p===void 0&&(s.nullCategory=H.nullCategory)}break}case o.HeatSeries:{this.chartData=t,i&&(i.dataStore.chartData=t);break}}},this.chartAxesMinMaxChange=e=>{let a=e,{bounds:t,model:i}=a.detail,s=this.getModel(this.selectedChartId),r=i?.isSameChartAs(s),c=s?.chartType;if(r)switch(c){case o.BarSeries:case o.BoxPlotSeries:case o.LineSeries:case o.HistogramSeries:case o.ScatterSeries:this.calculatedMinMaxBounds=t,i&&(i.dataStore.calculatedMinMaxBounds=t),this.updateAxesBoundsInAppState(t);break}},this.chartSeriesColorChange=e=>{let a=e,{data:t,model:i}=a.detail,s=this.getModel(this.selectedChartId);if(i?.isSameChartAs(s))switch(s?.chartType){case o.BarSeries:case o.BoxPlotSeries:case o.LineSeries:case o.HistogramSeries:this.seriesColor=t,i&&(i.dataStore.seriesColor=t);break;case o.PieSeries:{let r=new Map([[0,t]]);this.seriesColor=r,i&&(i.dataStore.seriesColor=r);break}case o.ScatterSeries:}},this.chartNoRenderPropChange=e=>{let a=e,{propName:t,value:i,model:s}=a.detail,r=this.modelList.find(c=>s?.isSameChartAs(c));if(r)switch(t){case"rotation":typeof i=="boolean"&&Z(r)&&(r.rotatedState=i);break;case"legendPosition":typeof i=="string"&&w(r)&&(r.legendPosition=i);break;case"legendVisibility":typeof i=="boolean"&&w(r)&&(r.legendVisibility=i);break}},this.chartLegendItemVisibilityChange=e=>{let a=e,{legendItemVisibility:t,model:i}=a.detail,s=this.modelList.find(r=>i?.isSameChartAs(r));s?.setSeriesVisibility(t),L(s)&&((s.getMinBound(1)===null||Number.isNaN(s.getMinBound(1)))&&s.setMinBound(null,1),(s.getMaxBound(1)===null||Number.isNaN(s.getMaxBound(1)))&&s.setMaxBound(null,1),B(s)&&((s.getMinBound(0)===null||Number.isNaN(s.getMinBound(0)))&&s.setMinBound(null,0),(s.getMaxBound(0)===null||Number.isNaN(s.getMaxBound(0)))&&s.setMaxBound(null,0)))},this.onSelectChartTypeChange=e=>{this.currentChartTypeText="",this.calculatedDataMinMaxBounds=void 0,this.calculatedMinMaxBounds=void 0,this.removeSelectChartTypePopover();let{selectedModelType:a,layerId:t}=e.target;a!==void 0&&(this.allowChartSyncing=!0,this.arcgisChartsConfigNewChart.emit({key:"key",chartType:a,layerId:t}))},this.onAddChartClose=()=>{this.removeSelectChartTypePopover()},this.onModelConfigChange=e=>{if(this.syncChartsToLayers&&this.allowChartSyncing){let a=e.target;ae(a?.layer,a)}this.requestUpdate()},this.allowChartSyncing=!1,this.currentChartTypeText="",this.modelList=[],this.layerList=[],this.disableEditing=!1,this.syncChartsToLayers=!1,this.panelNumber=0,this.arcgisChartsConfigChartViewChartClose=C(),this.arcgisChartsConfigModelListChange=C(),this.arcgisChartsConfigNewChart=C(),this.arcgisChartsConfigPanelNumberChange=C(),this.arcgisChartsConfigSelectedChartChange=C(),this.addChartEventListeners(),this.listen("arcgisChartsConfigModelListReorder",this.modelListReorderChangeListener)}static{this.properties={selectedPanel:16,currentChartTypeText:16,messageOverrides:0,modelList:[0,{hasChanged:y}],layerList:[0,{hasChanged:y}],selectedChartId:1,activeLayerId:1,disableEditing:5,syncChartsToLayers:5,timeZone:1,headerTitle:1,open:5,chartData:[0,{hasChanged:y}],r2:9,calculatedDataMinMaxBounds:[0,{hasChanged:y}],calculatedMinMaxBounds:[0,{hasChanged:y}],seriesColor:[0,{hasChanged:q}],popoverPlacement:1,usePopupTemplateFieldsInfo:5,panelNumber:9,filterBySelection:5}}static{this.styles=ne}async setFocus(){await this.chartsListFlowItem.value?.setFocus()}async load(){await this.layerListChange();let e=this.getModel(this.selectedChartId);this.setEventBasedPropsFromModelData(e)}willUpdate(e){e.has("layerList")&&this.layerListChange(),e.has("panelNumber")&&this.panelNumberChange(this.panelNumber),e.has("modelList")&&this.modelListChange(this.modelList,e.get("modelList")),e.has("selectedChartId")&&this.selectedChartIdChange(this.selectedChartId)}disconnectedCallback(){super.disconnectedCallback(),this.clearPartialModels(),this.removeSelectChartTypePopover()}modelListReorderChangeListener(e){let{modelList:a}=e.detail;if(this.modelList=v({arrayA:this.modelList,arrayB:a,getKey:t=>t.chartId??t.titleText??""}),this.syncChartsToLayers){let t=a.find(i=>i.layer?.id!==void 0)?.layer?.id;if(t){let i=this.layerList.find(s=>s.id.toString()===t);i&&le(i,a)}}}async layerListChange(){let e=[],a=this.layerList.map(i=>i.id.toString()),t=[...this.modelList.filter(i=>a.includes(i.layer?.id??""))];for(let i of this.layerList??[]){if(i.type==="sublayer"){let r=await i.createFeatureLayer();if(!r)continue;i=r}let s=i.charts;for(let r of s??[]){let c=await K({layer:i,config:r});c!==void 0&&e.push(c)}}te(e),e.forEach(i=>{t.find(s=>s.isSameChartAs(i))===void 0&&t.push(i)}),t=t.filter(i=>!R(i.config)),this.modelList=t}modelListChange(e,a){this.selectedChartId=te(e,this.selectedChartId),a?.forEach(i=>{i.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}),e.forEach(i=>{i.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)});let t=this.getModel(this.selectedChartId);this.currentChartTypeText=t?.chartType!==void 0?k({chartType:t.chartType,commonStrings:this.commonStrings,config:t.config}):"",this.syncChartsToLayers&&this.allowChartSyncing&&oe(this.layerList,e),this.arcgisChartsConfigModelListChange.emit({modelList:e})}selectedChartIdChange(e){this.selectedChartId===void 0&&(this.panelNumber=0),this.selectedPanel=l.Data;let a=this.getModel(e);this.setEventBasedPropsFromModelData(a),this.currentChartTypeText=a?.chartType!==void 0?k({chartType:a.chartType,commonStrings:this.commonStrings,config:a.config}):"",e!==void 0&&e!==$.selectedChartId&&($.selectedChartId=e),this.allowChartSyncing=!0,this.arcgisChartsConfigSelectedChartChange.emit({key:"key",model:a})}panelNumberChange(e){e===0?this.clearPartialModels():e===1&&this.removeSelectChartTypePopover(),this.arcgisChartsConfigPanelNumberChange.emit({panelNumber:e,modelList:this.modelList})}addChartEventListeners(){this.listenOn(document,f.DataProcessComplete,this.chartDataProcessComplete),this.listenOn(document,f.AxesMinMaxChange,this.chartAxesMinMaxChange),this.listenOn(document,f.SeriesColorChange,this.chartSeriesColorChange),this.listenOn(document,f.NoRenderPropChange,this.chartNoRenderPropChange),this.listenOn(document,f.LegendItemVisibilityChange,this.chartLegendItemVisibilityChange)}getDataExtent(e){let a=this.getModel(this.selectedChartId)?.config,t=[];if(a!==void 0&&e!==void 0){let i=O({chartConfig:a,chartData:e}),{minY:s,maxY:r,minX:c,maxX:u}=i;t=[{isXAxis:!0,minimum:c,maximum:u},{isXAxis:!1,minimum:s,maximum:r}]}return t}updateAxesBoundsInAppState(e){e?.forEach(a=>{let{isXAxis:t,maximum:i,minimum:s}=a,r=this.getModel(this.selectedChartId);if(r!==void 0&&L(r)&&this.selectedChartId!==void 0){let c=new W(r,t),u=Y({chartId:this.selectedChartId,isXAxis:t,isLogarithmic:c.getLogarithmic()}),g=$.chartAxesBoundDataMap;g[this.selectedChartId]===void 0&&(g[this.selectedChartId]={});let p=g[this.selectedChartId]?.[u],M={defaultMinBound:p?.defaultMinBound===p?.currMinBound?s:p?.defaultMinBound,currMinBound:s,defaultMaxBound:p?.defaultMaxBound===p?.currMaxBound?i:p?.defaultMaxBound,currMaxBound:i};!b(p,M)&&this.selectedChartId!==void 0&&g?.[this.selectedChartId]!==void 0&&(g[this.selectedChartId][u]=M)}})}getPlacement(){let e;return this.popoverPlacement!==void 0?e=this.popoverPlacement:e=this.modelList?.filter(a=>x(j,a.config)).length<=2?"bottom":"top",e}onBackFlow(){this.panelNumber-=1}onAddChartClick(e){let{referenceElement:a,layerId:t}=e.detail;this.setupSelectChartTypePopover(a,t)}setupSelectChartTypePopover(e,a){let t=this.getPlacement();this.removeSelectChartTypePopover(),this.selectChartTypePopover=S(n`<arcgis-charts-config-select-chart-type-popover .referenceElement=${e} open .layerId=${a} .popoverPlacement=${t} @arcgisChartsConfigPopoverClose=${this.onAddChartClose} @arcgisChartsConfigSelectChartTypeChange=${this.onSelectChartTypeChange}></arcgis-charts-config-select-chart-type-popover>`),!document.body.contains(this.selectChartTypePopover)&&this.selectChartTypePopover!==null&&document.body.appendChild(this.selectChartTypePopover)}getModel(e){return this.modelList?.find(a=>a.chartId===e)}removeSelectChartTypePopover(){this.selectChartTypePopover!==void 0&&(this.selectChartTypePopover?.remove(),this.selectChartTypePopover=J(this.selectChartTypePopover))}clearPartialModels(){this.modelList=this.modelList.filter(e=>!T(e.config))}onViewChartDelete(e){let{chartId:a}=e.detail;if(a!==void 0){let t=this.modelList.find(s=>s.chartId===a),i=this.layerList.find(s=>s.id===t?.layer?.id);this.modelList=[...this.modelList.filter(s=>s.chartId!==a)],i&&this.syncChartsToLayers&&this.allowChartSyncing&&ce(i,a)}}onViewChartsSelect(e){this.selectedChartId===e.detail.chartId&&(this.allowChartSyncing=!0,this.arcgisChartsConfigSelectedChartChange.emit({key:"key",model:this.getModel(this.selectedChartId)})),this.selectedChartId=e.detail.chartId}onViewChartsEdit(e){this.onViewChartsSelect(e),this.panelNumber=1}onViewChartClose(){this.open=!1,this.removeSelectChartTypePopover(),this.arcgisChartsConfigChartViewChartClose.emit()}setEventBasedPropsFromModelData(e){this.chartData=e?.dataStore.chartData,this.r2=e?.dataStore.r2,this.seriesColor=e?.dataStore.seriesColor,this.calculatedMinMaxBounds=e?.dataStore.calculatedMinMaxBounds,this.calculatedDataMinMaxBounds=e?.dataStore.calculatedDataMinMaxBounds}createTooltip(e){let a=e.target,t="";switch(a.icon){case"configure":t=this._messages.data??"";break;case"graph-bar-stacked":case"graph-line-series":case"box-chart-series":t=this._messages.series??"";break;case"graph-pie-slice":t=this._messages.slices??"";break;case"graph-axis":t=this._messages.axes??"";break;case"graph-guides":t=this._messages.guides??"";break;case"palette":t=this._messages.format??"";break;case"text":t=this._messages.general??"";break;default:t="";break}this.tooltip=S(n`<calcite-tooltip style=${U({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${a} open placement=top>${t}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){G(this.tooltip)}renderViewCharts(){let e=re({modelList:this.modelList,layerList:this.layerList,activeLayerId:this.activeLayerId,disableEditing:this.disableEditing});return ee(e,a=>a.id,a=>n`<arcgis-charts-config-view-charts .noGroup=${this.activeLayerId!==void 0} .modelList=${se(this.modelList,a.id.toString(),this.supportedChartTypes)} .selectedChartId=${this.selectedChartId??""} .layer=${a} .disableEditing=${this.disableEditing} @arcgisChartsConfigViewChartSelect=${this.onViewChartsSelect} @arcgisChartsConfigViewChartEdit=${this.onViewChartsEdit} @arcgisChartsConfigViewChartDelete=${this.onViewChartDelete} @arcgisChartsConfigViewChartAddChart=${this.onAddChartClick}></arcgis-charts-config-view-charts>`)}render(){return this.open!==!1?n`<calcite-flow>${D("charts-list",n`<calcite-flow-item .selected=${this.panelNumber===0||this.disableEditing} .heading=${this.headerTitle??this._messages.defaultHeaderTitle} closable @calciteFlowItemClose=${this.onViewChartClose} ${A(this.chartsListFlowItem)}>${this.renderViewCharts()}</calcite-flow-item>`)}${this.panelNumber>=1&&!this.disableEditing?this.renderTabs():null}</calcite-flow>`:null}renderTabs(){let e=this.getModel(this.selectedChartId);return D("chart-edit",n`<calcite-flow-item .selected=${this.panelNumber>=1&&!this.disableEditing} @calciteFlowItemBack=${this.onBackFlow} .heading=${this._messages[this.selectedPanel??l.Data]} .description=${this.currentChartTypeText!==""&&this._messages.pageFlowTitle!==void 0?ie(this._messages.pageFlowTitle,{chartName:e?.titleText??this.currentChartTypeText,layerName:e?.layer?.title??""}):""}>${e?.chartType!==void 0?n`<calcite-action-bar class=${h(d.tabBar)} layout=horizontal expand-disabled><calcite-action class=${h(d.tab)} icon=configure scale=s alignment=center .active=${this.selectedPanel===l.Data||this.selectedPanel===void 0} @click=${()=>{this.selectedPanel=l.Data}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>${e?.chartType===o.BarSeries?n`<calcite-action class=${h(d.tab)} icon=graph-bar-stacked scale=s alignment=center .active=${this.selectedPanel===l.Series} @click=${()=>{this.selectedPanel=l.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType===o.LineSeries?n`<calcite-action class=${h(d.tab)} icon=graph-line-series scale=s alignment=center .active=${this.selectedPanel===l.Series} @click=${()=>{this.selectedPanel=l.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType===o.BoxPlotSeries?n`<calcite-action class=${h(d.tab)} icon=box-chart-series scale=s alignment=center .active=${this.selectedPanel===l.Series} @click=${()=>{this.selectedPanel=l.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType===o.PieSeries?n`<calcite-action class=${h(d.tab)} icon=graph-pie-slice scale=s alignment=center .active=${this.selectedPanel===l.Slices} @click=${()=>{this.selectedPanel=l.Slices}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType!==o.PieSeries&&e?.chartType!==o.HeatSeries?n`<calcite-action class=${h(d.tab)} icon=graph-axis scale=s alignment=center .active=${this.selectedPanel===l.Axes} @click=${()=>{this.selectedPanel=l.Axes}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.chartType!==o.PieSeries&&e?.chartType!==o.HeatSeries?n`<calcite-action class=${h(d.tab)} icon=graph-guides scale=s alignment=center .active=${this.selectedPanel===l.Guides} @click=${()=>{this.selectedPanel=l.Guides}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}<calcite-action class=${h(d.tab)} icon=palette scale=s alignment=center .active=${this.selectedPanel===l.Format} @click=${()=>{this.selectedPanel=l.Format}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action><calcite-action class=${h(d.tab)} icon=text scale=s alignment=center .active=${this.selectedPanel===l.General} @click=${()=>{this.selectedPanel=l.General}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action></calcite-action-bar>`:null}${this.renderChartUIComponent()}</calcite-flow-item>`)}renderChartUIComponent(){let e=this.getModel(this.selectedChartId),a=e?.layer,t=null;if(e!==void 0&&!this.disableEditing)switch(e?.chartType){case o.BarSeries:t=n`<arcgis-charts-config-bar-chart class=${h(d.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${a} .page=${this.selectedPanel??l.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-bar-chart>`;break;case o.LineSeries:t=n`<arcgis-charts-config-line-chart class=${h(d.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${a} .page=${this.selectedPanel??l.Data} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-line-chart>`;break;case o.PieSeries:t=n`<arcgis-charts-config-pie-chart class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${a} .chartData=${this.chartData} .page=${this.selectedPanel??l.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor} .filterBySelection=${this.filterBySelection}></arcgis-charts-config-pie-chart>`;break;case o.HistogramSeries:t=n`<arcgis-charts-config-histogram class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${a} .page=${this.selectedPanel??l.Data} .chartData=${this.chartData} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-histogram>`;break;case o.ScatterSeries:t=n`<arcgis-charts-config-scatter-plot class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${a} .page=${this.selectedPanel??l.Data} .r2=${this.r2} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-scatter-plot>`;break;case o.BoxPlotSeries:t=n`<arcgis-charts-config-box-plot class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${a} .page=${this.selectedPanel??l.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-box-plot>`;break;case o.HeatSeries:t=n`<arcgis-charts-config-heat-chart class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .chartData=${this.chartData} .layer=${a} .page=${this.selectedPanel??l.Data}></arcgis-charts-config-heat-chart>`;break}return t}};_("arcgis-charts-config-create-flow",E);return E},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","AttributeBinsGraphic","core/promiseUtils",a,c,d,e,g,i,j,k,m,p,q,r,s,t)
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
+
import{a as y}from"./SBHIJW76.js";import{a as $}from"./VFP7AKUR.js";import{b as K,c as B}from"./HAJ2VWEU.js";import e from"./OZ7IZCS5.js";import{f as s}from"./FPDW4F45.js";import{a as f}from"./6WQPKBUS.js";import d from"./UZXMOHSJ.js";import"./KZ7WEJMS.js";import c from"./CKEEXG7J.js";import{n as b,v as P}from"./DGTF5KBL.js";import"./SPAXIJWK.js";import"./EZM4ZDQI.js";import{k as r,o as h}from"./ETLJKITO.js";import{A as o,F,g as k,h as a,m as u,x as p,y as m,z as I}from"./XQ26L3RE.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,,,,,,,,,,{Bb:E,Da:x,Ea:A,Gb:S,Hc:v,Ic:D,Jc:T},,{a:z,c:C,g:w,k:d,o:N}])=>{var _=k`.hide{display:none}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.name{display:flex;flex-direction:column;margin:.5rem;padding:.5rem;background:#fff;min-width:250px}.header{margin:0;font-weight:bolder}.fab{display:flex;justify-content:stretch}.pick-list-item-label{font-size:small}.sort-icon-color{color:#000}.sort-y-axis{transform:rotate(90deg)}calcite-panel{max-height:60vh}calcite-panel .size-section{width:19rem;margin:1rem 0;display:flex;flex-wrap:wrap;justify-content:space-evenly}calcite-panel .size-section calcite-label{width:8rem;margin-bottom:.25rem}calcite-panel .apply-button{width:17rem}`,c={jsAppFlyout:"js-app-flyout",name:"line-chart-data-popover",numericFieldPickList:"line-chart-data-numeric-fields-pick-list",header:"header",fab:"fab",pickListItemLabel:"pick-list-item-label",sizeSection:"size-section",applyButton:"apply-button"},L=class extends I{constructor(){super(...arguments),this._messages=f(),this.commonStrings=f({name:"common",blocking:!0}),this.picklist=p(),this.intervalSizeElement=p(),this.intervalTypeElement=p(),this.popoverElement=p(),this.placement="leading",this.offsetDistance=-200,this.pickListHasChanged=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigLineChartDataPopoverChange=u(),this.arcgisChartsConfigLineChartPopoverClose=u()}static{this.properties={aggregationLabels:16,timeAggregationLabels:16,messageOverrides:0,headingTitle:1,referenceElement:0,open:5,contentKind:1,layerFieldsInfo:0,selectedContent:1}}static{this.styles=_}async reposition(){await this.popoverElement.value?.reposition()}willUpdate(e){e.has("selectedContent")&&this.selectedContentChange(this.selectedContent,e.get("selectedContent"));let t=C.map(l=>x(l,this.commonStrings));b(this.aggregationLabels,t)||(this.aggregationLabels=t);let i=[h.Start,h.End].map(l=>A(l,this.commonStrings));b(this.timeAggregationLabels,i)||(this.timeAggregationLabels=i)}updated(){setTimeout(()=>{typeof this.picklist.value?.setFocus=="function"&&this.picklist.value?.setFocus()},z.PopoverTimer),K(this.popoverElement.value,this.open)}selectedContentChange(e,t){this.pickListHasChanged=B(e,t)}buildAggregationPickListItems(){return y(C,e=>e,(e,t)=>a`<calcite-list-item .label=${this.aggregationLabels?.[t]} .value=${e} .selected=${d(e,this.selectedContent)}></calcite-list-item>`)}buildIntervalAlignmentPickListItems(){let e=[h.Start,h.End];return y(e,t=>t,(t,i)=>a`<calcite-list-item .label=${this.timeAggregationLabels?.[i]} .value=${t} .selected=${d(t,this.selectedContent)}></calcite-list-item>`)}buildPickListItem(e){return $(e.name,a`<calcite-list-item .label=${E(this.layerFieldsInfo,e.name)} .value=${e.name} .selected=${d(e.name,this.selectedContent)}></calcite-list-item>`)}buildPickListItems(e){let t=this.layerFieldsInfo?.length??0,i=[];switch(e){case s.numericFields:{for(let l=0;l<t;l+=1){let n=this.layerFieldsInfo?.[l];n&&v(n)&&i.push(this.buildPickListItem(n))}break}case s.xAxisField:{for(let l=0;l<t;l+=1){let n=this.layerFieldsInfo?.[l];n&&(v(n)||D(n))&&i.push(this.buildPickListItem(n))}break}case s.splitByField:{let l=$(" ",a`<calcite-list-item label=" " value=" " .selected=${d("",this.selectedContent)}></calcite-list-item>`);i.push(l);for(let n=0;n<t;n+=1){let g=this.layerFieldsInfo?.[n];g&&(T(g)||g.type===P.String)&&i.push(this.buildPickListItem(g))}break}}return i}closePopover(){if(this.contentKind===s.numericFields){let e={pickListElement:this.picklist.value,eventEmitter:this.arcgisChartsConfigLineChartDataPopoverChange,contentKind:this.contentKind};N(e)}this.open=!1,this.arcgisChartsConfigLineChartPopoverClose.emit()}onDataContentTypeChange(e){this.pickListHasChanged=!0;let t=e.target.selectedItems;this.arcgisChartsConfigLineChartDataPopoverChange.emit({contentKind:this.contentKind,value:t.map(i=>i.value)}),this.open=!1}intervalChange(){let e=Number.parseInt(this.intervalSizeElement.value?.value??""),t=this.intervalTypeElement.value?.selectedOption?.value;!Number.isNaN(e)&&e>0&&this.arcgisChartsConfigLineChartDataPopoverChange.emit({contentKind:this.contentKind,value:[{intervalSize:e,intervalUnits:t}]}),this.open=!1}onNumericFieldsChange(e){e.target!==null&&(this.selectedContent=e.target.selectedItems.map(t=>t.value))}onNumericFieldSelectionDone(){this.pickListHasChanged&&this.closePopover()}renderAggregationType(){let e=this.buildAggregationPickListItems();return a`<calcite-list label class=${o(c.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderXAxisField(){let e=this.buildPickListItems(s.xAxisField);return a`<calcite-list label class=${o(c.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${m(this.picklist)}>${e}</calcite-list>`}renderNumericFields(){let e=this.buildPickListItems(s.numericFields);return a`<calcite-list label class=${o(c.numericFieldPickList)} selection-mode=multiple filter-enabled @calciteListChange=${this.onNumericFieldsChange} ${m(this.picklist)}>${e}</calcite-list>`}renderSplitByField(){let e=this.buildPickListItems(s.splitByField);return a`<calcite-list label class=${o(c.pickListItemLabel)} selection-mode=single selection-appearance=border filter-enabled @calciteListChange=${this.onDataContentTypeChange} ${m(this.picklist)}>${e}</calcite-list>`}renderIntervalAlignment(){let e=this.buildIntervalAlignmentPickListItems();return a`<calcite-list label class=${o(c.pickListItemLabel)} selection-mode=single selection-appearance=border @calciteListChange=${this.onDataContentTypeChange}>${e}</calcite-list>`}renderInterval(){let e=this.selectedContent,t=[r.Second,r.Minute,r.Hour,r.Day,r.Week,r.Month,r.Year];return a`<div><div class=${o(c.sizeSection)}><calcite-label scale=m>${this._messages.intervalSize}<calcite-input type=number scale=m min=1 step=any .value=${w(e?.size,1)} ${m(this.intervalSizeElement)}></calcite-input></calcite-label><calcite-label scale=m>${this._messages.intervalType}<calcite-select .label=${this._messages.intervalType??""} ${m(this.intervalTypeElement)}>${t.map(i=>a`<calcite-option .value=${i} .label=${S(i,this._messages)} .selected=${e?.unit===i}></calcite-option>`)}</calcite-select></calcite-label><calcite-button class=${o(c.applyButton)} appearance=outline @click=${this.intervalChange}>${this._messages.apply}</calcite-button></div></div>`}renderPopoverInfo(){let e;switch(this.contentKind){case s.aggregation:e=this.renderAggregationType();break;case s.xAxisField:e=this.renderXAxisField();break;case s.numericFields:e=this.renderNumericFields();break;case s.splitByField:e=this.renderSplitByField();break;case s.intervalAlignment:e=this.renderIntervalAlignment();break;case s.interval:e=this.renderInterval();break}return e}render(){let e;return this.contentKind===s.numericFields&&(e=a`<div slot=footer><calcite-fab class=${o(c.fab)} appearance=outline-fill kind=neutral .icon=${void 0} .label=${this._messages.selectionDone} scale=s text-enabled .text=${this._messages.selectionDone} @click=${this.onNumericFieldSelectionDone}></calcite-fab></div>`),a`<div class=${o(c.jsAppFlyout)}><calcite-popover class=${o(c.name)} .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .offsetDistance=${this.offsetDistance} @calcitePopoverClose=${this.closePopover} .open=${this.open} label auto-close ${m(this.popoverElement)}><calcite-panel closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div slot=header-content class=${o(c.header)}>${this.headingTitle??""}</div>${this.renderPopoverInfo()}${e}</calcite-panel></calcite-popover></div>`}};F("arcgis-charts-config-line-chart-popover",L);return L},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",c,d,e)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import e from"./
|
|
2
|
+
import e from"./OZ7IZCS5.js";import"./FPDW4F45.js";import{a as S}from"./6WQPKBUS.js";import d from"./UZXMOHSJ.js";import"./KZ7WEJMS.js";import b from"./CKEEXG7J.js";import{B as u,w as t}from"./DGTF5KBL.js";import"./SPAXIJWK.js";import"./EZM4ZDQI.js";import"./ETLJKITO.js";import{A as l,C as n,F as g,g as m,h as s,m as a,x as o,y as c,z as y}from"./XQ26L3RE.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{f:w,g:f,h:r,i:h}])=>{var d={sizeSection:"size-section",dropdownText:"dropdown-text",colorPickerContainer:"color-picker-container"},v=m`.hide{display:none}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{overflow-y:auto}:host arcgis-charts-config-colors{padding:var(--arcgis-charts-panel-padding);padding-bottom:1rem}:host .size-section{padding:1rem;display:flex}:host .size-section calcite-label{flex:1 1 0px;width:0}:host .size-section calcite-label .dropdown-text{max-width:75px;overflow:hidden;white-space:normal;text-overflow:ellipsis;cursor:pointer}:host .color-picker-container{display:flex}:host .color-picker-container calcite-label{flex:1 1 0px;width:0}:host .color-picker-container calcite-label .dropdown-text{max-width:75px;overflow:hidden;white-space:normal;text-overflow:ellipsis;cursor:pointer}`,p=class extends y{constructor(){super(...arguments),this._messages=S(),this.lineWidthInputElement=o(),this.lineStyleDropdownElement=o(),this.lineStyle={type:u.SLS},this.arcgisChartsConfigLineStyleChange=a(),this.arcgisChartsConfigLineStyleClose=a()}static{this.properties={messageOverrides:0,lineStyle:0,header:1,open:5,enableClose:5,usePanel:5}}static{this.styles=v}closePanel(e){e.target.closed&&this.enableClose===!0&&(this.open=!1,this.arcgisChartsConfigLineStyleClose.emit())}colorChange(e){this.lineStyle.color=e.detail,this.emitLineStyleEvent()}lineStyleChange(){let e=this.lineStyleDropdownElement.value?.selectedItems[0].accessKey;this.lineStyle.style!==e&&(this.lineStyle.style=e,this.lineStyle={...this.lineStyle},this.emitLineStyleEvent())}selectedLineStyle(){let e,i;switch(this.lineStyle?.style){case t.Dot:e="line-dotted",i=this._messages.dot??"";break;case t.Dash:e="line-dashed",i=this._messages.dash??"";break;case t.Solid:default:e="line-solid",i=this._messages.solid??"";break}return{icon:e,style:i}}widthChange(){let e=this.lineWidthInputElement.value?.value;e!==void 0&&w(e,this.lineWidthInputElement.value?.min,this.lineWidthInputElement.value?.max)?(this.lineStyle.width=Number.parseInt(e),this.emitLineStyleEvent(),this.lineWidthInputElement.value&&r({inputElement:this.lineWidthInputElement.value,status:h.IDLE})):this.lineWidthInputElement.value&&r({inputElement:this.lineWidthInputElement.value,status:h.INVALID})}emitLineStyleEvent(){Number.isNaN(Number.parseInt(this.lineStyle?.color?.[0]?.toString()??""))&&(this.lineStyle.color=void 0),this.arcgisChartsConfigLineStyleChange.emit(this.lineStyle)}render(){let e=[s`<div class=${l(d.sizeSection)}><calcite-label>${this._messages.style}<calcite-dropdown @calciteDropdownSelect=${this.lineStyleChange} ${c(this.lineStyleDropdownElement)}><calcite-button .iconEnd=${this.selectedLineStyle().icon} slot=trigger kind=neutral appearance=outline-fill scale=m><label class=${l(d.dropdownText)}>${this.selectedLineStyle().style}</label></calcite-button><calcite-dropdown-group><calcite-dropdown-item icon-end=line-solid .selected=${this.lineStyle?.style===t.Solid} accesskey=${t.Solid??n}>${this._messages.solid}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dotted .selected=${this.lineStyle?.style===t.Dot} accesskey=${t.Dot??n}>${this._messages.dot}</calcite-dropdown-item><calcite-dropdown-item icon-end=line-dashed .selected=${this.lineStyle?.style===t.Dash} accesskey=${t.Dash??n}>${this._messages.dash}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown></calcite-label><calcite-label>${this._messages.width}<calcite-input type=number min=1 step=any .value=${f(this.lineStyle?.width)} @calciteInputInput=${this.widthChange} ${c(this.lineWidthInputElement)}></calcite-input></calcite-label></div>`,s`<div class=${l(d.colorPickerContainer)}><arcgis-charts-config-colors .rgba=${this.lineStyle?.color??void 0} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div>`];return this.usePanel!==!1?s`<calcite-panel .heading=${this.header??this._messages.header} .closed=${this.open===!1} .closable=${this.enableClose} @calcitePanelClose=${this.closePanel}>${e}</calcite-panel>`:e}};g("arcgis-charts-config-line-style",p);return p},b,d,e)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{b as d}from"./HAJ2VWEU.js";import{a as p}from"./6WQPKBUS.js";import b from"./
|
|
2
|
+
import{b as d}from"./HAJ2VWEU.js";import{a as p}from"./6WQPKBUS.js";import b from"./CKEEXG7J.js";import"./DGTF5KBL.js";import"./SPAXIJWK.js";import"./ETLJKITO.js";import{F as a,h as e,m as i,x as s,y as o,z as r}from"./XQ26L3RE.js";import"./QPIMTXPL.js";export default $arcgis.t(([])=>{var t=class extends r{constructor(){super(...arguments),this._messages=p(),this.popoverElement=s(),this.onAddXGuide=()=>{this.open=!1,this.arcgisChartsAddXAxisGuide.emit()},this.onAddYGuide=()=>{this.open=!1,this.arcgisChartsAddYAxisGuide.emit()},this.enableXAxisGuide=!1,this.enableYAxisGuide=!1,this.placement="bottom",this.open=!1,this.arcgisChartsAddXAxisGuide=i(),this.arcgisChartsAddYAxisGuide=i(),this.arcgisChartsConfigPopoverClose=i()}static{this.properties={enableXAxisGuide:5,enableYAxisGuide:5,messageOverrides:0,referenceElement:0,placement:1,open:5}}async reposition(){await this.popoverElement.value?.reposition()}updated(){d(this.popoverElement.value,this.open)}guidePopoverClose(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit()}render(){return e`<calcite-popover .open=${this.open} .referenceElement=${this.referenceElement??document.body} flip-disabled pointer-disabled offset-distance=-18 @calcitePopoverClose=${this.guidePopoverClose} .placement=${this.placement} auto-close label ${o(this.popoverElement)}><calcite-panel .heading=${this._messages.guideType} closable @calcitePanelClose=${this.guidePopoverClose}>${this.enableXAxisGuide?e`<calcite-action .label=${this._messages.addXAxisGuide} .text=${this._messages.addXAxisGuide??""} @click=${this.onAddXGuide} icon=x-axis-guide text-enabled></calcite-action>`:null}${this.enableYAxisGuide?e`<calcite-action .label=${this._messages.addYAxisGuide} .text=${this._messages.addYAxisGuide??""} @click=${this.onAddYGuide} icon=y-axis-guide text-enabled></calcite-action>`:null}</calcite-panel></calcite-popover>`}};a("arcgis-charts-config-guides-type-popover",t);return t},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",b)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import g from"./4XC2ZKSZ.js";import{a as De}from"./HAJ2VWEU.js";import f from"./2JUKPBNE.js";import{l as h,m as N}from"./FPDW4F45.js";import{a as Y}from"./6WQPKBUS.js";import e from"./ZWABUONN.js";import c from"./SD2G2LCW.js";import"./KZ7WEJMS.js";import a from"./BVFVLX3U.js";import{B as v,F as de,f as ie,g as P,n as z,s as oe,v as S,w as B,y as $}from"./DGTF5KBL.js";import{e as re,g as ne,h as ce}from"./SPAXIJWK.js";import{c as $e}from"./EZM4ZDQI.js";import{a as p,b as R,l as F,m as U,n as D,w as me,x as A}from"./ETLJKITO.js";import{A as d,B as K,D as se,F as le,g as ee,h as m,m as ae,x as y,y as b,z as te}from"./XQ26L3RE.js";import"./QPIMTXPL.js";export default $arcgis.t(([{createClassBreaksRenderer:Pe},{getSchemes:Oe},Ee,,,,,,,,,,,,{Bb:X,Da:pe,Dc:ye,F:O,G:x,Gc:Ce,Kb:fe,Ma:ge,Nd:be,a:he,bb:ue},{s:ke},{h:Fe},{g:ve,s:L},{a:Se,b:Be,c:xe,f:Z,g:Re}])=>{function Me(s){let a;switch(s.length){case 4:{let e=s.match(/^#?([\da-f]{1})([\da-f]{1})([\da-f]{1})$/iu);e&&(a=[Number.parseInt(`${e[1]}${e[1]}`,16),Number.parseInt(`${e[2]}${e[2]}`,16),Number.parseInt(`${e[3]}${e[3]}`,16),255]);break}case 5:{let e=s.match(/^#?([\da-f]{1})([\da-f]{1})([\da-f]{1})([\da-f]{1})$/iu);e&&(a=[Number.parseInt(`${e[1]}${e[1]}`,16),Number.parseInt(`${e[2]}${e[2]}`,16),Number.parseInt(`${e[3]}${e[3]}`,16),Number.parseInt(`${e[4]}${e[4]}`,16)]);break}case 7:{let e=s.match(/^#?([\da-f]{2})([\da-f]{2})([\da-f]{2})$/iu);e&&(a=[Number.parseInt(e[1],16),Number.parseInt(e[2],16),Number.parseInt(e[3],16),255]);break}case 9:{let e=s.match(/^#?([\da-f]{2})([\da-f]{2})([\da-f]{2})([\da-f]{2})$/iu);e&&(a=[Number.parseInt(e[1],16),Number.parseInt(e[2],16),Number.parseInt(e[3],16),Number.parseInt(e[4],16)]);break}}return a}function G(s){let a;if(typeof s=="string"&&s.startsWith("#")){let e=Me(s);e&&(a=e)}else Array.isArray(s)&&s.every(e=>typeof e=="number")&&(s.length===4?a=s:s.length===3&&(a=[...s,255]));return a}function Ie(s){return s===$.BackwardDiagonal||s===$.Cross||s===$.DiagonalCross||s===$.ForwardDiagonal||s===$.Horizontal||s===$.Null||s===$.Solid||s===$.Vertical}function V(s){return s===B.Dash||s===B.DashDot||s===B.DashDotDot||s===B.Dot||s===B.Null||s===B.Solid}function Te(s){let{categoryField:a,numericFields:e,configFields:t,inlineData:l}=s,r={};return t&&Object.keys(t).length>0&&"dataItems"in l&&(r={type:"uniqueValue",field1:a,uniqueValueInfos:[]},l.dataItems.forEach(i=>{let c=i[a];if(c!=null){let o={value:c};e.forEach(n=>{let u=G(i[`${t.fillColor}_${n}`]),C=i[`${t.fillOpacity}_${n}`],I=i[`${t.fillStyle}_${n}`],k=i[`${t.markerSize}_${n}`],E=G(i[`${t.outlineColor}_${n}`]),H=i[`${t.outlineOpacity}_${n}`],M=i[`${t.outlineWidth}_${n}`],j=i[`${t.outlineStyle}_${n}`],T=G(i[`${t.lineColor}_${n}`]),W=i[`${t.lineOpacity}_${n}`],w=i[`${t.lineWidth}_${n}`],q=i[`${t.lineStyle}_${n}`],Q=i[`${t.displayLabel}_${n}`];if(typeof Q=="string"&&(o={...o,label:Q}),k!=null){let f={type:v.SMS};k&&typeof k=="number"&&(f.size=k),o.symbol=f}if(u||Ie(I)){let f=o.symbol&&o.symbol.type===v.SMS?o.symbol:{type:v.SFS};if(u&&(C&&typeof C=="number"&&(u[3]=C),f.color=u),Ie(I)&&(f.style=I),o.symbol=f,E||M!=null||V(j)){let _={type:v.SLS};E&&(H&&typeof H=="number"&&(E[3]=H),_.color=E),V(j)&&(_.style=j),M&&typeof M=="number"&&(_.width=M),o.symbol.outline=_}}else if(T||w!=null||V(q)){let f={type:v.SLS};T&&(W&&typeof W=="number"&&(T[3]=W),f.color=T),V(q)&&(f.style=q),w!=null&&typeof w=="number"&&(f.width=w),o.symbol=f}}),(o.label||o.symbol)&&r.uniqueValueInfos.push(o)}})),r}function we(s){let{numericFields:a,configFields:e,inlineData:t}=s,l=t;return"dataItems"in t&&Object.entries(e).forEach(([r,i])=>{a.forEach(c=>{let o=`${i}_${c}`;t.dataItems.forEach(n=>{o in n&&delete n[o]})})}),l}function _e(s){let{categoryField:a,categoryType:e,numericFields:t,inlineData:l}=s,r;if("dataItems"in l){let{dataItems:i}=l,c=[],o="OBJECTID",n=i.map((C,I)=>{let k={...C};return"FID"in C?o="FID":"ObjectId"in C&&(o="ObjectId"),k[o]||(k[o]=I),{attributes:k}});c.push({type:"esriFieldTypeOID",name:o});let u;switch(e){case"dateOnly":u=S.DateOnly;break;case"timeStampOffset":u=S.TimestampOffset;break;case"date":u=S.Date;break;case"number":u=S.Double;break;case"string":default:u=S.String;break}c.push({type:u,name:a}),t.forEach(C=>{c.push({type:S.Double,name:C})}),r={id:"",layerType:"ArcGISFeatureLayer",featureCollection:{layers:[{layerDefinition:{fields:c},featureSet:{features:n}}]}}}return r}async function Ae(s){let{categoryField:a,categoryType:e,numericFields:t,configFields:l,inlineData:r}=s,i,c,o=P(r);l&&(i=Te({categoryField:a,numericFields:t,configFields:l,inlineData:o}),o=we({numericFields:t,configFields:l,inlineData:o}));let n=_e({categoryField:a,categoryType:e,numericFields:t,inlineData:o});return n&&(c=await ye(n)),{chartRenderer:i,iLayer:n,layer:c}}var Ne=ee`.hide{display:none}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.color-ramp{width:100%;height:20px;overflow:hidden;border-radius:0}.color-ramp-segment{height:100%;display:inline-block}.list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}.accordion{margin-top:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}`,g={label:"label",colorRamp:"color-ramp",colorRampSegment:"color-ramp-segment",list:"list",accordion:"accordion"},J=class extends te{constructor(){super(...arguments),this._messages=Y(),this.commonStrings=Y({name:"common",blocking:!0}),this.heatChartPopover=null,this.xAxisFieldElement=y(),this.aggregationElement=y(),this.numericFieldsElement=y(),this.calendarTypeElement=y(),this.calendarViewTypeElement=y(),this.classBreakMethodElement=y(),this.nullElement=y(),this.breaksCountElement=y(),this.colorSchemeElement=y(),this.onHeatChartDataPopoverChange=async a=>{try{if(a.detail?.value!==void 0){let{contentKind:e}=a.detail,t=a.detail.value;switch(e){case h.aggregation:this.model.aggregationType=t;break;case h.xAxisField:this.model.xAxisField=t,this.setDefaultPropertiesForCalendarHeatChart();break;case h.numericFields:this.model.numericFields=[t.trim()||""],(this.model.numericFields??[]).length>0&&this.model.aggregationType===R.Count&&this.model.numericFields[0]!==Ce(this.model.layer).idField&&(this.model.aggregationType=R.Sum);break;case h.calendarType:{switch(t){case N.YearByMonthAndDayOfMonth:{let l={type:p.CalendarDateParts,unit:F.DayOfMonth},r={type:p.CalendarDateParts,unit:F.MonthOfYear};this.model.xTemporalBinning=l,this.model.setAxisValueFormat(0,{type:p.DateAxisFormat,intlOptions:{day:"2-digit"}}),this.model.yTemporalBinning=r,this.model.setAxisValueFormat(1,{type:p.DateAxisFormat,intlOptions:{month:"short"}});break}case N.WeekByDayOfWeekAndHourOfDay:{let l={type:p.CalendarDateParts,unit:F.HourOfDay},r={type:p.CalendarDateParts,unit:F.DayOfWeek},{lang:i}=ne(this.el??document.documentElement),c=ce(i),o=he.local().setLocale(i).startOf("week",{useLocaleWeeks:c!==re}).weekday;this.model.firstDayOfWeek=o,this.model.xTemporalBinning=l,this.model.setAxisValueFormat(0,{type:p.DateAxisFormat,intlOptions:{hour:"numeric",hour12:!0}}),this.model.yTemporalBinning=r,this.model.setAxisValueFormat(1,{type:p.DateAxisFormat,intlOptions:{weekday:"short"}});break}default:break}break}case h.calendarViewType:{this.model.viewType=t;break}case h.classBreakMethod:{this.model.classificationMethod=t,this.updateChartRenderer=!0;break}default:break}}}catch(e){throw this.arcgisChartsConfigDataChangeError.emit({error:e,model:this.model}),e}this.removeHeatChartDataPopover(),this.requestUpdate()},this.popoverClose=a=>{this.heatChartPopover===a?.target&&this.removeHeatChartDataPopover()},this.onModelConfigChange=()=>{be(this.model?.config)&&(this.selectedColorRamp=this.availableColorRamps.find(a=>a.name==="Blue 3")??this.availableColorRamps[0]),this.requestUpdate()},this.allColorRamps=[],this.onColorRampSelection=a=>{let{ramp:e,isFlipped:t}=a.detail;this.isFlipped=t,z(this.selectedColorRamp,e)||(this.selectedColorRamp=e,this.updateChartRenderer=!0,this.updateClassBreaksColor=!0,this.generateAndUpdateClassBreaks())},this.updateClassBreaksColor=!1,this.onEmptyCellNameChange=a=>{let{name:e}=a.detail;if(e!==void 0){let t={...this.model.emptyCell,name:e};this.model.emptyCell=t}},this.onEmptyCellColorChange=a=>{let{color:e}=a.detail;if(e!==void 0){let t=this.model.emptyCell,l={...t,symbol:{...t?.symbol,type:v.SFS,color:e,outline:t?.symbol?.outline&&{...t.symbol.outline,color:e}}};this.model.emptyCell=l}},this.isFlipped=!1,this.availableColorRamps=[],this.updateChartRenderer=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=ae()}static{this.properties={availableColorRamps:16,aggregationLabel:16,selectedColorRamp:16,updateChartRenderer:16,messageOverrides:0,model:0,layerFieldsInfo:0,open:5,chartData:0}}static{this.styles=Ne}connectedCallback(){super.connectedCallback(),this.loadColorRampFromArcGIS()}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(a){a.has("model")&&this.modelChange(this.model,a.get("model")),this.aggregationLabel=pe(this.model.aggregationType,this.commonStrings),a.has("chartData")&&(this.updateChartRenderer=this.model.chartRenderer===void 0||ue(this.model.chartRenderer)===de.ClassBreaks)}updated(a){a.has("updateChartRenderer")&&this.updateChartRenderer&&this.generateAndUpdateClassBreaks()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}loadColorRampFromArcGIS(){let a=Ee.all();this.allColorRamps=a,this.availableColorRamps=this.allColorRamps}generateColorsForExistingBreaks(a){let e=this.model.breaksCount;return Se({numberOfClassBreaks:e,selectedColorRamp:a,colorRamp:this.model.chartRenderer?.classBreakInfos?.map(t=>t.symbol?.color),isFlipped:this.isFlipped})}normalizeClassBreakInfosForCompare(a,e){return(a??[]).map(({classMinValue:t,classMaxValue:l,label:r,symbol:i})=>({classMinValue:t,classMaxValue:l,label:r,symbol:e?void 0:i}))}async generateAndUpdateClassBreaks(){let a=[];if(this.model.classificationMethod===A.manual&&this.model.chartRenderer?.classBreakInfos.length>0&&this.selectedColorRamp){a=P(this.model.chartRenderer?.classBreakInfos)??[];let l=this.generateColorsForExistingBreaks(this.selectedColorRamp);for(let r=0;r<a.length&&r<l.length;r++)a[r].symbol&&(a[r].symbol.color=l[r])}else if(this.model.classificationMethod!==A.manual&&this.chartData){let l=await Ae({categoryField:this.model?.xAxisField?.[0]??"",categoryType:p.DateAxisFormat,numericFields:[O.valueField],inlineData:this.chartData??this.model.dataStore.chartData});if(l.layer&&this.model.layer){let r=Oe({geometryType:"point",theme:"high-to-low"})?.primaryScheme,i=await Pe({layer:l.layer,field:O.valueField,classificationMethod:this.model.classificationMethod,numClasses:this.model.breaksCount,colorScheme:r});a=Be({classBreaksRendererResult:i,numberOfClassBreaks:this.model.breaksCount,selectedColorRamp:this.selectedColorRamp??Z(this.model.chartRenderer?.classBreakInfos,this.availableColorRamps),colorRamp:this.updateClassBreaksColor?void 0:this.model.chartRenderer?.classBreakInfos?.map(c=>c.symbol?.color),isFlipped:this.isFlipped})}}let e=!this.updateClassBreaksColor,t=!z(this.normalizeClassBreakInfosForCompare(this.model.chartRenderer?.classBreakInfos,e),this.normalizeClassBreakInfosForCompare(a,e));this.updateChartRenderer&&t&&(this.model.chartRenderer={type:"classBreaks",field:O.valueField,classBreakInfos:a}),this.updateChartRenderer=!1,this.updateClassBreaksColor=!1}modelChange(a,e){e?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),a?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}getCorrectedXAxisFieldValue(){return Fe({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":X(this.layerFieldsInfo,this.model.xAxisField)}onXAxisFieldSelect(a){this.contentKind=h.xAxisField,this.setupPopover(a)}onNumericFieldSelect(a){this.contentKind=h.numericFields,this.setupPopover(a)}onCalendarTypeSelect(a){this.contentKind=h.calendarType,this.setupPopover(a)}onClassBreakMethodSelect(a){this.contentKind=h.classBreakMethod,this.setupPopover(a)}onColorSchemeSelect(a){this.contentKind=h.colorScheme,this.setupPopover(a)}onBreaksCountChange(a){let e=oe(a.target.value);e<x.min?e=x.min:e>x.max&&(e=x.max),fe(e)&&(this.breaksCountElement.value&&(this.breaksCountElement.value.value=e.toString()),this.model.breaksCount=e,this.updateChartRenderer=!0)}onAggregationSelect(a){this.contentKind=h.aggregation,this.setupPopover(a)}onNullSelect(a){this.contentKind=h.null,this.setupPopover(a)}onIncludeLeapDayChange(a){let e=a.target.checked;this.model.includeLeapDay=e}onNullPolicyChange(a){this.model.nullPolicy=a.target.selectedItem.value}setupPopover(a){a.stopImmediatePropagation(),this.removeHeatChartDataPopover();let e,t,l,r=this.isFlipped;switch(this.contentKind){case h.aggregation:e=this.aggregationElement.value,t=this._messages.aggregationHeader,l=this.model.aggregationType;break;case h.xAxisField:e=this.xAxisFieldElement.value,t=this._messages.xAxisField,l=this.model.xAxisField;break;case h.numericFields:e=this.numericFieldsElement.value,t=this._messages.numericField,l=this.model.numericFields?.[0];break;case h.calendarType:e=this.calendarTypeElement.value,t=this._messages.calendarType,l=L(this.model);break;case h.calendarViewType:e=this.calendarViewTypeElement.value,t=this._messages.viewType,l=this.model.viewType;break;case h.classBreakMethod:e=this.classBreakMethodElement.value,t=this._messages.method,l=this.model.classificationMethod;break;case h.colorScheme:e=this.colorSchemeElement.value,t=this._messages.colorScheme;let i=Z(this.model.chartRenderer?.classBreakInfos,this.availableColorRamps);l=this.selectedColorRamp?.name??i?.name;let c=i?i.colorsForClassBreaks.find(o=>o.numClasses===this.model.breaksCount)?.colors:void 0;r=c?Re(c,this.model.chartRenderer?.classBreakInfos):r;break;case h.null:e=a.target,t=this._messages.null;break}this.heatChartPopover=se(m`<arcgis-charts-config-heat-chart-popover .headingTitle=${t} .referenceElement=${e} open .contentKind=${this.contentKind} .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${l} @arcgisChartsConfigHeatChartDataPopoverChange=${this.onHeatChartDataPopoverChange} @arcgisChartsConfigPopoverClose=${this.popoverClose} .colorRamps=${this.availableColorRamps} @arcgisChartsConfigHeatChartColorRampChange=${this.onColorRampSelection} @arcgisChartsConfigPopoverEmptyCellColorChange=${this.onEmptyCellColorChange} @arcgisChartsConfigPopoverEmptyCellNameChange=${this.onEmptyCellNameChange} .isFlipped=${r}></arcgis-charts-config-heat-chart-popover>`),!document.body.contains(this.heatChartPopover)&&this.heatChartPopover!==null&&document.body.appendChild(this.heatChartPopover)}removeHeatChartDataPopover(){this.heatChartPopover!==null&&(this.heatChartPopover.open=!1,this.heatChartPopover=De(this.heatChartPopover))}setDefaultPropertiesForCalendarHeatChart(){if(!ke(this.model?.config)){if(this.model.yAxisField=this.model.xAxisField,this.model.setYAxisSortOrder($e.Desc),this.model.xTemporalBinning===void 0){let a={type:p.CalendarDateParts,unit:F.DayOfMonth};this.model.xTemporalBinning=a}if(this.model.yTemporalBinning===void 0){let a={type:p.CalendarDateParts,unit:F.MonthOfYear};this.model.yTemporalBinning=a,this.model.setAxisValueFormat(1,{type:p.DateAxisFormat,intlOptions:{month:"short"}})}this.model.classificationMethod===void 0&&(this.model.classificationMethod=A.naturalBreaks),this.model.heatRulesType!==U.Renderer&&(this.model.heatRulesType=U.Renderer),this.model.viewType===void 0&&(this.model.viewType=me.singleCalendarView),(this.model.aggregationType===R.Count||this.model.aggregationType===R.Sum)&&this.model.nullPolicy!==D.Zero&&(this.model.nullPolicy=D.Zero)}}renderXAxisFieldSelect(){let a=this.getCorrectedXAxisFieldValue();return m`<arcgis-charts-config-field-select .label=${a} @click=${this.onXAxisFieldSelect} ${b(this.xAxisFieldElement)}></arcgis-charts-config-field-select>`}renderAggregation(){return m`<arcgis-charts-config-field-select .label=${this.model.aggregationType===R.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${b(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderNumericFieldsSelect(){let a=this.model.numericFields?.[0]===this.model.layer?.objectIdField?"":X(this.layerFieldsInfo,this.model.numericFields?.[0]);return m`<arcgis-charts-config-field-select .label=${a} @click=${this.onNumericFieldSelect} ${b(this.numericFieldsElement)}></arcgis-charts-config-field-select>`}renderCalendarTypeSelect(){let a=L(this.model)??"",e={weekByDayOfWeekAndHourOfDay:this._messages.weekByDayOfWeekAndHourOfDay,yearByMonthAndDayOfMonth:this._messages.yearByMonthAndDayOfMonth},t=a?e[a]??"":"";return m`<arcgis-charts-config-field-select .label=${t} @click=${this.onCalendarTypeSelect} ${b(this.calendarTypeElement)}></arcgis-charts-config-field-select>`}renderClassBreakMethodSelect(){let a={equalInterval:this._messages.classBreaksMethod?.equalInterval,manual:this._messages.classBreaksMethod?.manual,naturalBreaks:this._messages.classBreaksMethod?.naturalBreaks,quantile:this._messages.classBreaksMethod?.quantile},e=this.model.classificationMethod?a[ie(this.model.classificationMethod)]??"":"";return m`<arcgis-charts-config-field-select .label=${e} @click=${this.onClassBreakMethodSelect} ${b(this.classBreakMethodElement)}></arcgis-charts-config-field-select>`}renderColorRampSelect(){let a=this.model.chartRenderer?.classBreakInfos?.map(e=>{let t=e!==void 0?xe(e.symbol.color):"#FFFFFF";return m`<div class=${d(g.colorRampSegment)} style=${K({backgroundColor:t,width:`${100/this.model.breaksCount}%`})}></div>`});return m`<arcgis-charts-config-field-select label @click=${this.onColorSchemeSelect} ${b(this.colorSchemeElement)}><div slot=fieldSelectSlot class=${d(g.colorRamp)}>${a}</div></arcgis-charts-config-field-select>`}renderClassBreaksTable(){let a=this.model.chartRenderer?.classBreakInfos??[];return m`<calcite-table caption="Simple table"><calcite-table-row slot=table-header><calcite-table-header .heading=${this._messages.symbol}></calcite-table-header><calcite-table-header .heading=${this._messages.upperValue}></calcite-table-header></calcite-table-row>${a.map(e=>m`<calcite-table-row><calcite-table-cell><calcite-swatch label scale=m .color=${`rgba(${e.symbol.color?.[0]}, ${e.symbol.color?.[1]}, ${e.symbol.color?.[2]}, ${e.symbol.color?.[3]/255})`}></calcite-swatch></calcite-table-cell><calcite-table-cell>${e.label}</calcite-table-cell></calcite-table-row>`)}</calcite-table>`}renderNullUI(){let a=this.model.emptyCell,e=this._messages.null,t=a?.symbol?.color??ge.grayColor,[l,r,i,c]=[...t],o=`rgba(${l},${r},${i},${c/255})`;return m`<calcite-list label class=${d(g.list)} selection-mode=none ${b(this.nullElement)}><calcite-list-item .label=${e} .value=${e} @calciteListItemSelect=${this.onNullSelect}><calcite-icon icon=square-f style=${K({color:o})} slot=content-end></calcite-icon></calcite-list-item></calcite-list>`}renderEmptyBins(){return m`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${D.Zero} .checked=${this.model.nullPolicy===D.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${D.Null} .checked=${this.model.nullPolicy===D.Null}></calcite-radio-button>${this._messages.treatAsNull}</calcite-label></calcite-radio-button-group>`}render(){let a=this.renderXAxisFieldSelect(),e=this.renderAggregation(),t=this.renderNumericFieldsSelect(),l=this.renderCalendarTypeSelect(),r=this.renderClassBreakMethodSelect(),i=this.renderColorRampSelect(),c=this.renderClassBreaksTable(),o=this.renderNullUI(),n=this.renderEmptyBins();return m`<calcite-label class=${d(g.label)}>${this._messages.dateRequired}${a}</calcite-label><calcite-label class=${d(g.label)}>${this._messages.calendarType}${l}</calcite-label><calcite-label class=${d(g.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${d(g.label)}>${this._messages.numericField}${t}</calcite-label><calcite-label class=${d(g.label)}>${this._messages.method}${r}</calcite-label><calcite-label class=${d(g.label)}>${this._messages.numberOfClasses}<calcite-input type=number .min=${x.min} .max=${x.max} .disabled=${this.model.classificationMethod===void 0||this.model.classificationMethod===A.manual} step=1 .value=${ve(this.model.breaksCount,5)} @calciteInputInput=${this.onBreaksCountChange} ${b(this.breaksCountElement)}></calcite-input></calcite-label><calcite-label class=${d(g.label)}>${this._messages.colorScheme}${i}</calcite-label>${o}<calcite-accordion class=${d(g.accordion)} appearance=transparent selection-mode=single><calcite-accordion-item .heading=${this._messages.classBreaks}>${c}</calcite-accordion-item></calcite-accordion><calcite-label class=${d(g.label)}>${this._messages.emptyBins}${n}</calcite-label>${L(this.model)===N.YearByMonthAndDayOfMonth?m`<calcite-label class=${d(g.label)} layout=inline-space-between>${this._messages.includeLeapDay}<calcite-switch .checked=${this.model.includeLeapDay} @calciteSwitchChange=${this.onIncludeLeapDayChange}></calcite-switch></calcite-label>`:null}`}};le("arcgis-charts-config-heat-chart-data",J);return J},"smartMapping/renderers/color","smartMapping/symbology/color","smartMapping/symbology/support/colorRamps","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",a,c,e,f,g)
|
|
2
|
+
import g from"./4XC2ZKSZ.js";import{a as De}from"./HAJ2VWEU.js";import f from"./OZ7IZCS5.js";import{l as h,m as N}from"./FPDW4F45.js";import{a as Y}from"./6WQPKBUS.js";import e from"./3MJNDW3O.js";import c from"./UZXMOHSJ.js";import"./KZ7WEJMS.js";import a from"./CKEEXG7J.js";import{B as v,F as de,f as ie,g as P,n as z,s as oe,v as S,w as B,y as $}from"./DGTF5KBL.js";import{e as re,g as ne,h as ce}from"./SPAXIJWK.js";import{c as $e}from"./EZM4ZDQI.js";import{a as p,b as R,l as F,m as U,n as D,w as me,x as A}from"./ETLJKITO.js";import{A as d,B as K,D as se,F as le,g as ee,h as m,m as ae,x as y,y as b,z as te}from"./XQ26L3RE.js";import"./QPIMTXPL.js";export default $arcgis.t(([{createClassBreaksRenderer:Pe},{getSchemes:Oe},Ee,,,,,,,,,,,,{Bb:X,Da:pe,Dc:ye,F:O,G:x,Gc:Ce,Kb:fe,Ma:ge,Nd:be,a:he,bb:ue},{s:ke},{h:Fe},{g:ve,s:L},{a:Se,b:Be,c:xe,f:Z,g:Re}])=>{function Me(s){let a;switch(s.length){case 4:{let e=s.match(/^#?([\da-f]{1})([\da-f]{1})([\da-f]{1})$/iu);e&&(a=[Number.parseInt(`${e[1]}${e[1]}`,16),Number.parseInt(`${e[2]}${e[2]}`,16),Number.parseInt(`${e[3]}${e[3]}`,16),255]);break}case 5:{let e=s.match(/^#?([\da-f]{1})([\da-f]{1})([\da-f]{1})([\da-f]{1})$/iu);e&&(a=[Number.parseInt(`${e[1]}${e[1]}`,16),Number.parseInt(`${e[2]}${e[2]}`,16),Number.parseInt(`${e[3]}${e[3]}`,16),Number.parseInt(`${e[4]}${e[4]}`,16)]);break}case 7:{let e=s.match(/^#?([\da-f]{2})([\da-f]{2})([\da-f]{2})$/iu);e&&(a=[Number.parseInt(e[1],16),Number.parseInt(e[2],16),Number.parseInt(e[3],16),255]);break}case 9:{let e=s.match(/^#?([\da-f]{2})([\da-f]{2})([\da-f]{2})([\da-f]{2})$/iu);e&&(a=[Number.parseInt(e[1],16),Number.parseInt(e[2],16),Number.parseInt(e[3],16),Number.parseInt(e[4],16)]);break}}return a}function G(s){let a;if(typeof s=="string"&&s.startsWith("#")){let e=Me(s);e&&(a=e)}else Array.isArray(s)&&s.every(e=>typeof e=="number")&&(s.length===4?a=s:s.length===3&&(a=[...s,255]));return a}function Ie(s){return s===$.BackwardDiagonal||s===$.Cross||s===$.DiagonalCross||s===$.ForwardDiagonal||s===$.Horizontal||s===$.Null||s===$.Solid||s===$.Vertical}function V(s){return s===B.Dash||s===B.DashDot||s===B.DashDotDot||s===B.Dot||s===B.Null||s===B.Solid}function Te(s){let{categoryField:a,numericFields:e,configFields:t,inlineData:l}=s,r={};return t&&Object.keys(t).length>0&&"dataItems"in l&&(r={type:"uniqueValue",field1:a,uniqueValueInfos:[]},l.dataItems.forEach(i=>{let c=i[a];if(c!=null){let o={value:c};e.forEach(n=>{let u=G(i[`${t.fillColor}_${n}`]),C=i[`${t.fillOpacity}_${n}`],I=i[`${t.fillStyle}_${n}`],k=i[`${t.markerSize}_${n}`],E=G(i[`${t.outlineColor}_${n}`]),H=i[`${t.outlineOpacity}_${n}`],M=i[`${t.outlineWidth}_${n}`],j=i[`${t.outlineStyle}_${n}`],T=G(i[`${t.lineColor}_${n}`]),W=i[`${t.lineOpacity}_${n}`],w=i[`${t.lineWidth}_${n}`],q=i[`${t.lineStyle}_${n}`],Q=i[`${t.displayLabel}_${n}`];if(typeof Q=="string"&&(o={...o,label:Q}),k!=null){let f={type:v.SMS};k&&typeof k=="number"&&(f.size=k),o.symbol=f}if(u||Ie(I)){let f=o.symbol&&o.symbol.type===v.SMS?o.symbol:{type:v.SFS};if(u&&(C&&typeof C=="number"&&(u[3]=C),f.color=u),Ie(I)&&(f.style=I),o.symbol=f,E||M!=null||V(j)){let _={type:v.SLS};E&&(H&&typeof H=="number"&&(E[3]=H),_.color=E),V(j)&&(_.style=j),M&&typeof M=="number"&&(_.width=M),o.symbol.outline=_}}else if(T||w!=null||V(q)){let f={type:v.SLS};T&&(W&&typeof W=="number"&&(T[3]=W),f.color=T),V(q)&&(f.style=q),w!=null&&typeof w=="number"&&(f.width=w),o.symbol=f}}),(o.label||o.symbol)&&r.uniqueValueInfos.push(o)}})),r}function we(s){let{numericFields:a,configFields:e,inlineData:t}=s,l=t;return"dataItems"in t&&Object.entries(e).forEach(([r,i])=>{a.forEach(c=>{let o=`${i}_${c}`;t.dataItems.forEach(n=>{o in n&&delete n[o]})})}),l}function _e(s){let{categoryField:a,categoryType:e,numericFields:t,inlineData:l}=s,r;if("dataItems"in l){let{dataItems:i}=l,c=[],o="OBJECTID",n=i.map((C,I)=>{let k={...C};return"FID"in C?o="FID":"ObjectId"in C&&(o="ObjectId"),k[o]||(k[o]=I),{attributes:k}});c.push({type:"esriFieldTypeOID",name:o});let u;switch(e){case"dateOnly":u=S.DateOnly;break;case"timeStampOffset":u=S.TimestampOffset;break;case"date":u=S.Date;break;case"number":u=S.Double;break;case"string":default:u=S.String;break}c.push({type:u,name:a}),t.forEach(C=>{c.push({type:S.Double,name:C})}),r={id:"",layerType:"ArcGISFeatureLayer",featureCollection:{layers:[{layerDefinition:{fields:c},featureSet:{features:n}}]}}}return r}async function Ae(s){let{categoryField:a,categoryType:e,numericFields:t,configFields:l,inlineData:r}=s,i,c,o=P(r);l&&(i=Te({categoryField:a,numericFields:t,configFields:l,inlineData:o}),o=we({numericFields:t,configFields:l,inlineData:o}));let n=_e({categoryField:a,categoryType:e,numericFields:t,inlineData:o});return n&&(c=await ye(n)),{chartRenderer:i,iLayer:n,layer:c}}var Ne=ee`.hide{display:none}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column;width:var(--arcgis-charts-config-calcite-block-default-width);margin:var(--arcgis-charts-config-calcite-block-default-margin);margin-top:var(--arcgis-charts-top-section-margin)}.label{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-minor);justify-content:space-between}.color-ramp{width:100%;height:20px;overflow:hidden;border-radius:0}.color-ramp-segment{height:100%;display:inline-block}.list{margin-left:var(--arcgis-charts-config-margin-minor);margin-right:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}.accordion{margin-top:var(--arcgis-charts-config-margin-minor);margin-bottom:var(--arcgis-charts-config-margin-major)}`,g={label:"label",colorRamp:"color-ramp",colorRampSegment:"color-ramp-segment",list:"list",accordion:"accordion"},J=class extends te{constructor(){super(...arguments),this._messages=Y(),this.commonStrings=Y({name:"common",blocking:!0}),this.heatChartPopover=null,this.xAxisFieldElement=y(),this.aggregationElement=y(),this.numericFieldsElement=y(),this.calendarTypeElement=y(),this.calendarViewTypeElement=y(),this.classBreakMethodElement=y(),this.nullElement=y(),this.breaksCountElement=y(),this.colorSchemeElement=y(),this.onHeatChartDataPopoverChange=async a=>{try{if(a.detail?.value!==void 0){let{contentKind:e}=a.detail,t=a.detail.value;switch(e){case h.aggregation:this.model.aggregationType=t;break;case h.xAxisField:this.model.xAxisField=t,this.setDefaultPropertiesForCalendarHeatChart();break;case h.numericFields:this.model.numericFields=[t.trim()||""],(this.model.numericFields??[]).length>0&&this.model.aggregationType===R.Count&&this.model.numericFields[0]!==Ce(this.model.layer).idField&&(this.model.aggregationType=R.Sum);break;case h.calendarType:{switch(t){case N.YearByMonthAndDayOfMonth:{let l={type:p.CalendarDateParts,unit:F.DayOfMonth},r={type:p.CalendarDateParts,unit:F.MonthOfYear};this.model.xTemporalBinning=l,this.model.setAxisValueFormat(0,{type:p.DateAxisFormat,intlOptions:{day:"2-digit"}}),this.model.yTemporalBinning=r,this.model.setAxisValueFormat(1,{type:p.DateAxisFormat,intlOptions:{month:"short"}});break}case N.WeekByDayOfWeekAndHourOfDay:{let l={type:p.CalendarDateParts,unit:F.HourOfDay},r={type:p.CalendarDateParts,unit:F.DayOfWeek},{lang:i}=ne(this.el??document.documentElement),c=ce(i),o=he.local().setLocale(i).startOf("week",{useLocaleWeeks:c!==re}).weekday;this.model.firstDayOfWeek=o,this.model.xTemporalBinning=l,this.model.setAxisValueFormat(0,{type:p.DateAxisFormat,intlOptions:{hour:"numeric",hour12:!0}}),this.model.yTemporalBinning=r,this.model.setAxisValueFormat(1,{type:p.DateAxisFormat,intlOptions:{weekday:"short"}});break}default:break}break}case h.calendarViewType:{this.model.viewType=t;break}case h.classBreakMethod:{this.model.classificationMethod=t,this.updateChartRenderer=!0;break}default:break}}}catch(e){throw this.arcgisChartsConfigDataChangeError.emit({error:e,model:this.model}),e}this.removeHeatChartDataPopover(),this.requestUpdate()},this.popoverClose=a=>{this.heatChartPopover===a?.target&&this.removeHeatChartDataPopover()},this.onModelConfigChange=()=>{be(this.model?.config)&&(this.selectedColorRamp=this.availableColorRamps.find(a=>a.name==="Blue 3")??this.availableColorRamps[0]),this.requestUpdate()},this.allColorRamps=[],this.onColorRampSelection=a=>{let{ramp:e,isFlipped:t}=a.detail;this.isFlipped=t,z(this.selectedColorRamp,e)||(this.selectedColorRamp=e,this.updateChartRenderer=!0,this.updateClassBreaksColor=!0,this.generateAndUpdateClassBreaks())},this.updateClassBreaksColor=!1,this.onEmptyCellNameChange=a=>{let{name:e}=a.detail;if(e!==void 0){let t={...this.model.emptyCell,name:e};this.model.emptyCell=t}},this.onEmptyCellColorChange=a=>{let{color:e}=a.detail;if(e!==void 0){let t=this.model.emptyCell,l={...t,symbol:{...t?.symbol,type:v.SFS,color:e,outline:t?.symbol?.outline&&{...t.symbol.outline,color:e}}};this.model.emptyCell=l}},this.isFlipped=!1,this.availableColorRamps=[],this.updateChartRenderer=!1,this.layerFieldsInfo=[],this.arcgisChartsConfigDataChangeError=ae()}static{this.properties={availableColorRamps:16,aggregationLabel:16,selectedColorRamp:16,updateChartRenderer:16,messageOverrides:0,model:0,layerFieldsInfo:0,open:5,chartData:0}}static{this.styles=Ne}connectedCallback(){super.connectedCallback(),this.loadColorRampFromArcGIS()}load(){this.modelChange(this.model),this.onModelConfigChange()}willUpdate(a){a.has("model")&&this.modelChange(this.model,a.get("model")),this.aggregationLabel=pe(this.model.aggregationType,this.commonStrings),a.has("chartData")&&(this.updateChartRenderer=this.model.chartRenderer===void 0||ue(this.model.chartRenderer)===de.ClassBreaks)}updated(a){a.has("updateChartRenderer")&&this.updateChartRenderer&&this.generateAndUpdateClassBreaks()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}loadColorRampFromArcGIS(){let a=Ee.all();this.allColorRamps=a,this.availableColorRamps=this.allColorRamps}generateColorsForExistingBreaks(a){let e=this.model.breaksCount;return Se({numberOfClassBreaks:e,selectedColorRamp:a,colorRamp:this.model.chartRenderer?.classBreakInfos?.map(t=>t.symbol?.color),isFlipped:this.isFlipped})}normalizeClassBreakInfosForCompare(a,e){return(a??[]).map(({classMinValue:t,classMaxValue:l,label:r,symbol:i})=>({classMinValue:t,classMaxValue:l,label:r,symbol:e?void 0:i}))}async generateAndUpdateClassBreaks(){let a=[];if(this.model.classificationMethod===A.manual&&this.model.chartRenderer?.classBreakInfos.length>0&&this.selectedColorRamp){a=P(this.model.chartRenderer?.classBreakInfos)??[];let l=this.generateColorsForExistingBreaks(this.selectedColorRamp);for(let r=0;r<a.length&&r<l.length;r++)a[r].symbol&&(a[r].symbol.color=l[r])}else if(this.model.classificationMethod!==A.manual&&this.chartData){let l=await Ae({categoryField:this.model?.xAxisField?.[0]??"",categoryType:p.DateAxisFormat,numericFields:[O.valueField],inlineData:this.chartData??this.model.dataStore.chartData});if(l.layer&&this.model.layer){let r=Oe({geometryType:"point",theme:"high-to-low"})?.primaryScheme,i=await Pe({layer:l.layer,field:O.valueField,classificationMethod:this.model.classificationMethod,numClasses:this.model.breaksCount,colorScheme:r});a=Be({classBreaksRendererResult:i,numberOfClassBreaks:this.model.breaksCount,selectedColorRamp:this.selectedColorRamp??Z(this.model.chartRenderer?.classBreakInfos,this.availableColorRamps),colorRamp:this.updateClassBreaksColor?void 0:this.model.chartRenderer?.classBreakInfos?.map(c=>c.symbol?.color),isFlipped:this.isFlipped})}}let e=!this.updateClassBreaksColor,t=!z(this.normalizeClassBreakInfosForCompare(this.model.chartRenderer?.classBreakInfos,e),this.normalizeClassBreakInfosForCompare(a,e));this.updateChartRenderer&&t&&(this.model.chartRenderer={type:"classBreaks",field:O.valueField,classBreakInfos:a}),this.updateChartRenderer=!1,this.updateClassBreaksColor=!1}modelChange(a,e){e?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),a?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}getCorrectedXAxisFieldValue(){return Fe({fieldName:this.model.xAxisField,fieldList:this.layerFieldsInfo})?"":X(this.layerFieldsInfo,this.model.xAxisField)}onXAxisFieldSelect(a){this.contentKind=h.xAxisField,this.setupPopover(a)}onNumericFieldSelect(a){this.contentKind=h.numericFields,this.setupPopover(a)}onCalendarTypeSelect(a){this.contentKind=h.calendarType,this.setupPopover(a)}onClassBreakMethodSelect(a){this.contentKind=h.classBreakMethod,this.setupPopover(a)}onColorSchemeSelect(a){this.contentKind=h.colorScheme,this.setupPopover(a)}onBreaksCountChange(a){let e=oe(a.target.value);e<x.min?e=x.min:e>x.max&&(e=x.max),fe(e)&&(this.breaksCountElement.value&&(this.breaksCountElement.value.value=e.toString()),this.model.breaksCount=e,this.updateChartRenderer=!0)}onAggregationSelect(a){this.contentKind=h.aggregation,this.setupPopover(a)}onNullSelect(a){this.contentKind=h.null,this.setupPopover(a)}onIncludeLeapDayChange(a){let e=a.target.checked;this.model.includeLeapDay=e}onNullPolicyChange(a){this.model.nullPolicy=a.target.selectedItem.value}setupPopover(a){a.stopImmediatePropagation(),this.removeHeatChartDataPopover();let e,t,l,r=this.isFlipped;switch(this.contentKind){case h.aggregation:e=this.aggregationElement.value,t=this._messages.aggregationHeader,l=this.model.aggregationType;break;case h.xAxisField:e=this.xAxisFieldElement.value,t=this._messages.xAxisField,l=this.model.xAxisField;break;case h.numericFields:e=this.numericFieldsElement.value,t=this._messages.numericField,l=this.model.numericFields?.[0];break;case h.calendarType:e=this.calendarTypeElement.value,t=this._messages.calendarType,l=L(this.model);break;case h.calendarViewType:e=this.calendarViewTypeElement.value,t=this._messages.viewType,l=this.model.viewType;break;case h.classBreakMethod:e=this.classBreakMethodElement.value,t=this._messages.method,l=this.model.classificationMethod;break;case h.colorScheme:e=this.colorSchemeElement.value,t=this._messages.colorScheme;let i=Z(this.model.chartRenderer?.classBreakInfos,this.availableColorRamps);l=this.selectedColorRamp?.name??i?.name;let c=i?i.colorsForClassBreaks.find(o=>o.numClasses===this.model.breaksCount)?.colors:void 0;r=c?Re(c,this.model.chartRenderer?.classBreakInfos):r;break;case h.null:e=a.target,t=this._messages.null;break}this.heatChartPopover=se(m`<arcgis-charts-config-heat-chart-popover .headingTitle=${t} .referenceElement=${e} open .contentKind=${this.contentKind} .model=${this.model} .layerFieldsInfo=${this.layerFieldsInfo} .selectedContent=${l} @arcgisChartsConfigHeatChartDataPopoverChange=${this.onHeatChartDataPopoverChange} @arcgisChartsConfigPopoverClose=${this.popoverClose} .colorRamps=${this.availableColorRamps} @arcgisChartsConfigHeatChartColorRampChange=${this.onColorRampSelection} @arcgisChartsConfigPopoverEmptyCellColorChange=${this.onEmptyCellColorChange} @arcgisChartsConfigPopoverEmptyCellNameChange=${this.onEmptyCellNameChange} .isFlipped=${r}></arcgis-charts-config-heat-chart-popover>`),!document.body.contains(this.heatChartPopover)&&this.heatChartPopover!==null&&document.body.appendChild(this.heatChartPopover)}removeHeatChartDataPopover(){this.heatChartPopover!==null&&(this.heatChartPopover.open=!1,this.heatChartPopover=De(this.heatChartPopover))}setDefaultPropertiesForCalendarHeatChart(){if(!ke(this.model?.config)){if(this.model.yAxisField=this.model.xAxisField,this.model.setYAxisSortOrder($e.Desc),this.model.xTemporalBinning===void 0){let a={type:p.CalendarDateParts,unit:F.DayOfMonth};this.model.xTemporalBinning=a}if(this.model.yTemporalBinning===void 0){let a={type:p.CalendarDateParts,unit:F.MonthOfYear};this.model.yTemporalBinning=a,this.model.setAxisValueFormat(1,{type:p.DateAxisFormat,intlOptions:{month:"short"}})}this.model.classificationMethod===void 0&&(this.model.classificationMethod=A.naturalBreaks),this.model.heatRulesType!==U.Renderer&&(this.model.heatRulesType=U.Renderer),this.model.viewType===void 0&&(this.model.viewType=me.singleCalendarView),(this.model.aggregationType===R.Count||this.model.aggregationType===R.Sum)&&this.model.nullPolicy!==D.Zero&&(this.model.nullPolicy=D.Zero)}}renderXAxisFieldSelect(){let a=this.getCorrectedXAxisFieldValue();return m`<arcgis-charts-config-field-select .label=${a} @click=${this.onXAxisFieldSelect} ${b(this.xAxisFieldElement)}></arcgis-charts-config-field-select>`}renderAggregation(){return m`<arcgis-charts-config-field-select .label=${this.model.aggregationType===R.NoAggregation?this._messages.noAggregation:this.aggregationLabel} @click=${this.onAggregationSelect} ${b(this.aggregationElement)}></arcgis-charts-config-field-select>`}renderNumericFieldsSelect(){let a=this.model.numericFields?.[0]===this.model.layer?.objectIdField?"":X(this.layerFieldsInfo,this.model.numericFields?.[0]);return m`<arcgis-charts-config-field-select .label=${a} @click=${this.onNumericFieldSelect} ${b(this.numericFieldsElement)}></arcgis-charts-config-field-select>`}renderCalendarTypeSelect(){let a=L(this.model)??"",e={weekByDayOfWeekAndHourOfDay:this._messages.weekByDayOfWeekAndHourOfDay,yearByMonthAndDayOfMonth:this._messages.yearByMonthAndDayOfMonth},t=a?e[a]??"":"";return m`<arcgis-charts-config-field-select .label=${t} @click=${this.onCalendarTypeSelect} ${b(this.calendarTypeElement)}></arcgis-charts-config-field-select>`}renderClassBreakMethodSelect(){let a={equalInterval:this._messages.classBreaksMethod?.equalInterval,manual:this._messages.classBreaksMethod?.manual,naturalBreaks:this._messages.classBreaksMethod?.naturalBreaks,quantile:this._messages.classBreaksMethod?.quantile},e=this.model.classificationMethod?a[ie(this.model.classificationMethod)]??"":"";return m`<arcgis-charts-config-field-select .label=${e} @click=${this.onClassBreakMethodSelect} ${b(this.classBreakMethodElement)}></arcgis-charts-config-field-select>`}renderColorRampSelect(){let a=this.model.chartRenderer?.classBreakInfos?.map(e=>{let t=e!==void 0?xe(e.symbol.color):"#FFFFFF";return m`<div class=${d(g.colorRampSegment)} style=${K({backgroundColor:t,width:`${100/this.model.breaksCount}%`})}></div>`});return m`<arcgis-charts-config-field-select label @click=${this.onColorSchemeSelect} ${b(this.colorSchemeElement)}><div slot=fieldSelectSlot class=${d(g.colorRamp)}>${a}</div></arcgis-charts-config-field-select>`}renderClassBreaksTable(){let a=this.model.chartRenderer?.classBreakInfos??[];return m`<calcite-table caption="Simple table"><calcite-table-row slot=table-header><calcite-table-header .heading=${this._messages.symbol}></calcite-table-header><calcite-table-header .heading=${this._messages.upperValue}></calcite-table-header></calcite-table-row>${a.map(e=>m`<calcite-table-row><calcite-table-cell><calcite-swatch label scale=m .color=${`rgba(${e.symbol.color?.[0]}, ${e.symbol.color?.[1]}, ${e.symbol.color?.[2]}, ${e.symbol.color?.[3]/255})`}></calcite-swatch></calcite-table-cell><calcite-table-cell>${e.label}</calcite-table-cell></calcite-table-row>`)}</calcite-table>`}renderNullUI(){let a=this.model.emptyCell,e=this._messages.null,t=a?.symbol?.color??ge.grayColor,[l,r,i,c]=[...t],o=`rgba(${l},${r},${i},${c/255})`;return m`<calcite-list label class=${d(g.list)} selection-mode=none ${b(this.nullElement)}><calcite-list-item .label=${e} .value=${e} @calciteListItemSelect=${this.onNullSelect}><calcite-icon icon=square-f style=${K({color:o})} slot=content-end></calcite-icon></calcite-list-item></calcite-list>`}renderEmptyBins(){return m`<calcite-radio-button-group name=empty-bins layout=vertical @calciteRadioButtonGroupChange=${this.onNullPolicyChange}><calcite-label layout=inline><calcite-radio-button .value=${D.Zero} .checked=${this.model.nullPolicy===D.Zero}></calcite-radio-button>${this._messages.treatAsZero}</calcite-label><calcite-label layout=inline><calcite-radio-button .value=${D.Null} .checked=${this.model.nullPolicy===D.Null}></calcite-radio-button>${this._messages.treatAsNull}</calcite-label></calcite-radio-button-group>`}render(){let a=this.renderXAxisFieldSelect(),e=this.renderAggregation(),t=this.renderNumericFieldsSelect(),l=this.renderCalendarTypeSelect(),r=this.renderClassBreakMethodSelect(),i=this.renderColorRampSelect(),c=this.renderClassBreaksTable(),o=this.renderNullUI(),n=this.renderEmptyBins();return m`<calcite-label class=${d(g.label)}>${this._messages.dateRequired}${a}</calcite-label><calcite-label class=${d(g.label)}>${this._messages.calendarType}${l}</calcite-label><calcite-label class=${d(g.label)}>${this._messages.aggregation}${e}</calcite-label><calcite-label class=${d(g.label)}>${this._messages.numericField}${t}</calcite-label><calcite-label class=${d(g.label)}>${this._messages.method}${r}</calcite-label><calcite-label class=${d(g.label)}>${this._messages.numberOfClasses}<calcite-input type=number .min=${x.min} .max=${x.max} .disabled=${this.model.classificationMethod===void 0||this.model.classificationMethod===A.manual} step=1 .value=${ve(this.model.breaksCount,5)} @calciteInputInput=${this.onBreaksCountChange} ${b(this.breaksCountElement)}></calcite-input></calcite-label><calcite-label class=${d(g.label)}>${this._messages.colorScheme}${i}</calcite-label>${o}<calcite-accordion class=${d(g.accordion)} appearance=transparent selection-mode=single><calcite-accordion-item .heading=${this._messages.classBreaks}>${c}</calcite-accordion-item></calcite-accordion><calcite-label class=${d(g.label)}>${this._messages.emptyBins}${n}</calcite-label>${L(this.model)===N.YearByMonthAndDayOfMonth?m`<calcite-label class=${d(g.label)} layout=inline-space-between>${this._messages.includeLeapDay}<calcite-switch .checked=${this.model.includeLeapDay} @calciteSwitchChange=${this.onIncludeLeapDayChange}></calcite-switch></calcite-label>`:null}`}};le("arcgis-charts-config-heat-chart-data",J);return J},"smartMapping/renderers/color","smartMapping/symbology/color","smartMapping/symbology/support/colorRamps","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",a,c,e,f,g)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{b as te}from"./VPTDXGKU.js";import{b as E}from"./BJPCRXMJ.js";import{a as Q}from"./VFP7AKUR.js";import{a as ee}from"./HAJ2VWEU.js";import d from"./2JUKPBNE.js";import"./FPDW4F45.js";import{a as J}from"./6WQPKBUS.js";import b from"./SD2G2LCW.js";import{c as Z,d as g}from"./KZ7WEJMS.js";import a from"./BVFVLX3U.js";import{B as u,g as D,w as V}from"./DGTF5KBL.js";import"./SPAXIJWK.js";import{m as Y,o as j,p as K}from"./2OGUU3CF.js";import{j as v}from"./EZM4ZDQI.js";import{a as z}from"./ETLJKITO.js";import{A as o,B as I,D as w,F as q,g as R,h as r,m as X,x as c,y as h,z as N}from"./XQ26L3RE.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,,,{R:O,Rd:U,Sd:P,Td:k,Xc:p},,{h:C,i:x,n:T,p:W,r:H}])=>{var n={row:"row",column:"column",colorPicker:"color-picker"},se=R`.hide{display:none}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column}.row{display:flex;flex-direction:row;column-gap:var(--arcgis-charts-inter-section-margin)}.column{display:flex;flex-direction:column;flex-wrap:wrap;flex-grow:1}.column>calcite-input{margin-bottom:.5rem;flex-grow:2}.column>calcite-input[type=number]{margin-bottom:.5rem}input{padding:.5rem}.label{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--arcgis-charts-intra-section-margin);flex-grow:1}.color-picker{border:1px solid var(--calcite-color-border-2);box-shadow:none;margin-bottom:var(--arcgis-charts-inter-section-margin)}.delete-guide{display:flex;flex-direction:row-reverse;height:2rem;margin:0 1rem;font-weight:550}.delete-guide:dir(rtl){flex-direction:row}`,A=class extends N{constructor(){super(...arguments),this._messages=J(),this.startCalciteInput=c(),this.endCalciteInput=c(),this.startDateCalciteInput=c(),this.endDateCalciteInput=c(),this.startTimeCalciteInput=c(),this.endTimeCalciteInput=c(),this.colorElement=c(),this.colorChange=e=>{let t=e.detail,i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation);if(p(i,a)===u.SLS){let l=D(E.style),s=this.model.getGuideStyle(this.index,this.orientation),d={...l,...g(s)?s:{},color:t};this.lineStyleChange({detail:d})}else this.setColor(t)},this.symbolChange=e=>{let t=e?.detail,i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation);if(p(i,a)===u.SLS){let l=D(E.style),s=this.model.getGuideStyle(this.index,this.orientation),d={...l,...g(s)?s:{},...g(t)?t:{}};this.lineStyleChange({detail:d})}else t?.color!==void 0&&this.setColor(t.color)},this.onModelConfigChange=()=>{this.requestUpdate()},this.guidePopover=null,this.latestGuidePosition=0,this.arcgisChartsConfigGuideChange=X()}static{this.properties={guidePopover:16,messageOverrides:0,model:0,timeZone:1,calculatedMinMaxBounds:0,index:9,orientation:1,latestGuidePosition:9}}static{this.styles=se}get isXAxisDateField(){return this.orientation===v.X&&Y(this.model)&&this.model.getAxisValueFormat(0)?.type===z.DateAxisFormat}load(){this.modelChange(this.model)}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}loaded(){this.isXAxisDateField&&this.setGuideDateTimeRange()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onColorElementSelect(e){this.guidePopover?.open===!0?this.removeGuidePopover():this.setupGuidePopover(e)}setGuideStart(e){let{value:t}=e.target;this.startCalciteInput.value!==void 0&&(t===""?C({inputElement:this.startCalciteInput.value,status:x.INVALID}):(this.model.setGuideStart(t,this.index,this.orientation),this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),C({inputElement:this.startCalciteInput.value,status:x.IDLE}))),this.guidePopover?.open===!0&&this.removeGuidePopover()}setGuideEnd(e){let{value:t}=e.target;this.endCalciteInput.value!==void 0&&(this.model.setGuideEnd(t===""?null:t,this.index,this.orientation),this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),C({inputElement:this.endCalciteInput.value,status:x.IDLE})),this.guidePopover?.open===!0&&this.removeGuidePopover()}setGuideDateTimeRange(){let e=this.calculatedMinMaxBounds?.find(m=>m.isXAxis)?.minimum,t=this.calculatedMinMaxBounds?.find(m=>m.isXAxis)?.maximum,i=typeof e=="number"?new Date(e):new Date,a=typeof t=="number"?new Date(t):new Date,l=new window.Intl.DateTimeFormat().resolvedOptions().timeZone,s=U(this.timeZone)??l,d=P(i,s),$=k(i,s),f=P(a,s),ie=k(a,s),_=this.startDateCalciteInput.value?.value??"",G=_===""?d:_,L=this.startTimeCalciteInput.value?.value??"",F=L===""?$:L,y=this.endDateCalciteInput.value?.value??"",b=y===""?f:y,M=this.endTimeCalciteInput.value?.value??"",B=M===""?ie:M,S=!1;if(!Array.isArray(G)&&G!==void 0&&F!==void 0){let m=`${G}T${F}`;this.model.setGuideStart(m,this.index,this.orientation),S=!0}if(!Array.isArray(b)&&b!==void 0&&B!==void 0){let m=y===""?void 0:`${b}T${B}`;this.model.setGuideEnd(m,this.index,this.orientation),S=!0}S&&(this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),this.guidePopover?.open===!0&&this.removeGuidePopover())}setGuideName(e){let t=e.target.value;this.model.setGuideName(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setGuideLabel(e){let t=e.target.value;this.model.setGuideLabelText(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setGuideRendered(e){let t=e.target?.selectedItem?.value;if(t!==void 0){let i=t===this._messages.inFront;this.model.setGuideAbove(i,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}}lineStyleChange(e){let t=e.detail;this.model.setGuideStyle(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setupGuidePopover(e){e.stopImmediatePropagation();let t=this.model.getGuideStyle(this.index,this.orientation),i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation),l;p(i,a)===u.SLS?l=g(t)?t:void 0:l=t?.color;let s=this.colorElement.value;Array.isArray(t?.color)?(this.guidePopover=w(r`<arcgis-charts-config-guide-popover .referenceElement=${s} open .selectedElement=${l} @arcgisChartsConfigGuidePopoverColorChange=${this.colorChange} @arcgisChartsConfigGuidePopoverSymbolChange=${this.symbolChange} @arcgisChartsConfigPopoverClose=${this.removeGuidePopover}></arcgis-charts-config-guide-popover>`),this.guidePopover!==void 0&&!document.body.contains(this.guidePopover)&&document.body.appendChild(this.guidePopover)):this.removeGuidePopover()}removeGuidePopover(){this.guidePopover!==null&&this.guidePopover!==void 0&&(this.guidePopover=ee(this.guidePopover))}setColor(e){let t=O({opacity:0}),i=this.model.getGuideStyle(this.index,this.orientation),a={...Z(i)?i:{},type:u.SFS,color:e,outline:t};this.model.setGuideStyle(a,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}getDateStringFromBound(e){return typeof e=="string"?e.split("T")[0]:""}getTimeStringFromBound(e){return typeof e=="string"?e.split("T")[1]:""}createTooltip(e){let t=e.target,i="";switch(t.icon){case"view-visible":i=this._messages.hideGuide??"";break;case"view-hide":i=this._messages.showGuide??"";break;case"trash":default:i=this._messages.deleteGuide??"";break}this.tooltip=w(r`<calcite-tooltip style=${I({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${i}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}toggleGuide(){let e=this.model.getGuideVisibility(this.index,this.orientation);this.model.setGuideVisibility(!e,this.index,this.orientation)}destroyTooltip(){H(this.tooltip)}deleteGuide(){this.destroyTooltip(),this.orientation===v.X&&j(this.model)?this.model.deleteXAxisGuide(this.index):this.orientation===v.Y&&K(this.model)&&this.model.deleteYAxisGuide(this.index),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!0})}renderColorElement(){let e=this.model.getGuideStyle(this.index,this.orientation),[t,i,a,l]=[...e?.color??[1,1,1,255]],s=this.model.getGuideStart(this.index,this.orientation),d=this.model.getGuideEnd(this.index,this.orientation),$=g(e)?W(e.style):V.Solid,f=p(s,d)===u.SLS?`line-${$}`:"square-f";return r`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .value=${this._messages.style} class=${o(n.colorPicker)} .label=${this._messages.style} .selected=${this.guidePopover?.open} @click=${this.onColorElementSelect} ${h(this.colorElement)}><calcite-icon slot=content-end .icon=${f} style=${I({color:`rgba(${t},${i},${a},${l/255})`})}></calcite-icon></calcite-list-item></calcite-list>`}render(){let e=this.model.getGuideStart(this.index,this.orientation),t=this.model.getGuideEnd(this.index,this.orientation),i=this.model.getGuideName(this.index,this.orientation),a=this.model.getGuideLabelText(this.index,this.orientation),l=this.model.getGuideAbove(this.index,this.orientation),s=this.model.getGuideVisibility(this.index,this.orientation),d=this.isXAxisDateField;return r`<calcite-block .heading=${i??""} .expanded=${this.latestGuidePosition===te(this.index,this.orientation,this.model)} collapsible .messageOverrides=${{expand:this._messages.expand,collapse:this._messages.collapse}}><calcite-action slot=control text .icon=${s?"view-visible":"view-hide"} @click=${this.toggleGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><calcite-action slot=control text icon=trash @click=${this.deleteGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.start}${d?r`<calcite-input-date-picker .value=${this.getDateStringFromBound(e)} required scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${h(this.startDateCalciteInput)}></calcite-input-date-picker>`:r`<calcite-input type=number required @calciteInputInput=${this.setGuideStart} @keydown=${T} number-button-type=none .value=${e?.toString()} ${h(this.startCalciteInput)}></calcite-input>`}</calcite-label><calcite-label class=${o(n.column)}>${this._messages.end}${d?r`<calcite-input-date-picker .value=${this.getDateStringFromBound(t)} scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${h(this.endDateCalciteInput)}></calcite-input-date-picker>`:r`<calcite-input type=number @calciteInputInput=${this.setGuideEnd} @keydown=${T} number-button-type=none .value=${t?.toString()} ${h(this.endCalciteInput)}></calcite-input>`}</calcite-label></div>${d?Q("time-picker-row",r`<div class=${o(n.row)}>${e!=null?r`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(e)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${h(this.startTimeCalciteInput)}></calcite-input-time-picker></calcite-label>`:null}${t!=null?r`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(t)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${h(this.endTimeCalciteInput)}></calcite-input-time-picker></calcite-label>`:null}</div>`):null}<div class=${o(n.row)}><div class=${o(n.column)}>${this.renderColorElement()}</div></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideName}<calcite-input type=text .value=${i} @calciteInputInput=${this.setGuideName}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideLabel}<calcite-input type=text .value=${a} @calciteInputInput=${this.setGuideLabel}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.display}<calcite-segmented-control @calciteSegmentedControlChange=${this.setGuideRendered} scale=s><calcite-segmented-control-item .checked=${l} .value=${this._messages.inFront}>${this._messages.inFront}</calcite-segmented-control-item><calcite-segmented-control-item .checked=${!l} .value=${this._messages.inBack}>${this._messages.inBack}</calcite-segmented-control-item></calcite-segmented-control></calcite-label></div></calcite-block>`}};q("arcgis-charts-config-guide",A);return A},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request","intl",a,b,d)
|
|
2
|
+
import{b as te}from"./VPTDXGKU.js";import{b as E}from"./BJPCRXMJ.js";import{a as Q}from"./VFP7AKUR.js";import{a as ee}from"./HAJ2VWEU.js";import d from"./OZ7IZCS5.js";import"./FPDW4F45.js";import{a as J}from"./6WQPKBUS.js";import b from"./UZXMOHSJ.js";import{c as Z,d as g}from"./KZ7WEJMS.js";import a from"./CKEEXG7J.js";import{B as u,g as D,w as V}from"./DGTF5KBL.js";import"./SPAXIJWK.js";import{m as Y,o as j,p as K}from"./2OGUU3CF.js";import{j as v}from"./EZM4ZDQI.js";import{a as z}from"./ETLJKITO.js";import{A as o,B as I,D as w,F as q,g as R,h as r,m as X,x as c,y as h,z as N}from"./XQ26L3RE.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,,,{R:O,Rd:U,Sd:P,Td:k,Xc:p},,{h:C,i:x,n:T,p:W,r:H}])=>{var n={row:"row",column:"column",colorPicker:"color-picker"},se=R`.hide{display:none}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{display:flex;flex-direction:column}.row{display:flex;flex-direction:row;column-gap:var(--arcgis-charts-inter-section-margin)}.column{display:flex;flex-direction:column;flex-wrap:wrap;flex-grow:1}.column>calcite-input{margin-bottom:.5rem;flex-grow:2}.column>calcite-input[type=number]{margin-bottom:.5rem}input{padding:.5rem}.label{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:var(--arcgis-charts-intra-section-margin);flex-grow:1}.color-picker{border:1px solid var(--calcite-color-border-2);box-shadow:none;margin-bottom:var(--arcgis-charts-inter-section-margin)}.delete-guide{display:flex;flex-direction:row-reverse;height:2rem;margin:0 1rem;font-weight:550}.delete-guide:dir(rtl){flex-direction:row}`,A=class extends N{constructor(){super(...arguments),this._messages=J(),this.startCalciteInput=c(),this.endCalciteInput=c(),this.startDateCalciteInput=c(),this.endDateCalciteInput=c(),this.startTimeCalciteInput=c(),this.endTimeCalciteInput=c(),this.colorElement=c(),this.colorChange=e=>{let t=e.detail,i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation);if(p(i,a)===u.SLS){let l=D(E.style),s=this.model.getGuideStyle(this.index,this.orientation),d={...l,...g(s)?s:{},color:t};this.lineStyleChange({detail:d})}else this.setColor(t)},this.symbolChange=e=>{let t=e?.detail,i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation);if(p(i,a)===u.SLS){let l=D(E.style),s=this.model.getGuideStyle(this.index,this.orientation),d={...l,...g(s)?s:{},...g(t)?t:{}};this.lineStyleChange({detail:d})}else t?.color!==void 0&&this.setColor(t.color)},this.onModelConfigChange=()=>{this.requestUpdate()},this.guidePopover=null,this.latestGuidePosition=0,this.arcgisChartsConfigGuideChange=X()}static{this.properties={guidePopover:16,messageOverrides:0,model:0,timeZone:1,calculatedMinMaxBounds:0,index:9,orientation:1,latestGuidePosition:9}}static{this.styles=se}get isXAxisDateField(){return this.orientation===v.X&&Y(this.model)&&this.model.getAxisValueFormat(0)?.type===z.DateAxisFormat}load(){this.modelChange(this.model)}willUpdate(e){e.has("model")&&this.modelChange(this.model,e.get("model"))}loaded(){this.isXAxisDateField&&this.setGuideDateTimeRange()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(e,t){t?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),e?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}onColorElementSelect(e){this.guidePopover?.open===!0?this.removeGuidePopover():this.setupGuidePopover(e)}setGuideStart(e){let{value:t}=e.target;this.startCalciteInput.value!==void 0&&(t===""?C({inputElement:this.startCalciteInput.value,status:x.INVALID}):(this.model.setGuideStart(t,this.index,this.orientation),this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),C({inputElement:this.startCalciteInput.value,status:x.IDLE}))),this.guidePopover?.open===!0&&this.removeGuidePopover()}setGuideEnd(e){let{value:t}=e.target;this.endCalciteInput.value!==void 0&&(this.model.setGuideEnd(t===""?null:t,this.index,this.orientation),this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),C({inputElement:this.endCalciteInput.value,status:x.IDLE})),this.guidePopover?.open===!0&&this.removeGuidePopover()}setGuideDateTimeRange(){let e=this.calculatedMinMaxBounds?.find(m=>m.isXAxis)?.minimum,t=this.calculatedMinMaxBounds?.find(m=>m.isXAxis)?.maximum,i=typeof e=="number"?new Date(e):new Date,a=typeof t=="number"?new Date(t):new Date,l=new window.Intl.DateTimeFormat().resolvedOptions().timeZone,s=U(this.timeZone)??l,d=P(i,s),$=k(i,s),f=P(a,s),ie=k(a,s),_=this.startDateCalciteInput.value?.value??"",G=_===""?d:_,L=this.startTimeCalciteInput.value?.value??"",F=L===""?$:L,y=this.endDateCalciteInput.value?.value??"",b=y===""?f:y,M=this.endTimeCalciteInput.value?.value??"",B=M===""?ie:M,S=!1;if(!Array.isArray(G)&&G!==void 0&&F!==void 0){let m=`${G}T${F}`;this.model.setGuideStart(m,this.index,this.orientation),S=!0}if(!Array.isArray(b)&&b!==void 0&&B!==void 0){let m=y===""?void 0:`${b}T${B}`;this.model.setGuideEnd(m,this.index,this.orientation),S=!0}S&&(this.symbolChange(),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1}),this.guidePopover?.open===!0&&this.removeGuidePopover())}setGuideName(e){let t=e.target.value;this.model.setGuideName(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setGuideLabel(e){let t=e.target.value;this.model.setGuideLabelText(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setGuideRendered(e){let t=e.target?.selectedItem?.value;if(t!==void 0){let i=t===this._messages.inFront;this.model.setGuideAbove(i,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}}lineStyleChange(e){let t=e.detail;this.model.setGuideStyle(t,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}setupGuidePopover(e){e.stopImmediatePropagation();let t=this.model.getGuideStyle(this.index,this.orientation),i=this.model.getGuideStart(this.index,this.orientation),a=this.model.getGuideEnd(this.index,this.orientation),l;p(i,a)===u.SLS?l=g(t)?t:void 0:l=t?.color;let s=this.colorElement.value;Array.isArray(t?.color)?(this.guidePopover=w(r`<arcgis-charts-config-guide-popover .referenceElement=${s} open .selectedElement=${l} @arcgisChartsConfigGuidePopoverColorChange=${this.colorChange} @arcgisChartsConfigGuidePopoverSymbolChange=${this.symbolChange} @arcgisChartsConfigPopoverClose=${this.removeGuidePopover}></arcgis-charts-config-guide-popover>`),this.guidePopover!==void 0&&!document.body.contains(this.guidePopover)&&document.body.appendChild(this.guidePopover)):this.removeGuidePopover()}removeGuidePopover(){this.guidePopover!==null&&this.guidePopover!==void 0&&(this.guidePopover=ee(this.guidePopover))}setColor(e){let t=O({opacity:0}),i=this.model.getGuideStyle(this.index,this.orientation),a={...Z(i)?i:{},type:u.SFS,color:e,outline:t};this.model.setGuideStyle(a,this.index,this.orientation),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!1})}getDateStringFromBound(e){return typeof e=="string"?e.split("T")[0]:""}getTimeStringFromBound(e){return typeof e=="string"?e.split("T")[1]:""}createTooltip(e){let t=e.target,i="";switch(t.icon){case"view-visible":i=this._messages.hideGuide??"";break;case"view-hide":i=this._messages.showGuide??"";break;case"trash":default:i=this._messages.deleteGuide??"";break}this.tooltip=w(r`<calcite-tooltip style=${I({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${t} open placement=top>${i}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}toggleGuide(){let e=this.model.getGuideVisibility(this.index,this.orientation);this.model.setGuideVisibility(!e,this.index,this.orientation)}destroyTooltip(){H(this.tooltip)}deleteGuide(){this.destroyTooltip(),this.orientation===v.X&&j(this.model)?this.model.deleteXAxisGuide(this.index):this.orientation===v.Y&&K(this.model)&&this.model.deleteYAxisGuide(this.index),this.arcgisChartsConfigGuideChange.emit({index:this.index,orientation:this.orientation,isDelete:!0})}renderColorElement(){let e=this.model.getGuideStyle(this.index,this.orientation),[t,i,a,l]=[...e?.color??[1,1,1,255]],s=this.model.getGuideStart(this.index,this.orientation),d=this.model.getGuideEnd(this.index,this.orientation),$=g(e)?W(e.style):V.Solid,f=p(s,d)===u.SLS?`line-${$}`:"square-f";return r`<calcite-list label selection-mode=single selection-appearance=border><calcite-list-item .value=${this._messages.style} class=${o(n.colorPicker)} .label=${this._messages.style} .selected=${this.guidePopover?.open} @click=${this.onColorElementSelect} ${h(this.colorElement)}><calcite-icon slot=content-end .icon=${f} style=${I({color:`rgba(${t},${i},${a},${l/255})`})}></calcite-icon></calcite-list-item></calcite-list>`}render(){let e=this.model.getGuideStart(this.index,this.orientation),t=this.model.getGuideEnd(this.index,this.orientation),i=this.model.getGuideName(this.index,this.orientation),a=this.model.getGuideLabelText(this.index,this.orientation),l=this.model.getGuideAbove(this.index,this.orientation),s=this.model.getGuideVisibility(this.index,this.orientation),d=this.isXAxisDateField;return r`<calcite-block .heading=${i??""} .expanded=${this.latestGuidePosition===te(this.index,this.orientation,this.model)} collapsible .messageOverrides=${{expand:this._messages.expand,collapse:this._messages.collapse}}><calcite-action slot=control text .icon=${s?"view-visible":"view-hide"} @click=${this.toggleGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><calcite-action slot=control text icon=trash @click=${this.deleteGuide} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip}></calcite-action><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.start}${d?r`<calcite-input-date-picker .value=${this.getDateStringFromBound(e)} required scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${h(this.startDateCalciteInput)}></calcite-input-date-picker>`:r`<calcite-input type=number required @calciteInputInput=${this.setGuideStart} @keydown=${T} number-button-type=none .value=${e?.toString()} ${h(this.startCalciteInput)}></calcite-input>`}</calcite-label><calcite-label class=${o(n.column)}>${this._messages.end}${d?r`<calcite-input-date-picker .value=${this.getDateStringFromBound(t)} scale=s placement=bottom-end @calciteInputDatePickerChange=${this.setGuideDateTimeRange} ${h(this.endDateCalciteInput)}></calcite-input-date-picker>`:r`<calcite-input type=number @calciteInputInput=${this.setGuideEnd} @keydown=${T} number-button-type=none .value=${t?.toString()} ${h(this.endCalciteInput)}></calcite-input>`}</calcite-label></div>${d?Q("time-picker-row",r`<div class=${o(n.row)}>${e!=null?r`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(e)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${h(this.startTimeCalciteInput)}></calcite-input-time-picker></calcite-label>`:null}${t!=null?r`<calcite-label class=${o(n.column)}><calcite-input-time-picker .value=${this.getTimeStringFromBound(t)} scale=s @calciteInputTimePickerChange=${this.setGuideDateTimeRange} ${h(this.endTimeCalciteInput)}></calcite-input-time-picker></calcite-label>`:null}</div>`):null}<div class=${o(n.row)}><div class=${o(n.column)}>${this.renderColorElement()}</div></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideName}<calcite-input type=text .value=${i} @calciteInputInput=${this.setGuideName}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.guideLabel}<calcite-input type=text .value=${a} @calciteInputInput=${this.setGuideLabel}></calcite-input></calcite-label></div><div class=${o(n.row)}><calcite-label class=${o(n.column)}>${this._messages.display}<calcite-segmented-control @calciteSegmentedControlChange=${this.setGuideRendered} scale=s><calcite-segmented-control-item .checked=${l} .value=${this._messages.inFront}>${this._messages.inFront}</calcite-segmented-control-item><calcite-segmented-control-item .checked=${!l} .value=${this._messages.inBack}>${this._messages.inBack}</calcite-segmented-control-item></calcite-segmented-control></calcite-label></div></calcite-block>`}};q("arcgis-charts-config-guide",A);return A},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request","intl",a,b,d)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import c from"./
|
|
2
|
+
import c from"./EO756WDD.js";import b from"./MZD5VJSC.js";import a from"./UZXMOHSJ.js";import{j as s}from"./EZM4ZDQI.js";export default $arcgis.t(([{q:f},{c:a},{c:g,d:c,e:d}])=>{var u=Object.defineProperty,x=Object.getOwnPropertyDescriptor,m=(r,e,o,G)=>{for(var t=x(e,o),n=r.length-1,p;n>=0;n--)(p=r[n])&&(t=p(e,o,t)||t);return t&&u(e,o,t),t},i=class extends d{getXGuidesLength(){return this._config.axes?.[0]?.guides?.length}addXAxisGuide(e,o){g({config:this._config,name:e,index:o,orientation:s.X})}deleteXAxisGuide(e){c({config:this._config,index:e,orientation:s.X})}};m([a],i.prototype,"addXAxisGuide");m([a],i.prototype,"deleteXAxisGuide");var h=[d];f(i,h);return i},a,b,c)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import c from"./
|
|
2
|
+
import c from"./MZD5VJSC.js";import a from"./CKEEXG7J.js";import{g as b}from"./DGTF5KBL.js";export default $arcgis.t(([{O:l,Q:d,w:r},{b:f,c:c}])=>{var m=Object.defineProperty,p=Object.getOwnPropertyDescriptor,L=(a,t,e,g)=>{for(var o=p(t,e),s=a.length-1,n;s>=0;s--)(n=a[s])&&(o=n(t,e,o)||o);return o&&m(t,e,o),o};function S(a){return a!==void 0&&"dataLabelsSymbol"in a}var v=a=>{for(let t of a.series)if(t.dataLabels!==void 0)return t.dataLabels.content},y=(a,t)=>{for(let e of t.series)(e.dataLabels===void 0||a===void 0)&&(e.dataLabels=d({text:"",visible:!0,font:l(r.DataLabels),type:r.DataLabels})),a!==void 0&&(e.dataLabels.content=b(a))},i=class extends f{get dataLabelsSymbol(){return v(this._config)}set dataLabelsSymbol(t){y(t,this._config)}};L([c],i.prototype,"dataLabelsSymbol");return{a:S,b:i}},a,c)
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
+
import{b as u}from"./HAJ2VWEU.js";import{a as f}from"./6WQPKBUS.js";import a from"./CKEEXG7J.js";import"./DGTF5KBL.js";import"./SPAXIJWK.js";import"./ETLJKITO.js";import{A as i,F as C,g as c,h as m,m as o,x as h,y as d,z as g}from"./XQ26L3RE.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,,,,,,,,,,{z:v}])=>{var s={jsAppFlyout:"js-app-flyout",panelChildrenContainer:"panel-children-container"},y=c`.hide{display:none}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}:host{overflow-y:auto;width:min-content}.panel-children-container{display:flex;padding:0 1rem;margin-top:1rem}.panel-children-container calcite-label{flex:1 1 0px;display:flex;width:0px}`,r=class extends g{constructor(){super(...arguments),this._messages=f(),this.popoverElement=h(),this.arcgisChartsConfigPopoverClose=o(),this.arcgisChartsConfigSeriesPopoverColorChange=o(),this.arcgisChartsConfigSeriesPopoverNameChange=o()}static{this.properties={messageOverrides:0,referenceElement:0,selectedName:1,selectedColor:0,selectedSeriesIndex:9,placement:1,open:5,nullCategory:0}}static{this.styles=y}async reposition(){await this.popoverElement.value?.reposition()}updated(){u(this.popoverElement.value,this.open)}seriesNameChange(e){let t=e.target.value;this.selectedName!==t&&(this.selectedName=t,this.arcgisChartsConfigSeriesPopoverNameChange.emit({name:t}))}closePopover(){this.open=!1,this.arcgisChartsConfigPopoverClose.emit({selectedSeriesIndex:this.selectedSeriesIndex??-1})}colorChange(e){let t=e instanceof CustomEvent?e.detail:e,[a,l,n]=t,p=v*255;this.selectedColor=[a,l,n,p],this.arcgisChartsConfigSeriesPopoverColorChange.emit({color:[a,l,n,p]})}render(){let e=this.nullCategory?.symbol?.color??this.selectedColor,t=this.nullCategory?.text??this.selectedName;return m`<div class=${i({[s.jsAppFlyout]:!0})}><calcite-popover .referenceElement=${this.referenceElement??document.body} .placement=${this.placement} .open=${this.open} @calcitePopoverClose=${this.closePopover} label auto-close ${d(this.popoverElement)}><calcite-panel .heading=${this._messages.seriesElement} closable .closed=${!this.open} @calcitePanelClose=${this.closePopover}><div class=${i(s.panelChildrenContainer)}><calcite-label>${this._messages.label}<calcite-input type=text .value=${t} @calciteInputInput=${this.seriesNameChange}></calcite-input></calcite-label></div><div class=${i(s.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages.symbolColor} .rgba=${e} @arcgisColorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel></calcite-popover></div>`}};C("arcgis-charts-config-bar-chart-series-popover",r);return r},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",a)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import d from"./
|
|
2
|
+
import d from"./KITWKIQT.js";import c from"./MZD5VJSC.js";import a from"./CKEEXG7J.js";import{g as b}from"./DGTF5KBL.js";export default $arcgis.t(([{O:m,Q:p,R:g,w:c},{b:i,c:l},{g:v,h:S}])=>{var d=Object.defineProperty,u=Object.getOwnPropertyDescriptor,L=(e,t,o,a)=>{for(var s=u(t,o),r=e.length-1,n;r>=0;r--)(n=e[r])&&(s=n(t,o,s)||s);return s&&d(t,o,s),s};function J(e){return e!==void 0&&"xAxisTitleSymbol"in e}var f=class extends i{get xAxisTitleSymbol(){return v(this._config,0)}set xAxisTitleSymbol(t){S({symbol:t,axisIndex:0,config:this._config})}};L([l],f.prototype,"xAxisTitleSymbol");var h=Object.defineProperty,O=Object.getOwnPropertyDescriptor,j=(e,t,o,a)=>{for(var s=O(t,o),r=e.length-1,n;r>=0;r--)(n=e[r])&&(s=n(t,o,s)||s);return s&&h(t,o,s),s},A=e=>{for(let t of e.axes??[])if(t?.labels!==void 0)return t.labels.content},P=(e,t)=>{for(let o of t.axes??[])if(o!==void 0){let a=o.labels?.content.text;e===void 0?o.labels=p({text:"",visible:!0,font:m(c.AxisLabels),type:c.AxisLabels}):o.labels.content=b(e),o.labels.content.text=a}};function X(e){return e!==void 0&&"axisLabelsSymbol"in e}var x=class extends i{get axisLabelsSymbol(){return A(this._config)}set axisLabelsSymbol(t){P(t,this._config)}};j([l],x.prototype,"axisLabelsSymbol");var _=Object.defineProperty,D=Object.getOwnPropertyDescriptor,T=(e,t,o,a)=>{for(var s=D(t,o),r=e.length-1,n;r>=0;r--)(n=e[r])&&(s=n(t,o,s)||s);return s&&_(t,o,s),s},I=e=>{for(let t of e.axes??[])if(t?.lineSymbol!==void 0)return t.lineSymbol},w=(e,t)=>{for(let o of t.axes??[])o!==void 0&&(o.lineSymbol=b(e)??g())};function k(e){return e!==void 0&&"axisLinesSymbol"in e}var y=class extends i{get axisLinesSymbol(){return I(this._config)}set axisLinesSymbol(t){w(t,this._config)}};T([l],y.prototype,"axisLinesSymbol");return{a:J,b:f,c:X,d:x,e:k,f:y}},a,c,d)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{p as U}from"./KZ7WEJMS.js";import a from"./
|
|
2
|
+
import{p as U}from"./KZ7WEJMS.js";import a from"./CKEEXG7J.js";import{a as c,b as u,f as N,h as L,y as S}from"./ETLJKITO.js";export default $arcgis.t(([,,,,,{substitute:K},,,,,,,,,{Bb:b,Cc:F,Da:M,Fb:k,Gc:v,Lc:q,Mc:V,Nb:C,Nc:$,O:w,Od:I,Q:A,S:B,Zc:P,fa:j,w:O,yb:T}])=>{function ue(a,e,i){let t=a?.axes?.[e];t?.title!==void 0?t.title.content.text=i:t!==void 0&&(t.title=A({text:i,visible:!0,font:w(O.AxisTitle)}))}function de(a){let{config:e,layerInfo:i,commonStrings:t,numericFields:s,aggregationType:r}=a,o="";if(e)if(T(e)===N.Stacked100)o=t.utilsStrings.statistics.percent;else{let n=M(r,t);if(e.series[0]?.type===c.HeatSeries)o=b(i.layerFieldsInfo,e.series[0].y);else if(s.length===1){let g=b(i.layerFieldsInfo,s[0]),m=v(i.layer).idField;r===u.NoAggregation?o=g:r===u.Count&&m!==void 0&&s[0]===m?o=t.utilsStrings.statistics.count:o=K(t.axisLabels.aggregationOfFieldName,{aggregation:n,fieldName:g})}else s.length>1&&(r===u.NoAggregation?o=t.axisLabels.values:o=K(t.axisLabels.aggregationOfValues,{aggregation:n}))}return o}var G=(a,e,i)=>a.axes?.[e]??j(i,a.type)[e],H=a=>{let{config:e,axis:i,axisIndex:t}=a;e.axes!==void 0&&(e.axes[t]=i)},xe=a=>{let{config:e,axisIndex:i,isMax:t}=a,s=Number.NaN;return t?s=e.axes?.[i]?.maximum:s=e.axes?.[i]?.minimum,s??Number.NaN},D=a=>{let{config:e,value:i,axisIndex:t,isMax:s}=a,r=e?.axes?.[t];r!==void 0&&(s?r.maximum=i:r.minimum=i)},pe=a=>a.axes?.[0]?.valueFormat??B(),ye=(a,e,i)=>{let t=G(a,0,e);if(t!==void 0&&i!==void 0){let s={...t,valueFormat:i};H({config:a,axis:s,axisIndex:0})}},be=(a,e,i)=>{let t=a.axes?.[e];t!==void 0&&(t.integerOnlyValues=i)},W=a=>{let e=S(a.series);return e===c.BarSeries||e===c.ComboLineAndBarSeries||e===c.LineSeries},Y=a=>{let{axisIndex:e,config:i,isMultiAxis:t}=a,s=!1;return e===0||e===1&&t?s=!0:e===2&&(s=W(i)),s},Fe=a=>{let{axisIndex:e,func:i,config:t}=a;return Y({axisIndex:e,config:t,isMultiAxis:!0})?i(e):void 0},E=(a,e)=>{let i,t=e.axes?.[a]?.valueFormat;return(a===0||a>=1&&U(t))&&(i=t),i},ve=a=>{let{config:e,commonStrings:i,valueFormat:t,axisIndex:s=0}=a,r=G(e,s,i);if(r!==void 0&&t!==void 0){let o={...r,valueFormat:t};H({config:e,axis:o,axisIndex:s})}},Ie=(a,e)=>a.axes?.[e]?.isLogarithmic??!1,he=a=>{let{config:e,isLogarithmic:i,axisIndex:t}=a,s=e.axes?.[t];s&&(s.isLogarithmic=i,D({config:e,value:null,axisIndex:t,isMax:!0}),D({config:e,value:null,axisIndex:t,isMax:!1}))},Ne=a=>{let{config:e,scrollbar:i,axisIndex:t}=a;e.axes?.[t]!==void 0&&(e.axes[t].scrollbar=i)};async function Le(a){let{config:e,layer:i,xAxisField:t,splitByField:s,layerFieldsInfo:r,aggregationFields:o,fetchNullValues:n}=a,g=r.filter(y=>y.name===s)[0]?.type,m=n!==!0?`${s} IS NOT NULL`:"",d=t&&n!==!0?`${t} IS NOT NULL`:"",{where:f}=e?.dataFilters??{},Q={where:F([f,m,d]),orderByFields:k(s)?[]:[`${s} ${L.Ascending}`],geometry:e?.dataFilters?.geometry},h=i,x="";o.length===0?x=v(h).idField:[x]=o;let p=await I({queryObject:h,category:e?.series[0].x??"",splitByField:s,queryConfig:Q});if(e){let y=e?.series.map(l=>P({where:l.query?.where})?.toString()??"").filter(l=>l!==void 0&&l!=="");p=C({arrayA:p,arrayB:y,getKey:l=>l===null?null:l?.toString()})}return{categoriesArray:p,splitByFieldType:g,numericalField:x}}function Se(a,e){let i=e==="";for(let t of a)if(e===t.name){i=!0;break}return i}function Oe(a,e){let i=q(a),t=e.length===0,s=0;for(let r of e){for(let o of i)if(r===o&&(s+=1),s===e.length){t=!0;break}if(t)break}return t}function we(a,e){e.forEach(i=>{Object.getOwnPropertyNames(i.prototype).forEach(t=>{Object.defineProperty(a.prototype,t,Object.getOwnPropertyDescriptor(i.prototype,t)||Object.create(null))})})}async function Ae(a){let{layerInfo:e,config:i,category:t}=a,{layer:s}=e,{where:r}=i?.dataFilters??{},{fetchNullValues:o}=i?.series?.[0]?.query??{},n=o!==!0?`${t} IS NOT NULL`:"",g={where:F([r,n]),orderByFields:[],geometry:i?.dataFilters?.geometry},m=V(s);return(await I({queryObject:s,category:t,queryConfig:g})).map(d=>{let f=String(d);return $({fieldName:t,fieldValueToMatch:f,subtypeInfo:m,fieldList:e.layerFieldsInfo})??f})}function Be(a){return a!==void 0&&E(0,a)?.type===c.CategoryAxisFormat&&E(1,a)?.type===c.CategoryAxisFormat}return{a:ue,b:de,c:xe,d:D,e:pe,f:ye,g:be,h:Fe,i:E,j:ve,k:Ie,l:he,m:Ne,n:Le,o:Se,p:Oe,q:we,r:Ae,s:Be}},"core/promiseUtils","request","Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent",a)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import{d as a}from"./FPDW4F45.js";import{g as f}from"./KZ7WEJMS.js";import b from"./
|
|
2
|
+
import{d as a}from"./FPDW4F45.js";import{g as f}from"./KZ7WEJMS.js";import b from"./CKEEXG7J.js";import{n as t}from"./DGTF5KBL.js";import"./SPAXIJWK.js";import"./ETLJKITO.js";import{F as c,g as n,h as s,m,z as h}from"./XQ26L3RE.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,,,,,,,,,,{Dc:d,Fc:g,Hc:p,Ic:y}])=>{var C=n`:host{overflow-y:auto;overflow-x:hidden;margin-bottom:var(--arcgis-charts-intra-section-margin);margin-top:var(--arcgis-charts-intra-section-margin);height:100%}`,l=class extends h{constructor(){super(...arguments),this.onModelConfigChange=async i=>{let e=i?.detail.config??this.model.config;this.layer===void 0&&await this.updateFetchLayerFieldsInfo(e)},this.activeColorMatch=!1,this.popoverPlacement="leading",this.arcgisChartsConfigNoSeriesUpdate=m()}static{this.properties={layerFieldsInfo:16,activeColorMatch:16,model:0,timeZone:1,popoverPlacement:1,seriesColor:0,calculatedDataMinMaxBounds:0,calculatedMinMaxBounds:0,page:1,layer:0,usePopupTemplateFieldsInfo:5}}static{this.styles=C}async load(){this.seriesColor!==void 0&&this.seriesColorChange(this.seriesColor),await this.updateFetchLayerFieldsInfo(this.model?.config),this.modelChange(this.model)}willUpdate(i){let e=!1;i.has("model")&&this.modelChange(this.model,i.get("model")),i.has("layer")&&this.layer!==void 0&&!t(i.get("layer"),this.layer)&&(e=!0),i.has("usePopupTemplateFieldsInfo")&&this.usePopupTemplateFieldsInfo!==i.get("usePopupTemplateFieldsInfo")&&(e=!0),i.has("seriesColor")&&this.seriesColorChange(this.seriesColor),this.layerFieldsInfo===void 0&&(e=!0),e&&this.updateFetchLayerFieldsInfo()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(i,e){e?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),i?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}seriesColorChange(i){this.activeColorMatch=i?.get(0)?.markerSymbol===void 0,this.model.colorMatch&&i?.forEach((e,o)=>{e&&i?.get(0)!==void 0&&("lineSymbol"in e&&(e.lineSymbol?.color!==void 0&&!t(this.model.getSeriesColor(o),e.lineSymbol.color)&&this.model.setSeriesColor(e.lineSymbol.color,o),e.lineSymbol?.style!==void 0&&!t(this.model.getSeriesLineStyle(o),e.lineSymbol.style)&&this.model.setSeriesLineStyle(e.lineSymbol.style,o),e.lineSymbol?.width!==void 0&&!t(this.model.getSeriesLineWidth(o),e.lineSymbol.width)&&this.model.setSeriesLineWidth(e.lineSymbol.width,o)),"markerSymbol"in e&&(e.markerSymbol?.color!==void 0&&!t(this.model.getSeriesMarkerColor(o),e.markerSymbol?.color)&&this.model.setSeriesMarkerColor(e.markerSymbol?.color,o),e.markerSymbol?.style!==void 0&&!t(this.model.getSeriesMarkerStyle(o),e.markerSymbol?.style)&&this.model.setSeriesMarkerStyle(e.markerSymbol?.style,o),e.markerSymbol?.size!==void 0&&this.model.getSeriesMarkerSize(o)!==e.markerSymbol?.size&&this.model.setSeriesMarkerSize(e.markerSymbol?.size,o)))})}async updateFetchLayerFieldsInfo(i){let e=i??this.model.config,o=this.layer;if(!o){let r=f(e)?e.iLayer:void 0;r&&(o=await d(r))}o&&(this.layerFieldsInfo=await g(o,this.usePopupTemplateFieldsInfo))}render(){let i=this.layerFieldsInfo?.find(r=>r.name===this.model.xAxisField),e=i!==void 0&&(p(i)||y(i)),o;switch(this.page){case a.Data:o=s`<arcgis-charts-config-line-chart-data .model=${this.model} .resetTimeInterval=${this.model.resetTimeInterval} .layerFieldsInfo=${this.layerFieldsInfo}></arcgis-charts-config-line-chart-data>`;break;case a.Series:o=s`<arcgis-charts-config-line-chart-series .model=${this.model} .activeColorMatch=${this.activeColorMatch} .popoverPlacement=${this.popoverPlacement}></arcgis-charts-config-line-chart-series>`;break;case a.Axes:o=s`<arcgis-charts-config-axes .model=${this.model} show-min-y-bound-option show-max-y-bound-option show-enable-x-log-option show-enable-y-log-option .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds}></arcgis-charts-config-axes>`;break;case a.Guides:o=s`<arcgis-charts-config-guides .model=${this.model} .timeZone=${this.timeZone} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .enableXAxisGuide=${e} enable-y-axis-guide></arcgis-charts-config-guides>`;break;case a.Format:o=s`<arcgis-charts-config-format .model=${this.model}></arcgis-charts-config-format>`;break;case a.General:o=s`<arcgis-charts-config-general .model=${this.model}></arcgis-charts-config-general>`;break;default:o="";break}return o}};c("arcgis-charts-config-line-chart",l);return l},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",b)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import e from"./
|
|
2
|
+
import e from"./OBSMBH62.js";import{a as u}from"./SBHIJW76.js";import{a as v}from"./VFP7AKUR.js";import{a as f}from"./HAJ2VWEU.js";import{a as g}from"./6WQPKBUS.js";import c from"./UZXMOHSJ.js";import"./KZ7WEJMS.js";import b from"./CKEEXG7J.js";import"./DGTF5KBL.js";import"./SPAXIJWK.js";import"./ETLJKITO.js";import{A as s,D as p,F as C,g as d,h as a,m as o,z as m}from"./XQ26L3RE.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,,,,,,,,,,,,,,,{a:w}])=>{var n={addChartContainer:"add-chart-container",viewChartComponent:"view-chart-component",header:"header",dropdownPopup:"dropdown-popup"},$=d`.view-chart-component{width:var(--arcgis-charts-config-panel-width);height:var(--arcgis-charts-config-panel-height)}.add-chart-container{display:flex;justify-content:center;padding:2rem 0;background-color:var(--calcite-color-background)}.header{margin-left:1rem}.dropdown-popup{position:relative}`,l=class extends m{constructor(){super(...arguments),this._messages=g(),this.chartRenamePopover=null,this.popoverClose=()=>{let e=this.modelList?.find(t=>t.chartId===this.selectedChartId);this.chartTitle=e?.titleText??"",this.selectedActionChartId="",this.removeChartRenamePopover()},this.onChartRename=e=>{if(!this.disableEditing){this.chartTitle=e.detail.name;let t=this.modelList?.find(i=>i.chartId===this.selectedActionChartId);t!==void 0&&(t.titleText=this.chartTitle),this.selectedActionChartId="",this.removeChartRenamePopover()}},this.onModelConfigChange=()=>{this.requestUpdate()},this.onCalciteListOrderChange=e=>{if(e.detail!==null&&e.detail!==void 0){let{newIndex:t,oldIndex:i}=e.detail;if(this.modelList!==void 0&&this.modelList?.length>0){let r=[...this.modelList],c=r?.[i],h=r?.[t];c&&h&&(r.splice(i,1),r.splice(t,0,c)),this.chartsOrderReorderCounter+=1,this.arcgisChartsConfigModelListReorder.emit({modelList:r})}}},this.isChartRenamePopoverOpen=!1,this.chartTitle="",this.chartsOrderReorderCounter=0,this.noGroup=!1,this.disableEditing=!1,this.arcgisChartsConfigModelListReorder=o(),this.arcgisChartsConfigViewChartAddChart=o(),this.arcgisChartsConfigViewChartDelete=o(),this.arcgisChartsConfigViewChartEdit=o(),this.arcgisChartsConfigViewChartSelect=o()}static{this.properties={isChartRenamePopoverOpen:16,chartTitle:16,selectedActionChartId:16,chartsOrderReorderCounter:16,messageOverrides:0,selectedChartId:1,layer:0,modelList:0,noGroup:5,disableEditing:5}}static{this.styles=$}willUpdate(e){e.has("modelList")&&this.modelListChange(this.modelList,e.get("modelList"))}disconnectedCallback(){super.disconnectedCallback(),this.removeChartRenamePopover()}modelListChange(e,t){t?.forEach(i=>{i.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}),e?.forEach(i=>{i.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)})}onAddChartClick(e){e.stopImmediatePropagation(),this.selectedActionChartId=void 0,this.isChartRenamePopoverOpen&&this.removeChartRenamePopover(),this.arcgisChartsConfigViewChartAddChart.emit({referenceElement:e.target,layerId:this.layer?.id.toString()})}buildChartList(){let e=this.modelList?u(this.modelList,t=>t.chartId,(t,i)=>{let r=t.chartId,c=t.titleText,h=w(t.config);return a`<calcite-list-item .label=${c??r??this._messages.chartTitle} .selected=${this.selectedChartId===(r?.toString()??i.toString())} .value=${r??i.toString()} @click=${this.onChartSelect}><calcite-icon slot=content-start .icon=${h}></calcite-icon>${this.disableEditing?null:a`<calcite-dropdown slot=actions-end overlay-positioning=fixed placement=bottom-end .open=${this.selectedActionChartId===r} @calciteDropdownClose=${()=>this.chartActionClosed(r??"")} @calciteDropdownOpen=${()=>this.chartActionOpened(r??"")} class=${s(n.dropdownPopup)}><calcite-action scale=l .text=${this._messages.chartActions??""} slot=trigger .active=${r===this.selectedActionChartId}><calcite-icon icon=ellipsis></calcite-icon></calcite-action><calcite-dropdown-group selection-mode=none><calcite-dropdown-item accesskey=edit @calciteDropdownItemSelect=${this.chartEditSelect}>${this._messages.edit}</calcite-dropdown-item><calcite-dropdown-item accesskey=rename @click=${R=>R.stopPropagation()} @calciteDropdownItemSelect=${this.chartRenameSelect}>${this._messages.rename}</calcite-dropdown-item><calcite-dropdown-item accesskey=delete @calciteDropdownItemSelect=${this.chartDeleteSelect}>${this._messages.delete}</calcite-dropdown-item></calcite-dropdown-group></calcite-dropdown>`}</calcite-list-item>`}):null;return this.layer?a`<div>${this.noGroup?null:a`<p class=${s(n.header)}>${this.layer.title??this.layer.id.toString()}</p>`}${v(this.chartsOrderReorderCounter,a`<calcite-list label .dragEnabled=${!this.disableEditing} selection-mode=single selection-appearance=border @calciteListOrderChange=${this.onCalciteListOrderChange}>${e}${this.disableEditing?null:a`<div class=${s(n.addChartContainer)}><calcite-fab slot=fab appearance=outline-fill kind=neutral text-enabled .text=${this._messages.addChart} .label=${this._messages.addChart} @click=${this.onAddChartClick} scale=s></calcite-fab></div>`}</calcite-list>`)}</div>`:null}onChartSelect(e){let t=e.currentTarget,i;t?.localName==="calcite-list-item"?i=t.value:t?.localName==="calcite-icon"&&(i=t.parentNode.value),this.arcgisChartsConfigViewChartSelect.emit({chartId:i})}chartEditSelect(){this.disableEditing||(this.arcgisChartsConfigViewChartEdit.emit({chartId:this.selectedActionChartId}),this.chartActionClosed(this.selectedActionChartId))}chartRenameSelect(e){if(!this.disableEditing){let t=e.target.closest("calcite-list-item"),i=this.modelList?.find(r=>r.chartId===this.selectedActionChartId);t!==null&&(this.renameReferenceElement=t),this.arcgisChartsConfigViewChartSelect.emit({chartId:this.selectedActionChartId}),this.chartTitle=i?.titleText??"",this.setupRenamePopover()}}chartDeleteSelect(){this.disableEditing||(this.arcgisChartsConfigViewChartDelete.emit({chartId:this.selectedActionChartId}),this.selectedActionChartId="")}chartActionClosed(e){e===this.selectedActionChartId&&!this.isChartRenamePopoverOpen&&(this.selectedActionChartId=void 0)}chartActionOpened(e){this.selectedActionChartId=e}setupRenamePopover(){this.isChartRenamePopoverOpen=!0,this.chartRenamePopover!==null&&(this.chartRenamePopover.name=this.chartTitle,this.chartRenamePopover.referenceElement=this.renameReferenceElement),this.chartRenamePopover=p(a`<arcgis-charts-config-chart-rename-popover .name=${this.chartTitle} .referenceElement=${this.renameReferenceElement} .open=${this.isChartRenamePopoverOpen} @arcgisChartsConfigPopoverClose=${this.popoverClose} @arcgisChartsConfigChartRenamePopoverChange=${this.onChartRename}></arcgis-charts-config-chart-rename-popover>`),!document.body.contains(this.chartRenamePopover)&&this.chartRenamePopover!==null&&document.body.appendChild(this.chartRenamePopover)}removeChartRenamePopover(){this.chartRenamePopover!==null&&(this.isChartRenamePopoverOpen=!1,this.chartRenamePopover=f(this.chartRenamePopover))}render(){return a`<div class=${s(n.viewChartComponent)}>${this.buildChartList()}</div>`}};C("arcgis-charts-config-view-charts",l);return l},"Graphic","renderers/support/jsonUtils","symbols/support/symbolUtils","intl","layers/support/FeatureFilter","smartMapping/statistics/histogram","smartMapping/statistics/summaryStatistics","request","AttributeBinsGraphic","geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils",b,c,e)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/* COPYRIGHT Esri - https://js.arcgis.com/5.1/LICENSE.txt */
|
|
2
|
-
import f from"./
|
|
2
|
+
import f from"./OZ7IZCS5.js";import"./FPDW4F45.js";import{a as b}from"./6WQPKBUS.js";import e from"./UZXMOHSJ.js";import"./KZ7WEJMS.js";import c from"./CKEEXG7J.js";import"./DGTF5KBL.js";import"./SPAXIJWK.js";import"./EZM4ZDQI.js";import"./ETLJKITO.js";import{A as a,F as d,g as l,h as o,m as u,x as h,y as g,z as p}from"./XQ26L3RE.js";import"./QPIMTXPL.js";export default $arcgis.t(([,,{f:f,g:v,h:r,i:m}])=>{var s={container:"container",label:"label",numberInput:"number-input"},x=l`.hide{display:none}.am5-html-container{z-index:101!important}.am5-layer-1000{z-index:1000!important}.am5-layer-30{z-index:100!important}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}.container{width:var(--arcgis-charts-config-calcite-block-width, var(--arcgis-charts-config-calcite-block-default-width));height:var(--arcgis-charts-config-calcite-block-height, var(--arcgis-charts-config-calcite-block-default-height));margin-top:.5rem}.container>.number-input{margin-bottom:.5rem;display:flex}.container>.number-input>div{width:100%}.label{display:flex;margin-bottom:.5rem;justify-content:space-between}`,c=class extends p{constructor(){super(...arguments),this._messages=b(),this.decimalPlacesInputElement=h(),this.arcgisChartsConfigNumberFormatChange=u()}static{this.properties={messageOverrides:0,numberFormat:0}}static{this.styles=x}onDecimalPlacesChange(){let t=this.decimalPlacesInputElement.value?.value,i=Math.floor(Number(t)),n=i===Number(t)&&i>=0;if(t!==void 0&&n&&f(t,this.decimalPlacesInputElement.value?.min,this.decimalPlacesInputElement.value?.max)){let F=Number.parseInt(t),e={minimumFractionDigits:this.numberFormat?.minimumFractionDigits,maximumFractionDigits:F};e.maximumFractionDigits!==void 0&&e.minimumFractionDigits!==void 0&&e.minimumFractionDigits>e.maximumFractionDigits&&(e.minimumFractionDigits=e.maximumFractionDigits);let C=this.getUpdatedNumberFormat(e);this.arcgisChartsConfigNumberFormatChange.emit(C),this.decimalPlacesInputElement.value&&r({inputElement:this.decimalPlacesInputElement.value,status:m.IDLE})}else this.decimalPlacesInputElement.value&&r({inputElement:this.decimalPlacesInputElement.value,status:m.INVALID})}onShowThousandsSeparatorChange(t){let i=t.target.checked,n=this.getUpdatedNumberFormat({useGrouping:i});this.arcgisChartsConfigNumberFormatChange.emit(n)}getUpdatedNumberFormat(t){return{...this.numberFormat,...t}}render(){return o`<div class=${a(s.container)}><calcite-label class=${a(s.label)}>${this._messages.decimalPlaces}<calcite-input type=number class=${a(s.numberInput)} min=0 max=20 step=1 .value=${v(this.numberFormat?.maximumFractionDigits,2)} @calciteInputInput=${this.onDecimalPlacesChange} ${g(this.decimalPlacesInputElement)}></calcite-input></calcite-label><calcite-label layout=inline-space-between class=${a(s.label)}>${this._messages.showThousandSeparators}<calcite-switch name=useGrouping .checked=${!!(this.numberFormat?.useGrouping??!0)} @calciteSwitchChange=${this.onShowThousandsSeparatorChange}></calcite-switch></calcite-label></div>`}};d("arcgis-charts-config-number-format",c);return c},c,e,f)
|