@arcgis/charts-components 4.34.0-next.96 → 4.34.0-next.98

package/dist/cdn/{GRE4GJU7.js → 4QMI4RIE.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.96 */
-import{b as B}from"./JVTUNJIF.js";import{a as j}from"./GXIUWU6D.js";import"./4TKH4GEY.js";import{a as $,b as Z}from"./RKOYARQI.js";import{a as K}from"./B74JXWIK.js";import{a as I}from"./2VCJJDTR.js";import{a as q}from"./23KZ6JZO.js";import m from"./ALYBXAVY.js";import{c as g}from"./TLULS7V5.js";import l from"./H2NW2KZJ.js";import{d as n}from"./VER6MMYI.js";import{a as z}from"./RU5YPEAL.js";import i from"./HYLGFQS3.js";import e from"./OMKQGZ37.js";import d from"./J7M6QBGL.js";import b from"./57JDYAHL.js";import"./LCTIMOTG.js";import a from"./7ECAIA2Q.js";import{j as v}from"./CID4MM3M.js";import"./MIXC2YWQ.js";import{A as F,C as M,E as V,g as k,h as c,l as f,w as E,x as N,y as A,z as h}from"./IEFC7IDJ.js";import{a as G}from"./R2CCS7VN.js";import{f as S,m as L,n as Y,s as P}from"./KDF3VW3Q.js";import"./EQXE4USA.js";import{b as o,m as U}from"./3MDJILDB.js";import"./AAVU6J4O.js";export default $arcgis.t(([,,,,,,,{substitute:Q},{La:b,Ya:x,pc:T,vb:_},,,,,{y:H},{a:X,e:y,f:R}])=>{var d={chartUIComponent:"chart-ui-component",tabBar:"tab-bar",tab:"tab"};function W(m,e){let a=new Set,t=e;return m?.forEach((s,i)=>{let r=s.getChartId();(a.has(r)||r===void 0||r==="")&&(s.setChartId(`Chart_${Date.now()}_${i}`),e===r&&(t=s.getChartId())),a.add(r)}),t}function J(m,e,a){return m?.filter(t=>b(a,t.getConfig())&&t.getLayer()?.id===e)??[]}function ee(m){let{modelList:e,layerList:a,activeLayerId:t,disableEditing:s}=m,i=new Map;return e?.forEach(r=>{let l=r.getLayer();l&&i.set(l.id,l)}),s||a.forEach(r=>i.set(r.id,r)),Array.from(i.values()).filter(r=>!t||r.id===t)}function te(m,e){m.forEach(a=>{e.forEach(t=>{a?.id===t.getLayer()?.id&&O(a,t)})})}function O(m,e){let a=m;if(a){let t=[...a?.charts??[]],s=t?.findIndex(r=>r.id===e.getChartId()),i=!1;s!==void 0&&s>-1?(i=!v(t[s],e.getConfig()),t[s]=e.getConfig()):a&&!T(e.getConfig())&&(i=!0,t.push(e.getConfig())),i&&(a.charts=t)}}function ae(m,e){let a=m;if(a){let t=[...a.charts??[]],s=t.findIndex(i=>i.id===e);s>-1&&(t.splice(s,1),a.charts=t)}}function se(m,e){let a=m;if(a){let t=[...a.charts??[]];t=x({arrayA:t,arrayB:e.map(s=>s.getConfig()),getKey:s=>s.id??s.title?.content.text??""}),a.charts=t}}var ie=k`: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}`,w=class extends A{constructor(){super(),this.selectChartTypePopover=null,this.chartsListFlowItem=E(),this.supportedChartTypes=[o.BarSeries,o.BoxPlotSeries,o.LineSeries,o.PieSeries,o.HistogramSeries,o.ScatterSeries],this._messages=z(),this.chartDataProcessComplete=e=>{let a=e,{chartData:t,model:s}=a.detail,i=this.getModel(this.selectedChartId);if(s?.isSameChartAs(i))switch(i?.getChartType()){case o.HistogramSeries:this.chartData=t,s&&(s.dataStore.chartData=t);break;case o.PieSeries:{this.chartData=t,s&&(s.dataStore.chartData=t);break}case o.ScatterSeries:{let r=t,{dataItems:l,r2:C}=r,p=C;Number.isFinite(C)||(p=void 0),this.r2=p,s&&(s.dataStore.r2=p),this.calculatedDataMinMaxBounds=this.getDataExtent(l),s&&(s.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds);break}case o.LineSeries:{let{dataItems:r,timeIntervalInfo:l}=t;S(i)&&(l?.size!==void 0&&i.getTemporalBinningSize()!==l?.size&&i.setTemporalBinningSize(l?.size),l?.unit!==void 0&&i.getTemporalBinningUnit()!==l?.unit&&l?.unit!==U.Quarter&&i.setTemporalBinningUnit(l?.unit)),this.calculatedDataMinMaxBounds=this.getDataExtent(r),s&&(s.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds);break}}},this.chartAxesMinMaxChange=e=>{let a=e,{bounds:t,model:s}=a.detail,i=this.getModel(this.selectedChartId),r=s?.isSameChartAs(i),l=i?.getChartType();if(r)switch(l){case o.BarSeries:case o.BoxPlotSeries:case o.LineSeries:case o.HistogramSeries:case o.ScatterSeries:this.calculatedMinMaxBounds=t,s&&(s.dataStore.calculatedMinMaxBounds=t),this.updateAxesBoundsInAppState(t);break}},this.chartSeriesColorChange=e=>{let a=e,{data:t,model:s}=a.detail,i=this.getModel(this.selectedChartId);if(s?.isSameChartAs(i))switch(i?.getChartType()){case o.BarSeries:case o.BoxPlotSeries:case o.LineSeries:case o.HistogramSeries:this.seriesColor=t,s&&(s.dataStore.seriesColor=t);break;case o.PieSeries:{let r=new Map([[0,t]]);this.seriesColor=r,s&&(s.dataStore.seriesColor=r);break}case o.ScatterSeries:}},this.chartNoRenderPropChange=e=>{let a=e,{propName:t,value:s,model:i}=a.detail,r=this.modelList.find(l=>i?.isSameChartAs(l));if(r)switch(t){case"rotation":typeof s=="boolean"&&Y(r)&&r.setRotatedState(s);break;case"legendPosition":typeof s=="string"&&P(r)&&r.setLegendPosition(s);break;case"legendVisibility":typeof s=="boolean"&&P(r)&&r.setLegendVisibility(s);break}},this.chartLegendItemVisibilityChange=async e=>{let a=e,{legendItemVisibility:t,model:s}=a.detail,i=this.modelList.find(r=>s?.isSameChartAs(r));i?.setSeriesVisibility(t),L(i)&&((i.getMinYBound()===null||Number.isNaN(i.getMinYBound()))&&await i.setMinYBound(null),(i.getMaxYBound()===null||Number.isNaN(i.getMaxYBound()))&&await i.setMaxYBound(null),S(i)&&((i.getMinXBound()===null||Number.isNaN(i.getMinXBound()))&&await i.setMinXBound(null),(i.getMaxXBound()===null||Number.isNaN(i.getMaxXBound()))&&await i.setMaxXBound(null)))},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;O(a?.getLayer(),a)}this.requestUpdate()},this.allowChartSyncing=!1,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.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:R}],popoverPlacement:3,usePopupTemplateFieldsInfo:5,panelNumber:11,filterBySelection:5}}static{this.styles=ie}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()}modelListReorderChangeListener(e){let{modelList:a}=e.detail;if(this.modelList=x({arrayA:this.modelList,arrayB:a,getKey:t=>t.getChartId()??t.getTitleText()??""}),this.syncChartsToLayers){let t=a.find(s=>s.getLayer()?.id!==void 0)?.getLayer()?.id;if(t){let s=this.layerList.find(i=>i.id.toString()===t);s&&se(s,a)}}}async layerListChange(){let e=[],a=this.layerList.map(s=>s.id.toString()),t=[...this.modelList.filter(s=>a.includes(s.getLayer()?.id??""))];for(let s of this.layerList??[]){if(s.type==="sublayer"){let r=await s.createFeatureLayer();if(!r)continue;s=r}let i=s;for(let r of i.charts??[]){let l=await G({layer:s,config:r});l!==void 0&&e.push(l)}}W(e),e.forEach(s=>{t.find(i=>i.isSameChartAs(s))===void 0&&t.push(s)}),this.modelList=t}async modelListChange(e,a){this.selectedChartId=W(e,this.selectedChartId),a?.forEach(s=>{s.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}),e.forEach(s=>{s.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)});let t=this.getModel(this.selectedChartId);this.currentChartTypeText=t?.getChartType()!==void 0?await B(t.getChartType()):"",this.syncChartsToLayers&&this.allowChartSyncing&&te(this.layerList,e),this.arcgisChartsConfigModelListChange.emit({modelList:e})}async selectedChartIdChange(e){this.selectedChartId===void 0&&(this.panelNumber=0),this.selectedPanel=n.Data;let a=this.getModel(e);this.setEventBasedPropsFromModelData(a),this.currentChartTypeText=a?.getChartType()!==void 0?await B(a.getChartType()):"",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(){document.addEventListener(g.DataProcessComplete,this.chartDataProcessComplete),document.addEventListener(g.AxesMinMaxChange,this.chartAxesMinMaxChange),document.addEventListener(g.SeriesColorChange,this.chartSeriesColorChange),document.addEventListener(g.NoRenderPropChange,this.chartNoRenderPropChange),document.addEventListener(g.LegendItemVisibilityChange,this.chartLegendItemVisibilityChange)}removeChartEventListeners(){document.removeEventListener(g.DataProcessComplete,this.chartDataProcessComplete),document.removeEventListener(g.AxesMinMaxChange,this.chartAxesMinMaxChange),document.removeEventListener(g.SeriesColorChange,this.chartSeriesColorChange),document.removeEventListener(g.NoRenderPropChange,this.chartNoRenderPropChange),document.removeEventListener(g.LegendItemVisibilityChange,this.chartLegendItemVisibilityChange)}getDataExtent(e){let a=this.getModel(this.selectedChartId)?.getConfig(),t=[];if(a!==void 0&&e!==void 0){let s=_({chartConfig:a,chartData:e}),{minY:i,maxY:r,minX:l,maxX:C}=s;t=[{isXAxis:!0,minimum:l,maximum:C},{isXAxis:!1,minimum:i,maximum:r}]}return t}updateAxesBoundsInAppState(e){e?.forEach(a=>{let{isXAxis:t,maximum:s,minimum:i}=a,r=this.getModel(this.selectedChartId);if(r!==void 0&&L(r)&&this.selectedChartId!==void 0){let l=new j(r,t),C=Z({chartId:this.selectedChartId,isXAxis:t,isLogarithmic:l.getLogarithmic()}),p=$.chartAxesBoundDataMap;p[this.selectedChartId]===void 0&&(p[this.selectedChartId]={});let u=p[this.selectedChartId]?.[C],D={defaultMinBound:u?.defaultMinBound===u?.currMinBound?i:u?.defaultMinBound,currMinBound:i,defaultMaxBound:u?.defaultMaxBound===u?.currMaxBound?s:u?.defaultMaxBound,currMaxBound:s};!v(u,D)&&this.selectedChartId!==void 0&&p?.[this.selectedChartId]!==void 0&&(p[this.selectedChartId][C]=D)}})}getPlacement(){let e;if(this.popoverPlacement!==void 0)e=this.popoverPlacement;else{let a=this.modelList?.filter(t=>b(X,t.getConfig())).length;e=Number(a)<=2?"bottom":"top"}return 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=M(c`<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.getChartId()===e)}removeSelectChartTypePopover(){this.selectChartTypePopover!==void 0&&(this.selectChartTypePopover?.remove(),this.selectChartTypePopover=q(this.selectChartTypePopover))}clearPartialModels(){this.modelList=this.modelList.filter(e=>!T(e.getConfig()))}onViewChartDelete(e){let{chartId:a}=e.detail;if(a!==void 0){let t=this.modelList.find(i=>i.getChartId()===a),s=this.layerList.find(i=>i.id===t?.getLayer()?.id);this.modelList=[...this.modelList.filter(i=>i.getChartId()!==a)],s&&this.syncChartsToLayers&&this.allowChartSyncing&&ae(s,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=M(c`<calcite-tooltip style=${F({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${a} open placement=top>${t}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){H(this.tooltip)}renderViewCharts(){let e=ee({modelList:this.modelList,layerList:this.layerList,activeLayerId:this.activeLayerId,disableEditing:this.disableEditing});return K(e,a=>a.id,a=>c`<arcgis-charts-config-view-charts .noGroup=${this.activeLayerId!==void 0} .modelList=${J(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?c`<calcite-flow>${I("charts-list",c`<calcite-flow-item .selected=${this.panelNumber===0||this.disableEditing} .heading=${this.headerTitle??this._messages.defaultHeaderTitle} closable @calciteFlowItemClose=${this.onViewChartClose} ${N(this.chartsListFlowItem)}>${this.renderViewCharts()}</calcite-flow-item>`)}${this.renderTabs()}</calcite-flow>`:null}renderTabs(){let e=this.getModel(this.selectedChartId);return I("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?Q(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),a=e?.getLayer(),t=null;if(e!==void 0&&!this.disableEditing)switch(e?.getChartType()){case"barSeries":t=c`<arcgis-charts-config-bar-chart class=${h(d.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${a} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-bar-chart>`;break;case"lineSeries":t=c`<arcgis-charts-config-line-chart class=${h(d.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${a} .page=${this.selectedPanel??n.Data} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-line-chart>`;break;case"pieSeries":t=c`<arcgis-charts-config-pie-chart class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${a} .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":t=c`<arcgis-charts-config-histogram class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${a} .page=${this.selectedPanel??n.Data} .chartData=${this.chartData} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-histogram>`;break;case"scatterSeries":t=c`<arcgis-charts-config-scatter-plot class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${a} .page=${this.selectedPanel??n.Data} .r2=${this.r2} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-scatter-plot>`;break;case"boxPlotSeries":t=c`<arcgis-charts-config-box-plot class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${a} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-box-plot>`;break}return t}};V("arcgis-charts-config-create-flow",w);return w},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request","intl",a,b,d,e,i,l,m)
+v4.34.0-next.98 */
+import{b as B}from"./5SCEIMXA.js";import{a as j}from"./ZD4ICK2J.js";import"./SIDGNSCP.js";import{a as $,b as Z}from"./PJPLPCWN.js";import{a as K}from"./VWP6KBNC.js";import{a as I}from"./JKD2TZUG.js";import{a as q}from"./GDAD5LM3.js";import m from"./MGXRVTYB.js";import{c as g}from"./LNJUZHIC.js";import l from"./GCH2F6LH.js";import{d as n}from"./W4MCSLCS.js";import{a as z}from"./QHQ4TJSM.js";import i from"./LRSYJPLD.js";import e from"./PWYT5C7E.js";import d from"./JUIFBOKB.js";import b from"./FEZ3Q7BA.js";import"./O7ES7D4L.js";import a from"./Z2MFB6E7.js";import{j as v}from"./WV4BDIOO.js";import"./T6BQQ5JP.js";import{A as F,C as M,E as V,g as k,h as c,l as f,w as E,x as N,y as A,z as h}from"./CMUO2TEH.js";import{a as G}from"./KYQO3CJF.js";import{f as S,m as L,n as Y,s as P}from"./Y56UWLX3.js";import"./C7AKBGEY.js";import{b as o,m as U}from"./LJRDWS7E.js";import"./K475XVMN.js";export default $arcgis.t(([,,,,,,,{substitute:Q},{La:b,Ya:x,pc:T,vb:_},,,,,{y:H},{a:X,e:y,f:R}])=>{var d={chartUIComponent:"chart-ui-component",tabBar:"tab-bar",tab:"tab"};function W(m,e){let a=new Set,t=e;return m?.forEach((s,i)=>{let r=s.getChartId();(a.has(r)||r===void 0||r==="")&&(s.setChartId(`Chart_${Date.now()}_${i}`),e===r&&(t=s.getChartId())),a.add(r)}),t}function J(m,e,a){return m?.filter(t=>b(a,t.getConfig())&&t.getLayer()?.id===e)??[]}function ee(m){let{modelList:e,layerList:a,activeLayerId:t,disableEditing:s}=m,i=new Map;return e?.forEach(r=>{let l=r.getLayer();l&&i.set(l.id,l)}),s||a.forEach(r=>i.set(r.id,r)),Array.from(i.values()).filter(r=>!t||r.id===t)}function te(m,e){m.forEach(a=>{e.forEach(t=>{a?.id===t.getLayer()?.id&&O(a,t)})})}function O(m,e){let a=m;if(a){let t=[...a?.charts??[]],s=t?.findIndex(r=>r.id===e.getChartId()),i=!1;s!==void 0&&s>-1?(i=!v(t[s],e.getConfig()),t[s]=e.getConfig()):a&&!T(e.getConfig())&&(i=!0,t.push(e.getConfig())),i&&(a.charts=t)}}function ae(m,e){let a=m;if(a){let t=[...a.charts??[]],s=t.findIndex(i=>i.id===e);s>-1&&(t.splice(s,1),a.charts=t)}}function se(m,e){let a=m;if(a){let t=[...a.charts??[]];t=x({arrayA:t,arrayB:e.map(s=>s.getConfig()),getKey:s=>s.id??s.title?.content.text??""}),a.charts=t}}var ie=k`: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}`,w=class extends A{constructor(){super(),this.selectChartTypePopover=null,this.chartsListFlowItem=E(),this.supportedChartTypes=[o.BarSeries,o.BoxPlotSeries,o.LineSeries,o.PieSeries,o.HistogramSeries,o.ScatterSeries],this._messages=z(),this.chartDataProcessComplete=e=>{let a=e,{chartData:t,model:s}=a.detail,i=this.getModel(this.selectedChartId);if(s?.isSameChartAs(i))switch(i?.getChartType()){case o.HistogramSeries:this.chartData=t,s&&(s.dataStore.chartData=t);break;case o.PieSeries:{this.chartData=t,s&&(s.dataStore.chartData=t);break}case o.ScatterSeries:{let r=t,{dataItems:l,r2:C}=r,p=C;Number.isFinite(C)||(p=void 0),this.r2=p,s&&(s.dataStore.r2=p),this.calculatedDataMinMaxBounds=this.getDataExtent(l),s&&(s.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds);break}case o.LineSeries:{let{dataItems:r,timeIntervalInfo:l}=t;S(i)&&(l?.size!==void 0&&i.getTemporalBinningSize()!==l?.size&&i.setTemporalBinningSize(l?.size),l?.unit!==void 0&&i.getTemporalBinningUnit()!==l?.unit&&l?.unit!==U.Quarter&&i.setTemporalBinningUnit(l?.unit)),this.calculatedDataMinMaxBounds=this.getDataExtent(r),s&&(s.dataStore.calculatedDataMinMaxBounds=this.calculatedDataMinMaxBounds);break}}},this.chartAxesMinMaxChange=e=>{let a=e,{bounds:t,model:s}=a.detail,i=this.getModel(this.selectedChartId),r=s?.isSameChartAs(i),l=i?.getChartType();if(r)switch(l){case o.BarSeries:case o.BoxPlotSeries:case o.LineSeries:case o.HistogramSeries:case o.ScatterSeries:this.calculatedMinMaxBounds=t,s&&(s.dataStore.calculatedMinMaxBounds=t),this.updateAxesBoundsInAppState(t);break}},this.chartSeriesColorChange=e=>{let a=e,{data:t,model:s}=a.detail,i=this.getModel(this.selectedChartId);if(s?.isSameChartAs(i))switch(i?.getChartType()){case o.BarSeries:case o.BoxPlotSeries:case o.LineSeries:case o.HistogramSeries:this.seriesColor=t,s&&(s.dataStore.seriesColor=t);break;case o.PieSeries:{let r=new Map([[0,t]]);this.seriesColor=r,s&&(s.dataStore.seriesColor=r);break}case o.ScatterSeries:}},this.chartNoRenderPropChange=e=>{let a=e,{propName:t,value:s,model:i}=a.detail,r=this.modelList.find(l=>i?.isSameChartAs(l));if(r)switch(t){case"rotation":typeof s=="boolean"&&Y(r)&&r.setRotatedState(s);break;case"legendPosition":typeof s=="string"&&P(r)&&r.setLegendPosition(s);break;case"legendVisibility":typeof s=="boolean"&&P(r)&&r.setLegendVisibility(s);break}},this.chartLegendItemVisibilityChange=async e=>{let a=e,{legendItemVisibility:t,model:s}=a.detail,i=this.modelList.find(r=>s?.isSameChartAs(r));i?.setSeriesVisibility(t),L(i)&&((i.getMinYBound()===null||Number.isNaN(i.getMinYBound()))&&await i.setMinYBound(null),(i.getMaxYBound()===null||Number.isNaN(i.getMaxYBound()))&&await i.setMaxYBound(null),S(i)&&((i.getMinXBound()===null||Number.isNaN(i.getMinXBound()))&&await i.setMinXBound(null),(i.getMaxXBound()===null||Number.isNaN(i.getMaxXBound()))&&await i.setMaxXBound(null)))},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;O(a?.getLayer(),a)}this.requestUpdate()},this.allowChartSyncing=!1,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.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:R}],popoverPlacement:3,usePopupTemplateFieldsInfo:5,panelNumber:11,filterBySelection:5}}static{this.styles=ie}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()}modelListReorderChangeListener(e){let{modelList:a}=e.detail;if(this.modelList=x({arrayA:this.modelList,arrayB:a,getKey:t=>t.getChartId()??t.getTitleText()??""}),this.syncChartsToLayers){let t=a.find(s=>s.getLayer()?.id!==void 0)?.getLayer()?.id;if(t){let s=this.layerList.find(i=>i.id.toString()===t);s&&se(s,a)}}}async layerListChange(){let e=[],a=this.layerList.map(s=>s.id.toString()),t=[...this.modelList.filter(s=>a.includes(s.getLayer()?.id??""))];for(let s of this.layerList??[]){if(s.type==="sublayer"){let r=await s.createFeatureLayer();if(!r)continue;s=r}let i=s;for(let r of i.charts??[]){let l=await G({layer:s,config:r});l!==void 0&&e.push(l)}}W(e),e.forEach(s=>{t.find(i=>i.isSameChartAs(s))===void 0&&t.push(s)}),this.modelList=t}async modelListChange(e,a){this.selectedChartId=W(e,this.selectedChartId),a?.forEach(s=>{s.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}),e.forEach(s=>{s.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)});let t=this.getModel(this.selectedChartId);this.currentChartTypeText=t?.getChartType()!==void 0?await B(t.getChartType()):"",this.syncChartsToLayers&&this.allowChartSyncing&&te(this.layerList,e),this.arcgisChartsConfigModelListChange.emit({modelList:e})}async selectedChartIdChange(e){this.selectedChartId===void 0&&(this.panelNumber=0),this.selectedPanel=n.Data;let a=this.getModel(e);this.setEventBasedPropsFromModelData(a),this.currentChartTypeText=a?.getChartType()!==void 0?await B(a.getChartType()):"",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(){document.addEventListener(g.DataProcessComplete,this.chartDataProcessComplete),document.addEventListener(g.AxesMinMaxChange,this.chartAxesMinMaxChange),document.addEventListener(g.SeriesColorChange,this.chartSeriesColorChange),document.addEventListener(g.NoRenderPropChange,this.chartNoRenderPropChange),document.addEventListener(g.LegendItemVisibilityChange,this.chartLegendItemVisibilityChange)}removeChartEventListeners(){document.removeEventListener(g.DataProcessComplete,this.chartDataProcessComplete),document.removeEventListener(g.AxesMinMaxChange,this.chartAxesMinMaxChange),document.removeEventListener(g.SeriesColorChange,this.chartSeriesColorChange),document.removeEventListener(g.NoRenderPropChange,this.chartNoRenderPropChange),document.removeEventListener(g.LegendItemVisibilityChange,this.chartLegendItemVisibilityChange)}getDataExtent(e){let a=this.getModel(this.selectedChartId)?.getConfig(),t=[];if(a!==void 0&&e!==void 0){let s=_({chartConfig:a,chartData:e}),{minY:i,maxY:r,minX:l,maxX:C}=s;t=[{isXAxis:!0,minimum:l,maximum:C},{isXAxis:!1,minimum:i,maximum:r}]}return t}updateAxesBoundsInAppState(e){e?.forEach(a=>{let{isXAxis:t,maximum:s,minimum:i}=a,r=this.getModel(this.selectedChartId);if(r!==void 0&&L(r)&&this.selectedChartId!==void 0){let l=new j(r,t),C=Z({chartId:this.selectedChartId,isXAxis:t,isLogarithmic:l.getLogarithmic()}),p=$.chartAxesBoundDataMap;p[this.selectedChartId]===void 0&&(p[this.selectedChartId]={});let u=p[this.selectedChartId]?.[C],D={defaultMinBound:u?.defaultMinBound===u?.currMinBound?i:u?.defaultMinBound,currMinBound:i,defaultMaxBound:u?.defaultMaxBound===u?.currMaxBound?s:u?.defaultMaxBound,currMaxBound:s};!v(u,D)&&this.selectedChartId!==void 0&&p?.[this.selectedChartId]!==void 0&&(p[this.selectedChartId][C]=D)}})}getPlacement(){let e;if(this.popoverPlacement!==void 0)e=this.popoverPlacement;else{let a=this.modelList?.filter(t=>b(X,t.getConfig())).length;e=Number(a)<=2?"bottom":"top"}return 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=M(c`<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.getChartId()===e)}removeSelectChartTypePopover(){this.selectChartTypePopover!==void 0&&(this.selectChartTypePopover?.remove(),this.selectChartTypePopover=q(this.selectChartTypePopover))}clearPartialModels(){this.modelList=this.modelList.filter(e=>!T(e.getConfig()))}onViewChartDelete(e){let{chartId:a}=e.detail;if(a!==void 0){let t=this.modelList.find(i=>i.getChartId()===a),s=this.layerList.find(i=>i.id===t?.getLayer()?.id);this.modelList=[...this.modelList.filter(i=>i.getChartId()!==a)],s&&this.syncChartsToLayers&&this.allowChartSyncing&&ae(s,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=M(c`<calcite-tooltip style=${F({opacity:1,zIndex:"var(--calcite-floating-ui-z-index)"})} .referenceElement=${a} open placement=top>${t}</calcite-tooltip>`),document.body.appendChild(this.tooltip)}destroyTooltip(){H(this.tooltip)}renderViewCharts(){let e=ee({modelList:this.modelList,layerList:this.layerList,activeLayerId:this.activeLayerId,disableEditing:this.disableEditing});return K(e,a=>a.id,a=>c`<arcgis-charts-config-view-charts .noGroup=${this.activeLayerId!==void 0} .modelList=${J(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?c`<calcite-flow>${I("charts-list",c`<calcite-flow-item .selected=${this.panelNumber===0||this.disableEditing} .heading=${this.headerTitle??this._messages.defaultHeaderTitle} closable @calciteFlowItemClose=${this.onViewChartClose} ${N(this.chartsListFlowItem)}>${this.renderViewCharts()}</calcite-flow-item>`)}${this.renderTabs()}</calcite-flow>`:null}renderTabs(){let e=this.getModel(this.selectedChartId);return I("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?Q(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),a=e?.getLayer(),t=null;if(e!==void 0&&!this.disableEditing)switch(e?.getChartType()){case"barSeries":t=c`<arcgis-charts-config-bar-chart class=${h(d.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${a} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-bar-chart>`;break;case"lineSeries":t=c`<arcgis-charts-config-line-chart class=${h(d.chartUIComponent)} .model=${e} .timeZone=${this.timeZone} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${a} .page=${this.selectedPanel??n.Data} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-line-chart>`;break;case"pieSeries":t=c`<arcgis-charts-config-pie-chart class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${a} .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":t=c`<arcgis-charts-config-histogram class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${a} .page=${this.selectedPanel??n.Data} .chartData=${this.chartData} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-histogram>`;break;case"scatterSeries":t=c`<arcgis-charts-config-scatter-plot class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${a} .page=${this.selectedPanel??n.Data} .r2=${this.r2} .calculatedDataMinMaxBounds=${this.calculatedDataMinMaxBounds} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds}></arcgis-charts-config-scatter-plot>`;break;case"boxPlotSeries":t=c`<arcgis-charts-config-box-plot class=${h(d.chartUIComponent)} .model=${e} .usePopupTemplateFieldsInfo=${this.usePopupTemplateFieldsInfo} .layer=${a} .page=${this.selectedPanel??n.Data} .calculatedMinMaxBounds=${this.calculatedMinMaxBounds} .seriesColor=${this.seriesColor}></arcgis-charts-config-box-plot>`;break}return t}};V("arcgis-charts-config-create-flow",w);return w},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request","intl",a,b,d,e,i,l,m)