@arcgis/charts-components 4.34.0-next.41 → 4.34.0-next.42

package/dist/cdn/{7NHUC2AH.js → CB3IIVKE.js}

@@ -1,4 +1,4 @@
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/4.34/esri/copyright.txt for details.
-v4.34.0-next.41 */
-import r from"./TVODXJVP.js";import m from"./OMX6AIR7.js";import l from"./WAUGQLAL.js";import j from"./LHQ3AX7F.js";import i from"./L2IMFFSG.js";import g from"./T5E2FWK2.js";import{c as p}from"./N3EB3QN4.js";import{a as O}from"./KSRJMIRK.js";import e from"./XOXEQYJF.js";import{a as v,b as Y}from"./JMREJDBB.js";import{a as A,b as F}from"./RXQ3W7ZF.js";import{a as q}from"./3ZHZK3KA.js";import{a as S}from"./NILNAM3A.js";import d from"./XQAMZP5N.js";import b from"./U2YYFKTB.js";import{a as R}from"./JEUXOKOJ.js";import{d as n}from"./3JWOSRCD.js";import a from"./N4SITFMB.js";import{A as h,E,i as D,j as c,n as f,z as k}from"./A2UX5YIK.js";import{a as K}from"./7OLC7BOJ.js";import{f as x,m as L,n as X,s as P}from"./64O2LZDS.js";import"./ENLM3WUZ.js";import{a as o,l as N}from"./HUYHVREK.js";import"./WIJAPDOB.js";export default $arcgis.t(([,,,,,,,{A:M,Jb:$,Q:V,Zc:b,gc:U,wb:T},{o:z,p:G},{a:Z,c:j},,,,,,{a:_,e:y,f:H},{b:I}])=>{var d={chartUIComponent:"chart-ui-component",tabBar:"tab-bar",tab:"tab"};function W(m,e){let t=new Set,a=e;return m?.forEach((i,s)=>{let r=i.getChartId();(t.has(r)||r===void 0||r==="")&&(i.setChartId(`Chart_${Date.now()}_${s}`),e===r&&(a=i.getChartId())),t.add(r)}),a}function J(m,e,t){return m?.filter(a=>T(t,a.getConfig())&&a.getLayer()?.id===e)??[]}function ee(m){let{modelList:e,layerList:t,activeLayerId:a,disableEditing:i}=m,s=new Map;return e?.forEach(r=>{let l=r.getLayer();l&&s.set(l.id,l)}),i||t.forEach(r=>s.set(r.id,r)),Array.from(s.values()).filter(r=>!a||r.id===a)}function te(m,e){m.forEach(t=>{e.forEach(a=>{t?.id===a.getLayer()?.id&&Q(t,a)})})}function Q(m,e){let t=m;if(t){let a=[...t?.charts??[]],i=a?.findIndex(r=>r.id===e.getChartId()),s=!1;i!==void 0&&i>-1?(s=!M(a[i],e.getConfig()),a[i]=e.getConfig()):t&&!b(e.getConfig())&&(s=!0,a.push(e.getConfig())),s&&(t.charts=a)}}function ae(m,e){let t=m;if(t){let a=[...t.charts??[]],i=a.findIndex(s=>s.id===e);i>-1&&(a.splice(i,1),t.charts=a)}}function ie(m,e){let t=m;if(t){let a=[...t.charts??[]];a=$({arrayA:a,arrayB:e.map(i=>i.getConfig()),getKey:i=>i.id??i.title?.content.text??""}),t.charts=a}}var se=D`: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}`,B=class extends k{constructor(){super(),this.chartsListFlowItem=A(),this.supportedChartTypes=[o.BarSeries,o.BoxPlotSeries,o.LineSeries,o.PieSeries,o.HistogramSeries,o.ScatterSeries],this._messages=R(),this.chartDataProcessComplete=e=>{let t=e,{chartData:a,model:i}=t.detail,s=this.getModel(this.selectedChartId);if(i?.isSameChartAs(s))switch(s?.getChartType()){case o.HistogramSeries:this.chartData=a,i&&(i.dataStore.chartData=a);break;case o.PieSeries:{this.chartData=a,i&&(i.dataStore.chartData=a);break}case o.ScatterSeries:{let r=a,{dataItems:l,r2:C}=r,g=C;Number.isFinite(C)||(g=void 0),this.r2=g,i&&(i.dataStore.r2=g),this.calculatedDataMinMaxBounds=this.getDataExtent(l),i&&(i.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds);break}case o.LineSeries:{let{dataItems:r,timeIntervalInfo:l}=a;x(s)&&(l?.size!==void 0&&s.getTemporalBinningSize()!==l?.size&&s.setTemporalBinningSize(l?.size),l?.unit!==void 0&&s.getTemporalBinningUnit()!==l?.unit&&l?.unit!==N.Quarter&&s.setTemporalBinningUnit(l?.unit)),this.calculatedDataMinMaxBounds=this.getDataExtent(r),i&&(i.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds);break}}},this.chartAxesMinMaxChange=e=>{let t=e,{bounds:a,model:i}=t.detail,s=this.getModel(this.selectedChartId),r=i?.isSameChartAs(s),l=s?.getChartType();if(r)switch(l){case o.BarSeries:case o.BoxPlotSeries:case o.LineSeries:case o.HistogramSeries:case o.ScatterSeries:this.calculatedMinMaxBounds=a,i&&(i.dataStore.calculatedMinMaxBounds=a),this.updateAxesBoundsInAppState(a);break}},this.chartSeriesColorChange=e=>{let t=e,{data:a,model:i}=t.detail,s=this.getModel(this.selectedChartId);if(i?.isSameChartAs(s))switch(s?.getChartType()){case o.BarSeries:case o.BoxPlotSeries:case o.LineSeries:case o.HistogramSeries:this.seriesColor=a,i&&(i.dataStore.seriesColor=a);break;case o.PieSeries:{let r=new Map([[0,a]]);this.seriesColor=r,i&&(i.dataStore.seriesColor=r);break}case o.ScatterSeries:}},this.chartNoRenderPropChange=e=>{let t=e,{propName:a,value:i,model:s}=t.detail,r=this.modelList.find(l=>s?.isSameChartAs(l));if(r)switch(a){case"rotation":typeof i=="boolean"&&X(r)&&r.setRotatedState(i);break;case"legendPosition":typeof i=="string"&&P(r)&&r.setLegendPosition(i);break;case"legendVisibility":typeof i=="boolean"&&P(r)&&r.setLegendVisibility(i);break}},this.chartLegendItemVisibilityChange=async e=>{let t=e,{legendItemVisibility:a,model:i}=t.detail,s=this.modelList.find(r=>i?.isSameChartAs(r));s?.setSeriesVisibility(a),L(s)&&((s.getMinYBound()===null||Number.isNaN(s.getMinYBound()))&&await s.setMinYBound(null),(s.getMaxYBound()===null||Number.isNaN(s.getMaxYBound()))&&await s.setMaxYBound(null),x(s)&&((s.getMinXBound()===null||Number.isNaN(s.getMinXBound()))&&await s.setMinXBound(null),(s.getMaxXBound()===null||Number.isNaN(s.getMaxXBound()))&&await s.setMaxXBound(null)))},this.onSelectChartTypeChange=e=>{this.currentChartTypeText="",this.calculatedDataMinMaxBounds=void 0,this.calculatedMinMaxBounds=void 0,this.removeSelectChartTypePopover();let{selectedModelType:t,layerId:a}=e.target;t!==void 0&&this.arcgisChartsConfigNewChart.emit({key:"key",chartType:t,layerId:a})},this.onAddChartClose=()=>{this.removeSelectChartTypePopover()},this.onModelConfigChange=e=>{if(this.syncChartsToLayers){let t=e.target;Q(t?.getLayer(),t)}this.requestUpdate()},this.currentChartTypeText="",this.modelList=[],this.layerList=[],this.disableEditing=!1,this.syncChartsToLayers=!1,this.panelNumber=0,this.arcgisChartsConfigChartViewChartClose=f(),this.arcgisChartsConfigModelListChange=f(),this.arcgisChartsConfigNewChart=f(),this.arcgisChartsConfigPanelNumberChange=f(),this.arcgisChartsConfigPopoverOpenChange=f(),this.arcgisChartsConfigSelectedChartChange=f(),this.listen("arcgisChartsConfigModelListReorder",this.modelListReorderChangeListener)}static{this.properties={selectedPanel:16,currentChartTypeText:16,messageOverrides:0,modelList:[0,{hasChanged:y}],layerList:[0,{hasChanged:y}],selectedChartId:3,activeLayerId:3,disableEditing:7,syncChartsToLayers:7,timeZone:3,headerTitle:3,open:7,chartData:[0,{hasChanged:y}],r2:9,calculatedDataMinMaxBounds:[0,{hasChanged:y}],calculatedMinMaxBounds:[2,{hasChanged:y}],seriesColor:[2,{hasChanged:H}],popoverPlacement:3,usePopupTemplateFieldsInfo:5,panelNumber:11,filterBySelection:5}}static{this.styles=se}async setFocus(){this.chartsListFlowItem.value?.setFocus()}connectedCallback(){super.connectedCallback(),this.addChartEventListeners()}async load(){await this.layerListChange();let e=this.getModel(this.selectedChartId);this.setEventBasedPropsFromModelData(e)}async willUpdate(e){e.has("layerList")&&(this.hasUpdated||this.layerList?.length>0)&&await this.layerListChange(),e.has("modelList")&&(this.hasUpdated||this.modelList?.length>0)&&await this.modelListChange(this.modelList,e.get("modelList")),e.has("selectedChartId")&&await this.selectedChartIdChange(this.selectedChartId),e.has("panelNumber")&&(this.hasUpdated||this.panelNumber!==0)&&this.panelNumberChange(this.panelNumber)}disconnectedCallback(){super.disconnectedCallback(),this.clearPartialModels(),this.removeSelectChartTypePopover(),this.removeChartEventListeners(),this.selectChartTypePopover=void 0}modelListReorderChangeListener(e){let{modelList:t}=e.detail;if(this.modelList=$({arrayA:this.modelList,arrayB:t,getKey:a=>a.getChartId()??a.getTitleText()??""}),this.syncChartsToLayers){let a=t.find(i=>i.getLayer()?.id!==void 0)?.getLayer()?.id;if(a){let i=this.layerList.find(s=>s.id.toString()===a);i&&ie(i,t)}}}async layerListChange(){let e=[],t=this.layerList.map(i=>i.id.toString()),a=[...this.modelList.filter(i=>t.includes(i.getLayer()?.id??""))];for(let i of this.layerList??[]){if(i.type==="sublayer"){let r=await i.createFeatureLayer();if(!r)continue;i=r}let s=i;for(let r of s.charts??[]){let l=await K({layer:i,config:r});l!==void 0&&e.push(l)}}W(e),e.forEach(i=>{a.find(s=>s.isSameChartAs(i))===void 0&&a.push(i)}),this.modelList=a}async modelListChange(e,t){this.selectedChartId=W(e,this.selectedChartId),t?.forEach(i=>{i.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}),e.forEach(i=>{i.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)});let a=this.getModel(this.selectedChartId);this.currentChartTypeText=a?.getChartType()!==void 0?await I(a.getChartType()):"",this.syncChartsToLayers&&te(this.layerList,e),this.arcgisChartsConfigModelListChange.emit({modelList:e})}async selectedChartIdChange(e){this.selectedChartId===void 0&&(this.panelNumber=0),this.selectedPanel=n.Data;let t=this.getModel(e);this.setEventBasedPropsFromModelData(t),this.currentChartTypeText=t?.getChartType()!==void 0?await I(t.getChartType()):"",e!==void 0&&e!==v.selectedChartId&&(v.selectedChartId=e),this.arcgisChartsConfigSelectedChartChange.emit({key:"key",model:t})}panelNumberChange(e){e===0?this.clearPartialModels():e===1&&(this.arcgisChartsConfigPopoverOpenChange.emit({open:!1}),this.removeSelectChartTypePopover(),this.selectChartTypePopover=void 0),this.arcgisChartsConfigPanelNumberChange.emit({panelNumber:e,modelList:this.modelList})}addChartEventListeners(){document.addEventListener(p.DataProcessComplete,this.chartDataProcessComplete),document.addEventListener(p.AxesMinMaxChange,this.chartAxesMinMaxChange),document.addEventListener(p.SeriesColorChange,this.chartSeriesColorChange),document.addEventListener(p.NoRenderPropChange,this.chartNoRenderPropChange),document.addEventListener(p.LegendItemVisibilityChange,this.chartLegendItemVisibilityChange)}removeChartEventListeners(){document.removeEventListener(p.DataProcessComplete,this.chartDataProcessComplete),document.removeEventListener(p.AxesMinMaxChange,this.chartAxesMinMaxChange),document.removeEventListener(p.SeriesColorChange,this.chartSeriesColorChange),document.removeEventListener(p.NoRenderPropChange,this.chartNoRenderPropChange),document.removeEventListener(p.LegendItemVisibilityChange,this.chartLegendItemVisibilityChange)}getDataExtent(e){let t=this.getModel(this.selectedChartId)?.getConfig(),a=[];if(t!==void 0&&e!==void 0){let i=U({chartConfig:t,chartData:e}),{minY:s,maxY:r,minX:l,maxX:C}=i;a=[{isXAxis:!0,minimum:l,maximum:C},{isXAxis:!1,minimum:s,maximum:r}]}return a}updateAxesBoundsInAppState(e){e?.forEach(t=>{let{isXAxis:a,maximum:i,minimum:s}=t,r=this.getModel(this.selectedChartId);if(r!==void 0&&L(r)&&this.selectedChartId!==void 0){let l=new O(r,a),C=Y({chartId:this.selectedChartId,isXAxis:a,isLogarithmic:l.getLogarithmic()}),g=v.chartAxesBoundDataMap;g[this.selectedChartId]===void 0&&(g[this.selectedChartId]={});let u=g[this.selectedChartId]?.[C],w={defaultMinBound:u?.defaultMinBound===u?.currMinBound?s:u?.defaultMinBound,currMinBound:s,defaultMaxBound:u?.defaultMaxBound===u?.currMaxBound?i:u?.defaultMaxBound,currMaxBound:i};!M(u,w)&&this.selectedChartId!==void 0&&g?.[this.selectedChartId]!==void 0&&(g[this.selectedChartId][C]=w)}})}getPlacement(){let e;if(this.popoverPlacement!==void 0)e=this.popoverPlacement;else{let t=this.modelList?.filter(a=>T(_,a.getConfig())).length;e=Number(t)<=2?"bottom":"top"}return e}onBackFlow(){this.panelNumber-=1}onAddChartClick(e){let{referenceElement:t,layerId:a}=e.detail;this.setupSelectChartTypePopover(t,a),this.addSelectChartTypePopover()}setupSelectChartTypePopover(e,t){if(this.selectChartTypePopover===void 0){let a={onSelectChartTypeChange:this.onSelectChartTypeChange,popoverClose:this.onAddChartClose};this.selectChartTypePopover=j(Z.SelectChartTypePopover,a)}this.selectChartTypePopover!==void 0&&(this.selectChartTypePopover.layerId=t,this.selectChartTypePopover.popoverReferenceElement=e,this.selectChartTypePopover.popoverPlacement=this.getPlacement())}addSelectChartTypePopover(){this.selectChartTypePopover!==void 0&&(document.body.contains(this.selectChartTypePopover)||(this.selectChartTypePopover.open=!0,document.body.appendChild(this.selectChartTypePopover),this.arcgisChartsConfigPopoverOpenChange.emit({open:!0})))}getModel(e){return this.modelList?.find(t=>t.getChartId()===e)}removeSelectChartTypePopover(){this.selectChartTypePopover?.remove(),this.selectChartTypePopover=void 0,this.arcgisChartsConfigPopoverOpenChange.emit({open:!1})}clearPartialModels(){this.modelList=this.modelList.filter(e=>!b(e.getConfig()))}onViewChartDelete(e){let{chartId:t}=e.detail;if(t!==void 0){let a=this.modelList.find(s=>s.getChartId()===t),i=this.layerList.find(s=>s.id===a?.getLayer()?.id);this.modelList=[...this.modelList.filter(s=>s.getChartId()!==t)],i&&this.syncChartsToLayers&&ae(i,t)}}onViewChartsSelect(e){this.selectedChartId===e.detail.chartId&&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.selectChartTypePopover=void 0,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 t=e.target;switch(this.tooltip=z(t),t.icon){case"configure":this.tooltip.innerHTML=this._messages.data??"";break;case"graph-bar-stacked":case"graph-line-series":case"box-chart-series":this.tooltip.innerHTML=this._messages.series??"";break;case"graph-pie-slice":this.tooltip.innerHTML=this._messages.slices??"";break;case"graph-axis":this.tooltip.innerHTML=this._messages.axes??"";break;case"graph-guides":this.tooltip.innerHTML=this._messages.guides??"";break;case"palette":this.tooltip.innerHTML=this._messages.format??"";break;case"text":this.tooltip.innerHTML=this._messages.general??"";break;default:this.tooltip.innerHTML="";break}document.body.appendChild(this.tooltip)}destroyTooltip(){G(this.tooltip)}renderViewCharts(){let e=ee({modelList:this.modelList,layerList:this.layerList,activeLayerId:this.activeLayerId,disableEditing:this.disableEditing});return q(e,t=>t.id,t=>c`<arcgis-charts-config-view-charts .noGroup=${this.activeLayerId!==void 0} .modelList=${J(this.modelList,t.id.toString(),this.supportedChartTypes)} .selectedChartId=${this.selectedChartId??""} .layer=${t} .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?c`<calcite-flow>${S("charts-list",c`<calcite-flow-item .selected=${this.panelNumber===0||this.disableEditing} .heading=${this.headerTitle??this._messages.defaultHeaderTitle} closable @calciteFlowItemClose=${this.onViewChartClose} ${F(this.chartsListFlowItem)}>${this.renderViewCharts()}</calcite-flow-item>`)}${this.renderTabs()}</calcite-flow>`:null}renderTabs(){let e=this.getModel(this.selectedChartId);return S("chart-edit",c`<calcite-flow-item .selected=${this.panelNumber>=1&&!this.disableEditing} @calciteFlowItemBack=${this.onBackFlow} .heading=${this._messages[this.selectedPanel??n.Data]} .description=${this.currentChartTypeText!==""&&this._messages.pageFlowTitle!==void 0?V(this._messages.pageFlowTitle,{chartName:e?.getTitleText()??this.currentChartTypeText,layerName:e?.getLayer()?.title??""}):""}>${e?.getChartType()!==void 0?c`<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===n.Data||this.selectedPanel===void 0} @click=${()=>{this.selectedPanel=n.Data}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>${e?.getChartType()===o.BarSeries?c`<calcite-action class=${h(d.tab)} icon=graph-bar-stacked scale=s alignment=center .active=${this.selectedPanel===n.Series} @click=${()=>{this.selectedPanel=n.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.getChartType()===o.LineSeries?c`<calcite-action class=${h(d.tab)} icon=graph-line-series scale=s alignment=center .active=${this.selectedPanel===n.Series} @click=${()=>{this.selectedPanel=n.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.getChartType()===o.BoxPlotSeries?c`<calcite-action class=${h(d.tab)} icon=box-chart-series scale=s alignment=center .active=${this.selectedPanel===n.Series} @click=${()=>{this.selectedPanel=n.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.getChartType()===o.PieSeries?c`<calcite-action class=${h(d.tab)} icon=graph-pie-slice scale=s alignment=center .active=${this.selectedPanel===n.Slices} @click=${()=>{this.selectedPanel=n.Slices}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.getChartType()!==o.PieSeries?c`<calcite-action class=${h(d.tab)} icon=graph-axis scale=s alignment=center .active=${this.selectedPanel===n.Axes} @click=${()=>{this.selectedPanel=n.Axes}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.getChartType()!==o.PieSeries?c`<calcite-action class=${h(d.tab)} icon=graph-guides scale=s alignment=center .active=${this.selectedPanel===n.Guides} @click=${()=>{this.selectedPanel=n.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===n.Format} @click=${()=>{this.selectedPanel=n.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===n.General} @click=${()=>{this.selectedPanel=n.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),t=e?.getLayer(),a=null;if(e!==void 0&&!this.disableEditing)switch(e?.getChartType()){case"barSeries":a=c`<arcgis-charts-config-bar-chart class=${h(d.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${t} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-bar-chart>`;break;case"lineSeries":a=c`<arcgis-charts-config-line-chart class=${h(d.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${t} .page=${this.selectedPanel??n.Data} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-line-chart>`;break;case"pieSeries":a=c`<arcgis-charts-config-pie-chart class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${t} .chartData=${this.chartData} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor} .filterBySelection=${this.filterBySelection}></arcgis-charts-config-pie-chart>`;break;case"histogramSeries":a=c`<arcgis-charts-config-histogram class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${t} .page=${this.selectedPanel??n.Data} .chartData=${this.chartData} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-histogram>`;break;case"scatterSeries":a=c`<arcgis-charts-config-scatter-plot class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${t} .page=${this.selectedPanel??n.Data} .r2=${this.r2} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-scatter-plot>`;break;case"boxPlotSeries":a=c`<arcgis-charts-config-box-plot class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${t} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-box-plot>`;break}return a}};E("arcgis-charts-config-create-flow",B);return B},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",a,b,d,e,g,i,j,l,m,r)
+v4.34.0-next.42 */
+import r from"./2KIGFAR6.js";import m from"./LHWUMIDX.js";import l from"./SUJALFQ3.js";import j from"./HVAHEOUR.js";import i from"./DURD2ZXB.js";import g from"./C4XOMU5V.js";import{c as p}from"./UQ4XZ2OY.js";import{a as O}from"./SOZ4DWAK.js";import e from"./CMOPG7VY.js";import{a as v,b as Y}from"./HIPMUD3D.js";import{a as A,b as F}from"./SXEMVJJQ.js";import{a as q}from"./JOWZTL6N.js";import{a as S}from"./3HAJKMCQ.js";import d from"./NU3LBM2A.js";import b from"./LVS6CMLA.js";import{a as R}from"./4WAURSBL.js";import{d as n}from"./ISKYL2NX.js";import a from"./2CE7DAEZ.js";import{A as h,E,i as D,j as c,n as f,z as k}from"./7E2NM6PT.js";import{a as K}from"./6L3TLEWJ.js";import{f as x,m as L,n as X,s as P}from"./BGAJ5DOB.js";import"./FI7ACTWB.js";import{a as o,l as N}from"./XCF7NIBR.js";import"./BN2IPADI.js";export default $arcgis.t(([,,,,,,,{A:M,Jb:$,Q:V,Zc:b,gc:U,wb:T},{o:z,p:G},{a:Z,c:j},,,,,,{a:_,e:y,f:H},{b:I}])=>{var d={chartUIComponent:"chart-ui-component",tabBar:"tab-bar",tab:"tab"};function W(m,e){let t=new Set,a=e;return m?.forEach((i,s)=>{let r=i.getChartId();(t.has(r)||r===void 0||r==="")&&(i.setChartId(`Chart_${Date.now()}_${s}`),e===r&&(a=i.getChartId())),t.add(r)}),a}function J(m,e,t){return m?.filter(a=>T(t,a.getConfig())&&a.getLayer()?.id===e)??[]}function ee(m){let{modelList:e,layerList:t,activeLayerId:a,disableEditing:i}=m,s=new Map;return e?.forEach(r=>{let l=r.getLayer();l&&s.set(l.id,l)}),i||t.forEach(r=>s.set(r.id,r)),Array.from(s.values()).filter(r=>!a||r.id===a)}function te(m,e){m.forEach(t=>{e.forEach(a=>{t?.id===a.getLayer()?.id&&Q(t,a)})})}function Q(m,e){let t=m;if(t){let a=[...t?.charts??[]],i=a?.findIndex(r=>r.id===e.getChartId()),s=!1;i!==void 0&&i>-1?(s=!M(a[i],e.getConfig()),a[i]=e.getConfig()):t&&!b(e.getConfig())&&(s=!0,a.push(e.getConfig())),s&&(t.charts=a)}}function ae(m,e){let t=m;if(t){let a=[...t.charts??[]],i=a.findIndex(s=>s.id===e);i>-1&&(a.splice(i,1),t.charts=a)}}function ie(m,e){let t=m;if(t){let a=[...t.charts??[]];a=$({arrayA:a,arrayB:e.map(i=>i.getConfig()),getKey:i=>i.id??i.title?.content.text??""}),t.charts=a}}var se=D`: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}`,B=class extends k{constructor(){super(),this.chartsListFlowItem=A(),this.supportedChartTypes=[o.BarSeries,o.BoxPlotSeries,o.LineSeries,o.PieSeries,o.HistogramSeries,o.ScatterSeries],this._messages=R(),this.chartDataProcessComplete=e=>{let t=e,{chartData:a,model:i}=t.detail,s=this.getModel(this.selectedChartId);if(i?.isSameChartAs(s))switch(s?.getChartType()){case o.HistogramSeries:this.chartData=a,i&&(i.dataStore.chartData=a);break;case o.PieSeries:{this.chartData=a,i&&(i.dataStore.chartData=a);break}case o.ScatterSeries:{let r=a,{dataItems:l,r2:C}=r,g=C;Number.isFinite(C)||(g=void 0),this.r2=g,i&&(i.dataStore.r2=g),this.calculatedDataMinMaxBounds=this.getDataExtent(l),i&&(i.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds);break}case o.LineSeries:{let{dataItems:r,timeIntervalInfo:l}=a;x(s)&&(l?.size!==void 0&&s.getTemporalBinningSize()!==l?.size&&s.setTemporalBinningSize(l?.size),l?.unit!==void 0&&s.getTemporalBinningUnit()!==l?.unit&&l?.unit!==N.Quarter&&s.setTemporalBinningUnit(l?.unit)),this.calculatedDataMinMaxBounds=this.getDataExtent(r),i&&(i.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds);break}}},this.chartAxesMinMaxChange=e=>{let t=e,{bounds:a,model:i}=t.detail,s=this.getModel(this.selectedChartId),r=i?.isSameChartAs(s),l=s?.getChartType();if(r)switch(l){case o.BarSeries:case o.BoxPlotSeries:case o.LineSeries:case o.HistogramSeries:case o.ScatterSeries:this.calculatedMinMaxBounds=a,i&&(i.dataStore.calculatedMinMaxBounds=a),this.updateAxesBoundsInAppState(a);break}},this.chartSeriesColorChange=e=>{let t=e,{data:a,model:i}=t.detail,s=this.getModel(this.selectedChartId);if(i?.isSameChartAs(s))switch(s?.getChartType()){case o.BarSeries:case o.BoxPlotSeries:case o.LineSeries:case o.HistogramSeries:this.seriesColor=a,i&&(i.dataStore.seriesColor=a);break;case o.PieSeries:{let r=new Map([[0,a]]);this.seriesColor=r,i&&(i.dataStore.seriesColor=r);break}case o.ScatterSeries:}},this.chartNoRenderPropChange=e=>{let t=e,{propName:a,value:i,model:s}=t.detail,r=this.modelList.find(l=>s?.isSameChartAs(l));if(r)switch(a){case"rotation":typeof i=="boolean"&&X(r)&&r.setRotatedState(i);break;case"legendPosition":typeof i=="string"&&P(r)&&r.setLegendPosition(i);break;case"legendVisibility":typeof i=="boolean"&&P(r)&&r.setLegendVisibility(i);break}},this.chartLegendItemVisibilityChange=async e=>{let t=e,{legendItemVisibility:a,model:i}=t.detail,s=this.modelList.find(r=>i?.isSameChartAs(r));s?.setSeriesVisibility(a),L(s)&&((s.getMinYBound()===null||Number.isNaN(s.getMinYBound()))&&await s.setMinYBound(null),(s.getMaxYBound()===null||Number.isNaN(s.getMaxYBound()))&&await s.setMaxYBound(null),x(s)&&((s.getMinXBound()===null||Number.isNaN(s.getMinXBound()))&&await s.setMinXBound(null),(s.getMaxXBound()===null||Number.isNaN(s.getMaxXBound()))&&await s.setMaxXBound(null)))},this.onSelectChartTypeChange=e=>{this.currentChartTypeText="",this.calculatedDataMinMaxBounds=void 0,this.calculatedMinMaxBounds=void 0,this.removeSelectChartTypePopover();let{selectedModelType:t,layerId:a}=e.target;t!==void 0&&this.arcgisChartsConfigNewChart.emit({key:"key",chartType:t,layerId:a})},this.onAddChartClose=()=>{this.removeSelectChartTypePopover()},this.onModelConfigChange=e=>{if(this.syncChartsToLayers){let t=e.target;Q(t?.getLayer(),t)}this.requestUpdate()},this.currentChartTypeText="",this.modelList=[],this.layerList=[],this.disableEditing=!1,this.syncChartsToLayers=!1,this.panelNumber=0,this.arcgisChartsConfigChartViewChartClose=f(),this.arcgisChartsConfigModelListChange=f(),this.arcgisChartsConfigNewChart=f(),this.arcgisChartsConfigPanelNumberChange=f(),this.arcgisChartsConfigPopoverOpenChange=f(),this.arcgisChartsConfigSelectedChartChange=f(),this.listen("arcgisChartsConfigModelListReorder",this.modelListReorderChangeListener)}static{this.properties={selectedPanel:16,currentChartTypeText:16,messageOverrides:0,modelList:[0,{hasChanged:y}],layerList:[0,{hasChanged:y}],selectedChartId:3,activeLayerId:3,disableEditing:7,syncChartsToLayers:7,timeZone:3,headerTitle:3,open:7,chartData:[0,{hasChanged:y}],r2:9,calculatedDataMinMaxBounds:[0,{hasChanged:y}],calculatedMinMaxBounds:[2,{hasChanged:y}],seriesColor:[2,{hasChanged:H}],popoverPlacement:3,usePopupTemplateFieldsInfo:5,panelNumber:11,filterBySelection:5}}static{this.styles=se}async setFocus(){this.chartsListFlowItem.value?.setFocus()}connectedCallback(){super.connectedCallback(),this.addChartEventListeners()}async load(){await this.layerListChange();let e=this.getModel(this.selectedChartId);this.setEventBasedPropsFromModelData(e)}async willUpdate(e){e.has("layerList")&&(this.hasUpdated||this.layerList?.length>0)&&await this.layerListChange(),e.has("modelList")&&(this.hasUpdated||this.modelList?.length>0)&&await this.modelListChange(this.modelList,e.get("modelList")),e.has("selectedChartId")&&await this.selectedChartIdChange(this.selectedChartId),e.has("panelNumber")&&(this.hasUpdated||this.panelNumber!==0)&&this.panelNumberChange(this.panelNumber)}disconnectedCallback(){super.disconnectedCallback(),this.clearPartialModels(),this.removeSelectChartTypePopover(),this.removeChartEventListeners(),this.selectChartTypePopover=void 0}modelListReorderChangeListener(e){let{modelList:t}=e.detail;if(this.modelList=$({arrayA:this.modelList,arrayB:t,getKey:a=>a.getChartId()??a.getTitleText()??""}),this.syncChartsToLayers){let a=t.find(i=>i.getLayer()?.id!==void 0)?.getLayer()?.id;if(a){let i=this.layerList.find(s=>s.id.toString()===a);i&&ie(i,t)}}}async layerListChange(){let e=[],t=this.layerList.map(i=>i.id.toString()),a=[...this.modelList.filter(i=>t.includes(i.getLayer()?.id??""))];for(let i of this.layerList??[]){if(i.type==="sublayer"){let r=await i.createFeatureLayer();if(!r)continue;i=r}let s=i;for(let r of s.charts??[]){let l=await K({layer:i,config:r});l!==void 0&&e.push(l)}}W(e),e.forEach(i=>{a.find(s=>s.isSameChartAs(i))===void 0&&a.push(i)}),this.modelList=a}async modelListChange(e,t){this.selectedChartId=W(e,this.selectedChartId),t?.forEach(i=>{i.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}),e.forEach(i=>{i.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)});let a=this.getModel(this.selectedChartId);this.currentChartTypeText=a?.getChartType()!==void 0?await I(a.getChartType()):"",this.syncChartsToLayers&&te(this.layerList,e),this.arcgisChartsConfigModelListChange.emit({modelList:e})}async selectedChartIdChange(e){this.selectedChartId===void 0&&(this.panelNumber=0),this.selectedPanel=n.Data;let t=this.getModel(e);this.setEventBasedPropsFromModelData(t),this.currentChartTypeText=t?.getChartType()!==void 0?await I(t.getChartType()):"",e!==void 0&&e!==v.selectedChartId&&(v.selectedChartId=e),this.arcgisChartsConfigSelectedChartChange.emit({key:"key",model:t})}panelNumberChange(e){e===0?this.clearPartialModels():e===1&&(this.arcgisChartsConfigPopoverOpenChange.emit({open:!1}),this.removeSelectChartTypePopover(),this.selectChartTypePopover=void 0),this.arcgisChartsConfigPanelNumberChange.emit({panelNumber:e,modelList:this.modelList})}addChartEventListeners(){document.addEventListener(p.DataProcessComplete,this.chartDataProcessComplete),document.addEventListener(p.AxesMinMaxChange,this.chartAxesMinMaxChange),document.addEventListener(p.SeriesColorChange,this.chartSeriesColorChange),document.addEventListener(p.NoRenderPropChange,this.chartNoRenderPropChange),document.addEventListener(p.LegendItemVisibilityChange,this.chartLegendItemVisibilityChange)}removeChartEventListeners(){document.removeEventListener(p.DataProcessComplete,this.chartDataProcessComplete),document.removeEventListener(p.AxesMinMaxChange,this.chartAxesMinMaxChange),document.removeEventListener(p.SeriesColorChange,this.chartSeriesColorChange),document.removeEventListener(p.NoRenderPropChange,this.chartNoRenderPropChange),document.removeEventListener(p.LegendItemVisibilityChange,this.chartLegendItemVisibilityChange)}getDataExtent(e){let t=this.getModel(this.selectedChartId)?.getConfig(),a=[];if(t!==void 0&&e!==void 0){let i=U({chartConfig:t,chartData:e}),{minY:s,maxY:r,minX:l,maxX:C}=i;a=[{isXAxis:!0,minimum:l,maximum:C},{isXAxis:!1,minimum:s,maximum:r}]}return a}updateAxesBoundsInAppState(e){e?.forEach(t=>{let{isXAxis:a,maximum:i,minimum:s}=t,r=this.getModel(this.selectedChartId);if(r!==void 0&&L(r)&&this.selectedChartId!==void 0){let l=new O(r,a),C=Y({chartId:this.selectedChartId,isXAxis:a,isLogarithmic:l.getLogarithmic()}),g=v.chartAxesBoundDataMap;g[this.selectedChartId]===void 0&&(g[this.selectedChartId]={});let u=g[this.selectedChartId]?.[C],w={defaultMinBound:u?.defaultMinBound===u?.currMinBound?s:u?.defaultMinBound,currMinBound:s,defaultMaxBound:u?.defaultMaxBound===u?.currMaxBound?i:u?.defaultMaxBound,currMaxBound:i};!M(u,w)&&this.selectedChartId!==void 0&&g?.[this.selectedChartId]!==void 0&&(g[this.selectedChartId][C]=w)}})}getPlacement(){let e;if(this.popoverPlacement!==void 0)e=this.popoverPlacement;else{let t=this.modelList?.filter(a=>T(_,a.getConfig())).length;e=Number(t)<=2?"bottom":"top"}return e}onBackFlow(){this.panelNumber-=1}onAddChartClick(e){let{referenceElement:t,layerId:a}=e.detail;this.setupSelectChartTypePopover(t,a),this.addSelectChartTypePopover()}setupSelectChartTypePopover(e,t){if(this.selectChartTypePopover===void 0){let a={onSelectChartTypeChange:this.onSelectChartTypeChange,popoverClose:this.onAddChartClose};this.selectChartTypePopover=j(Z.SelectChartTypePopover,a)}this.selectChartTypePopover!==void 0&&(this.selectChartTypePopover.layerId=t,this.selectChartTypePopover.popoverReferenceElement=e,this.selectChartTypePopover.popoverPlacement=this.getPlacement())}addSelectChartTypePopover(){this.selectChartTypePopover!==void 0&&(document.body.contains(this.selectChartTypePopover)||(this.selectChartTypePopover.open=!0,document.body.appendChild(this.selectChartTypePopover),this.arcgisChartsConfigPopoverOpenChange.emit({open:!0})))}getModel(e){return this.modelList?.find(t=>t.getChartId()===e)}removeSelectChartTypePopover(){this.selectChartTypePopover?.remove(),this.selectChartTypePopover=void 0,this.arcgisChartsConfigPopoverOpenChange.emit({open:!1})}clearPartialModels(){this.modelList=this.modelList.filter(e=>!b(e.getConfig()))}onViewChartDelete(e){let{chartId:t}=e.detail;if(t!==void 0){let a=this.modelList.find(s=>s.getChartId()===t),i=this.layerList.find(s=>s.id===a?.getLayer()?.id);this.modelList=[...this.modelList.filter(s=>s.getChartId()!==t)],i&&this.syncChartsToLayers&&ae(i,t)}}onViewChartsSelect(e){this.selectedChartId===e.detail.chartId&&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.selectChartTypePopover=void 0,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 t=e.target;switch(this.tooltip=z(t),t.icon){case"configure":this.tooltip.innerHTML=this._messages.data??"";break;case"graph-bar-stacked":case"graph-line-series":case"box-chart-series":this.tooltip.innerHTML=this._messages.series??"";break;case"graph-pie-slice":this.tooltip.innerHTML=this._messages.slices??"";break;case"graph-axis":this.tooltip.innerHTML=this._messages.axes??"";break;case"graph-guides":this.tooltip.innerHTML=this._messages.guides??"";break;case"palette":this.tooltip.innerHTML=this._messages.format??"";break;case"text":this.tooltip.innerHTML=this._messages.general??"";break;default:this.tooltip.innerHTML="";break}document.body.appendChild(this.tooltip)}destroyTooltip(){G(this.tooltip)}renderViewCharts(){let e=ee({modelList:this.modelList,layerList:this.layerList,activeLayerId:this.activeLayerId,disableEditing:this.disableEditing});return q(e,t=>t.id,t=>c`<arcgis-charts-config-view-charts .noGroup=${this.activeLayerId!==void 0} .modelList=${J(this.modelList,t.id.toString(),this.supportedChartTypes)} .selectedChartId=${this.selectedChartId??""} .layer=${t} .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?c`<calcite-flow>${S("charts-list",c`<calcite-flow-item .selected=${this.panelNumber===0||this.disableEditing} .heading=${this.headerTitle??this._messages.defaultHeaderTitle} closable @calciteFlowItemClose=${this.onViewChartClose} ${F(this.chartsListFlowItem)}>${this.renderViewCharts()}</calcite-flow-item>`)}${this.renderTabs()}</calcite-flow>`:null}renderTabs(){let e=this.getModel(this.selectedChartId);return S("chart-edit",c`<calcite-flow-item .selected=${this.panelNumber>=1&&!this.disableEditing} @calciteFlowItemBack=${this.onBackFlow} .heading=${this._messages[this.selectedPanel??n.Data]} .description=${this.currentChartTypeText!==""&&this._messages.pageFlowTitle!==void 0?V(this._messages.pageFlowTitle,{chartName:e?.getTitleText()??this.currentChartTypeText,layerName:e?.getLayer()?.title??""}):""}>${e?.getChartType()!==void 0?c`<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===n.Data||this.selectedPanel===void 0} @click=${()=>{this.selectedPanel=n.Data}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>${e?.getChartType()===o.BarSeries?c`<calcite-action class=${h(d.tab)} icon=graph-bar-stacked scale=s alignment=center .active=${this.selectedPanel===n.Series} @click=${()=>{this.selectedPanel=n.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.getChartType()===o.LineSeries?c`<calcite-action class=${h(d.tab)} icon=graph-line-series scale=s alignment=center .active=${this.selectedPanel===n.Series} @click=${()=>{this.selectedPanel=n.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.getChartType()===o.BoxPlotSeries?c`<calcite-action class=${h(d.tab)} icon=box-chart-series scale=s alignment=center .active=${this.selectedPanel===n.Series} @click=${()=>{this.selectedPanel=n.Series}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.getChartType()===o.PieSeries?c`<calcite-action class=${h(d.tab)} icon=graph-pie-slice scale=s alignment=center .active=${this.selectedPanel===n.Slices} @click=${()=>{this.selectedPanel=n.Slices}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.getChartType()!==o.PieSeries?c`<calcite-action class=${h(d.tab)} icon=graph-axis scale=s alignment=center .active=${this.selectedPanel===n.Axes} @click=${()=>{this.selectedPanel=n.Axes}} @mouseover=${this.createTooltip} @mouseout=${this.destroyTooltip} text></calcite-action>`:null}${e?.getChartType()!==o.PieSeries?c`<calcite-action class=${h(d.tab)} icon=graph-guides scale=s alignment=center .active=${this.selectedPanel===n.Guides} @click=${()=>{this.selectedPanel=n.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===n.Format} @click=${()=>{this.selectedPanel=n.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===n.General} @click=${()=>{this.selectedPanel=n.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),t=e?.getLayer(),a=null;if(e!==void 0&&!this.disableEditing)switch(e?.getChartType()){case"barSeries":a=c`<arcgis-charts-config-bar-chart class=${h(d.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${t} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-bar-chart>`;break;case"lineSeries":a=c`<arcgis-charts-config-line-chart class=${h(d.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${t} .page=${this.selectedPanel??n.Data} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-line-chart>`;break;case"pieSeries":a=c`<arcgis-charts-config-pie-chart class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${t} .chartData=${this.chartData} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor} .filterBySelection=${this.filterBySelection}></arcgis-charts-config-pie-chart>`;break;case"histogramSeries":a=c`<arcgis-charts-config-histogram class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${t} .page=${this.selectedPanel??n.Data} .chartData=${this.chartData} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-histogram>`;break;case"scatterSeries":a=c`<arcgis-charts-config-scatter-plot class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${t} .page=${this.selectedPanel??n.Data} .r2=${this.r2} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-scatter-plot>`;break;case"boxPlotSeries":a=c`<arcgis-charts-config-box-plot class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${t} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-box-plot>`;break}return a}};E("arcgis-charts-config-create-flow",B);return B},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",a,b,d,e,g,i,j,l,m,r)