@arcgis/charts-components 4.34.0-next.101 → 4.34.0-next.102

package/dist/cdn/{H2EEZBIZ.js → PACY5V7O.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.101 */
-import{b as B}from"./ACJ3E6KY.js";import{a as j}from"./JIAGEMEZ.js";import"./DEAE2QPY.js";import{a as $,b as Z}from"./M3ZLESLC.js";import{a as K}from"./NGOCD2JN.js";import{a as I}from"./AIO5ZD5S.js";import{a as q}from"./R4THNZVB.js";import m from"./24MRHZKA.js";import{c as g}from"./K7VPSYBD.js";import l from"./Y7UIN4FZ.js";import{d as n}from"./BJJIR3DW.js";import{a as z}from"./KP4MMIKY.js";import i from"./VD4PI342.js";import e from"./KR42S5IV.js";import d from"./PG5C3RHP.js";import b from"./RSGAPQDX.js";import"./NE6AFQHM.js";import a from"./KZDAEFXF.js";import{j as v}from"./54UGW4ED.js";import"./3JKFGRBB.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"./4EZXQO2U.js";import{a as G}from"./FIPHDHJW.js";import{f as S,m as L,n as Y,s as P}from"./OTOSOX5I.js";import"./IZU2RKSA.js";import{b as o,m as U}from"./ODNBS2JG.js";import"./IRX5DWIH.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.102 */
+import{b as B}from"./A5A2ETK5.js";import{a as j}from"./N37SDJCU.js";import"./OEQGEUIS.js";import{a as $,b as Z}from"./R4AYJOZK.js";import{a as K}from"./Q5VWAS6R.js";import{a as I}from"./HCYK24AS.js";import{a as q}from"./I27QCXFQ.js";import m from"./NHUWOBS4.js";import{c as g}from"./YJZFHUTQ.js";import l from"./723JFG3I.js";import{d as n}from"./JEIIU3NY.js";import{a as z}from"./5MIXN3VI.js";import i from"./43WKQ6FU.js";import e from"./ZQL62RU2.js";import d from"./3SJJK44Z.js";import b from"./YTODKBP6.js";import"./JH4H7SG7.js";import a from"./HMXAFALS.js";import{j as v}from"./UCBXZW5O.js";import"./P5SF2LM3.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"./SPUZA7V5.js";import{a as G}from"./XLF5WUBM.js";import{f as S,m as L,n as Y,s as P}from"./E7KFK5HO.js";import"./M6CL5XSK.js";import{b as o,m as U}from"./UTDA3QEH.js";import"./AIYYSGNH.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)

package/dist/cdn/{OQ6HWOKL.js → PCBBUNIX.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.101 */
-import{b}from"./R4THNZVB.js";import c from"./Y7UIN4FZ.js";import"./BJJIR3DW.js";import{a as v}from"./KP4MMIKY.js";import a from"./KZDAEFXF.js";import"./54UGW4ED.js";import"./3JKFGRBB.js";import{E as f,g as p,h as m,l as o,w as h,x as d,y as g,z as i}from"./4EZXQO2U.js";import"./IZU2RKSA.js";import"./ODNBS2JG.js";import"./IRX5DWIH.js";export default $arcgis.t(([,,,,,,,{p:C},{h:u}])=>{var s={jsAppFlyout:"js-app-flyout",panelChildrenContainer:"panel-children-container"},x=p`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.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}`,a=class extends g{constructor(){super(...arguments),this._messages=v(),this.popoverElement=h(),this.arcgisChartsConfigPopoverClose=o(),this.arcgisChartsConfigSeriesPopoverColorChange=o(),this.arcgisChartsConfigSeriesPopoverNameChange=o()}static{this.properties={messageOverrides:0,referenceElement:2,selectedName:3,selectedColor:2,selectedSeriesIndex:11,placement:3,open:7}}static{this.styles=x}async reposition(){await this.popoverElement.value?.reposition()}updated(){b(this.popoverElement.value,this.open),this.hasUpdated||setTimeout(()=>{this.popoverElement.value?.reposition()},u.PopoverTimer)}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,[r,n,l]=t,c=C*255;this.selectedColor=[r,n,l,c],this.arcgisChartsConfigSeriesPopoverColorChange.emit({color:[r,n,l,c]})}render(){let e=this.selectedColor;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=${this.selectedName} @calciteInputInput=${this.seriesNameChange}></calcite-input></calcite-label></div><div class=${i(s.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages.symbolColor} .rgba=${e} @colorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel></calcite-popover></div>`}};f("arcgis-charts-config-bar-chart-series-popover",a);return a},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",a,c)
+v4.34.0-next.102 */
+import{b}from"./I27QCXFQ.js";import c from"./723JFG3I.js";import"./JEIIU3NY.js";import{a as v}from"./5MIXN3VI.js";import a from"./HMXAFALS.js";import"./UCBXZW5O.js";import"./P5SF2LM3.js";import{E as f,g as p,h as m,l as o,w as h,x as d,y as g,z as i}from"./SPUZA7V5.js";import"./M6CL5XSK.js";import"./UTDA3QEH.js";import"./AIYYSGNH.js";export default $arcgis.t(([,,,,,,,{p:C},{h:u}])=>{var s={jsAppFlyout:"js-app-flyout",panelChildrenContainer:"panel-children-container"},x=p`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.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}`,a=class extends g{constructor(){super(...arguments),this._messages=v(),this.popoverElement=h(),this.arcgisChartsConfigPopoverClose=o(),this.arcgisChartsConfigSeriesPopoverColorChange=o(),this.arcgisChartsConfigSeriesPopoverNameChange=o()}static{this.properties={messageOverrides:0,referenceElement:2,selectedName:3,selectedColor:2,selectedSeriesIndex:11,placement:3,open:7}}static{this.styles=x}async reposition(){await this.popoverElement.value?.reposition()}updated(){b(this.popoverElement.value,this.open),this.hasUpdated||setTimeout(()=>{this.popoverElement.value?.reposition()},u.PopoverTimer)}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,[r,n,l]=t,c=C*255;this.selectedColor=[r,n,l,c],this.arcgisChartsConfigSeriesPopoverColorChange.emit({color:[r,n,l,c]})}render(){let e=this.selectedColor;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=${this.selectedName} @calciteInputInput=${this.seriesNameChange}></calcite-input></calcite-label></div><div class=${i(s.panelChildrenContainer)}><arcgis-charts-config-colors .heading=${this._messages.symbolColor} .rgba=${e} @colorSelect=${this.colorChange}></arcgis-charts-config-colors></div></calcite-panel></calcite-popover></div>`}};f("arcgis-charts-config-bar-chart-series-popover",a);return a},"geometry/support/jsonUtils","rest/support/AttributeBinsQuery","rest/support/Query","rest/support/StatisticDefinition","time/TimeExtent","core/promiseUtils","request",a,c)

package/dist/cdn/{KVH3TLLB.js → PPSLWRPW.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.101 */
-import{a as p}from"./JIAGEMEZ.js";import{a as w,b as I}from"./M3ZLESLC.js";import b from"./Y7UIN4FZ.js";import"./BJJIR3DW.js";import{a as m}from"./KP4MMIKY.js";import a from"./KZDAEFXF.js";import{g as c}from"./54UGW4ED.js";import"./3JKFGRBB.js";import{C as v,E as C,g as f,h as n,w as h,x as r,y as N,z as o}from"./4EZXQO2U.js";import"./IZU2RKSA.js";import{b as l}from"./ODNBS2JG.js";import"./IRX5DWIH.js";export default $arcgis.t(([,{h:g,m:M,n:x,o:B,p:i}])=>{var d={linkContainer:"link-container",label:"label",mb2:"mb-2"},L=f`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}calcite-block{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));border:0px;-webkit-box-shadow:0 0 0 0;box-shadow:0 0}.text{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);width:calc(100% - 1.5rem);height:2rem;margin-bottom:var(--arcgis-charts-config-margin-minor)}.label{display:flex;justify-content:space-between}.mb-2{margin-bottom:var(--arcgis-charts-config-margin-minor)}.link-container{display:flex;justify-content:flex-end;margin-top:-.75rem}`,b=class extends N{constructor(){super(...arguments),this._messages=m(),this.commonStrings=m({name:"common",blocking:!0}),this.axisModel=new p,this.minBoundInputElement=h(),this.maxBoundInputElement=h(),this.showLogScaleSwitch=h(),this.defaultMinBound=Number.NaN,this.defaultMaxBound=Number.NaN,this.onMaxBoundsChange=async()=>{let t=this.maxBoundInputElement.value?.value,e=this.maxBoundInputElement.value?.status;if(t!==void 0&&t!==""){let s=this.maxBoundInputElement.value?.min===void 0?this.axisModel.getMinBound():Math.max(this.maxBoundInputElement.value.min,this.axisModel.getMinBound()),a=Number.parseFloat(t);if(a!==this.axisModel.getMinBound()&&M(a,s,this.maxBoundInputElement.value?.max)){if(a!==this.axisModel.getMaxBound()){await this.axisModel.setMaxBound(a);let u=this.getAxisBoundsFromStateStore();u&&(u.currMaxBound=a)}e=i.IDLE}else e=i.INVALID}else e=i.IDLE;this.maxBoundInputElement.value&&B({inputElement:this.maxBoundInputElement.value,status:e}),e!==i.INVALID&&this.minBoundInputElement.value?.status===i.INVALID&&await this.onMinBoundsChange(),this.requestUpdate()},this.onMaxBoundsChangeDebounced=c(this.onMaxBoundsChange,g.DebounceTimer),this.onMinBoundsChange=async()=>{let t=this.minBoundInputElement.value?.value,e=this.minBoundInputElement.value?.status;if(t!==void 0&&t!==""){let s=this.minBoundInputElement.value?.max===void 0?this.axisModel.getMaxBound():Math.min(this.minBoundInputElement.value.max,this.axisModel.getMaxBound()),a=Number.parseFloat(t);if(a!==this.axisModel.getMaxBound()&&M(a,this.minBoundInputElement.value?.min,s)){if(a!==this.axisModel.getMinBound()){await this.axisModel.setMinBound(a);let u=this.getAxisBoundsFromStateStore();u&&(u.currMinBound=a)}e=i.IDLE}else e=i.INVALID}else e=i.IDLE;this.minBoundInputElement.value&&B({inputElement:this.minBoundInputElement.value,status:e}),e!==i.INVALID&&this.maxBoundInputElement.value?.status===i.INVALID&&await this.onMaxBoundsChange(),await this.updateEnableLogarithmic(this.axisModel.getLogarithmic()&&(this.dataMinValue??Number.NaN)>0),this.requestUpdate()},this.onMinBoundsChangeDebounced=c(this.onMinBoundsChange,g.DebounceTimer),this.onModelConfigChange=()=>{this.requestUpdate()},this.disableMaxBoundResetBtn=!0,this.disableMinBoundResetBtn=!0,this.isXAxis=!1,this.axisTitle=""}static{this.properties={disableMaxBoundResetBtn:16,disableMinBoundResetBtn:16,messageOverrides:0,model:0,isXAxis:5,axisTitle:1,maxBoundMaxLimit:9,maxBoundMinLimit:9,minBoundMinLimit:9,minBoundMaxLimit:9,showMaxBoundOption:5,showMinBoundOption:5,showEnableLogOption:5,dataMaxValue:9,dataMinValue:9,initialMaxBound:9,initialMinBound:9}}static{this.styles=L}load(){this.modelChange(this.model),this.dataMinValue!==void 0&&this.dataMinValueChange(this.dataMinValue,Number.NaN),this.dataMaxValue!==void 0&&this.dataMaxValueChange(this.dataMaxValue,Number.NaN)}willUpdate(t){t.has("model")&&this.modelChange(this.model,t.get("model")),t.has("dataMinValue")&&this.dataMinValueChange(this.dataMinValue??Number.NaN,t.get("dataMinValue")),t.has("dataMaxValue")&&this.dataMaxValueChange(this.dataMaxValue??Number.NaN,t.get("dataMaxValue")),t.has("initialMaxBound")&&this.initialMaxBoundChange(),t.has("initialMinBound")&&this.initialMinBoundChange()}updated(){this.disableResetButtons()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(t,e){this.axisModel=new p(this.model,this.isXAxis),e?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),t?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}dataMinValueChange(t,e){Number.isNaN(e)&&!Number.isNaN(t)&&(this.defaultMinBound=t)}dataMaxValueChange(t,e){Number.isNaN(e)&&!Number.isNaN(t)&&(this.defaultMaxBound=t)}initialMaxBoundChange(){Number.isNaN(this.axisModel.getMaxBound())||this.axisModel.setMaxBound(this.axisModel.getMaxBound())}initialMinBoundChange(){Number.isNaN(this.axisModel.getMinBound())||this.axisModel.setMinBound(this.axisModel.getMinBound())}getAxisBoundsFromStateStore(){let t,e=w.chartAxesBoundDataMap,s=this.model.getChartId();if(s){let a=I({chartId:s,isXAxis:this.isXAxis,isLogarithmic:this.axisModel.getLogarithmic()});t=e[s]?.[a]}return t}disableResetButtons(){let t=this.getAxisBoundsFromStateStore();t&&(this.disableMaxBoundResetBtn=t.defaultMaxBound===t.currMaxBound,this.disableMinBoundResetBtn=t.defaultMinBound===t.currMinBound)}async onShowLogScaleMouseEnter(){this.showLogScaleTooltip?.remove(),this.showLogScaleSwitch.value?.disabled&&(this.showLogScaleTooltip=v(n`<calcite-tooltip .referenceElement=${this.showLogScaleSwitch.value??document.body} open>${this.commonStrings.utilsStrings.tooltips?.logDisabled??""}</calcite-tooltip>`),document.body.appendChild(this.showLogScaleTooltip))}onShowLogScaleMouseLeave(){this.showLogScaleTooltip?.remove()}async onCategoryFormatChange(t){await this.axisModel.setValueFormat(t.target.categoryFormat)}async updateEnableLogarithmic(t){t!==this.axisModel.getLogarithmic()&&(await this.axisModel.setLogarithmic(t),this.requestUpdate())}async onNumberFormatChange(t){await this.axisModel.setValueFormat({type:l.NumberAxisFormat,intlOptions:t.detail}),this.requestUpdate()}async onRevertMaxBoundsToDefault(){if(this.maxBoundInputElement.value?.status===i.INVALID||this.axisModel.getMaxBound()!==this.defaultMaxBound){let t=this.getAxisBoundsFromStateStore();this.axisModel.getMinBound()>this.defaultMaxBound&&await this.axisModel.setMinBound(t?.defaultMinBound??Number.NaN),await this.axisModel.setMaxBound(t?.defaultMaxBound??Number.NaN),this.requestUpdate()}}async onRevertMinBoundsToDefault(){(this.minBoundInputElement.value?.status===i.INVALID||this.axisModel.getMinBound()!==this.defaultMinBound)&&(this.axisModel.getMaxBound()<this.defaultMinBound&&await this.axisModel.setMaxBound(Number.NaN),await this.axisModel.setMinBound(Number.NaN),this.requestUpdate())}async enableLogScale(t){let{checked:e}=t.target;await this.axisModel.setLogarithmic(e&&(this.dataMinValue??Number.NaN)>0),this.requestUpdate()}render(){return n`<div><calcite-block .hidden=${this.axisModel.getValueFormat()?.type===l.DateAxisFormat} open .heading=${this.axisTitle}>${this.renderAxis()}</calcite-block></div>`}renderAxis(){let t=null,e={...this.axisModel.getValueFormat()};switch(this.axisModel.getValueFormat()?.type){case l.CategoryAxisFormat:t=n`<arcgis-charts-config-category-format .categoryFormat=${e} @arcgisChartsConfigCategoryFormatChange=${this.onCategoryFormatChange}></arcgis-charts-config-category-format>`;break;case l.NumberAxisFormat:t=n`<div>${this.renderShowLogScale()}${this.renderMinBound()}${this.renderMaxBound()}<arcgis-charts-config-number-format .numberFormat=${{...e.intlOptions}} @arcgisChartsConfigNumberFormatChange=${this.onNumberFormatChange}></arcgis-charts-config-number-format></div>`;break;case l.DateAxisFormat:t=null;break}return t}renderMaxBound(){let t;if(!this.showMaxBoundOption)t=null;else{let e=x(this.axisModel.getMaxBound(),this.initialMaxBound);t=n`<div><calcite-label class=${o(d.label)}>${this._messages.maxBounds}<calcite-input type=number number-button-type=none .min=${this.maxBoundMinLimit??Number.MIN_SAFE_INTEGER} .max=${this.maxBoundMaxLimit??Number.MAX_SAFE_INTEGER} step=any .value=${e} @calciteInputInput=${this.onMaxBoundsChangeDebounced} ${r(this.maxBoundInputElement)}></calcite-input></calcite-label><div class=${o(d.linkContainer)}><calcite-button .disabled=${this.disableMaxBoundResetBtn} @click=${this.onRevertMaxBoundsToDefault} appearance=transparent icon-end=reset>${this._messages.revertToDefault}</calcite-button></div></div>`}return t}renderMinBound(){let t;if(!this.showMinBoundOption)t=null;else{let e=x(this.axisModel.getMinBound(),this.initialMinBound??void 0);t=n`<div><calcite-label class=${o(d.label)}>${this._messages.minBounds}<calcite-input type=number number-button-type=none .min=${this.minBoundMinLimit??Number.MIN_SAFE_INTEGER} .max=${this.minBoundMaxLimit??Number.MAX_SAFE_INTEGER} step=any .value=${e} @calciteInputInput=${this.onMinBoundsChangeDebounced} ${r(this.minBoundInputElement)}></calcite-input></calcite-label><div class=${o(d.linkContainer)}><calcite-button .disabled=${this.disableMinBoundResetBtn} appearance=transparent icon-end=reset @click=${this.onRevertMinBoundsToDefault}>${this._messages.revertToDefault}</calcite-button></div></div>`}return t}renderShowLogScale(){let t;return this.showEnableLogOption&&(t=n`<calcite-label layout=inline-space-between class=${o({[d.label]:!0,[d.mb2]:!0})}>${this._messages.logScale}<div @mouseenter=${this.onShowLogScaleMouseEnter} @mouseleave=${this.onShowLogScaleMouseLeave}><calcite-switch .checked=${this.axisModel.getLogarithmic()&&(this.dataMinValue??Number.NaN)>0} .disabled=${(this.dataMinValue??Number.NaN)<=0} @calciteSwitchChange=${this.enableLogScale} ${r(this.showLogScaleSwitch)}></calcite-switch></div></calcite-label>`),t}};C("arcgis-charts-config-axis",b);return b},a,b)
+v4.34.0-next.102 */
+import{a as p}from"./N37SDJCU.js";import{a as w,b as I}from"./R4AYJOZK.js";import b from"./723JFG3I.js";import"./JEIIU3NY.js";import{a as m}from"./5MIXN3VI.js";import a from"./HMXAFALS.js";import{g as c}from"./UCBXZW5O.js";import"./P5SF2LM3.js";import{C as v,E as C,g as f,h as n,w as h,x as r,y as N,z as o}from"./SPUZA7V5.js";import"./M6CL5XSK.js";import{b as l}from"./UTDA3QEH.js";import"./AIYYSGNH.js";export default $arcgis.t(([,{h:g,m:M,n:x,o:B,p:i}])=>{var d={linkContainer:"link-container",label:"label",mb2:"mb-2"},L=f`.hide{display:none}.am5-modal{width:100%;height:100%;position:absolute;z-index:100000;top:0;left:0}.am5-modal-curtain{top:0;left:0;width:100%;height:100%;position:absolute;background:#fff!important;z-index:100}.am5-modal-wrapper{top:0;left:0;width:100%;height:100%;position:absolute;display:flex;align-items:center;justify-content:center;white-space:nowrap;background:#ffffff80;z-index:101}.am5-modal-content{display:inline-block;padding:1.2em;vertical-align:middle;text-align:start;white-space:normal;background:#fff;border-radius:4px;box-shadow:#00000073 0 0 36px;color:#000}.am5-layer-1000{z-index:1000!important}.arcgis-charts-modal{box-shadow:none!important}.arcgis-charts-modal-header{background-color:#0000000d;font-weight:700;padding:4px;align-content:center}.show{display:block}.notifyPanel{flex:0 1 auto}.disable-interactions{pointer-events:none}.dim-text{color:var(--arcgis-charts-dim-text)}calcite-block{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));border:0px;-webkit-box-shadow:0 0 0 0;box-shadow:0 0}.text{display:flex;margin-left:var(--arcgis-charts-config-margin-minor);width:calc(100% - 1.5rem);height:2rem;margin-bottom:var(--arcgis-charts-config-margin-minor)}.label{display:flex;justify-content:space-between}.mb-2{margin-bottom:var(--arcgis-charts-config-margin-minor)}.link-container{display:flex;justify-content:flex-end;margin-top:-.75rem}`,b=class extends N{constructor(){super(...arguments),this._messages=m(),this.commonStrings=m({name:"common",blocking:!0}),this.axisModel=new p,this.minBoundInputElement=h(),this.maxBoundInputElement=h(),this.showLogScaleSwitch=h(),this.defaultMinBound=Number.NaN,this.defaultMaxBound=Number.NaN,this.onMaxBoundsChange=async()=>{let t=this.maxBoundInputElement.value?.value,e=this.maxBoundInputElement.value?.status;if(t!==void 0&&t!==""){let s=this.maxBoundInputElement.value?.min===void 0?this.axisModel.getMinBound():Math.max(this.maxBoundInputElement.value.min,this.axisModel.getMinBound()),a=Number.parseFloat(t);if(a!==this.axisModel.getMinBound()&&M(a,s,this.maxBoundInputElement.value?.max)){if(a!==this.axisModel.getMaxBound()){await this.axisModel.setMaxBound(a);let u=this.getAxisBoundsFromStateStore();u&&(u.currMaxBound=a)}e=i.IDLE}else e=i.INVALID}else e=i.IDLE;this.maxBoundInputElement.value&&B({inputElement:this.maxBoundInputElement.value,status:e}),e!==i.INVALID&&this.minBoundInputElement.value?.status===i.INVALID&&await this.onMinBoundsChange(),this.requestUpdate()},this.onMaxBoundsChangeDebounced=c(this.onMaxBoundsChange,g.DebounceTimer),this.onMinBoundsChange=async()=>{let t=this.minBoundInputElement.value?.value,e=this.minBoundInputElement.value?.status;if(t!==void 0&&t!==""){let s=this.minBoundInputElement.value?.max===void 0?this.axisModel.getMaxBound():Math.min(this.minBoundInputElement.value.max,this.axisModel.getMaxBound()),a=Number.parseFloat(t);if(a!==this.axisModel.getMaxBound()&&M(a,this.minBoundInputElement.value?.min,s)){if(a!==this.axisModel.getMinBound()){await this.axisModel.setMinBound(a);let u=this.getAxisBoundsFromStateStore();u&&(u.currMinBound=a)}e=i.IDLE}else e=i.INVALID}else e=i.IDLE;this.minBoundInputElement.value&&B({inputElement:this.minBoundInputElement.value,status:e}),e!==i.INVALID&&this.maxBoundInputElement.value?.status===i.INVALID&&await this.onMaxBoundsChange(),await this.updateEnableLogarithmic(this.axisModel.getLogarithmic()&&(this.dataMinValue??Number.NaN)>0),this.requestUpdate()},this.onMinBoundsChangeDebounced=c(this.onMinBoundsChange,g.DebounceTimer),this.onModelConfigChange=()=>{this.requestUpdate()},this.disableMaxBoundResetBtn=!0,this.disableMinBoundResetBtn=!0,this.isXAxis=!1,this.axisTitle=""}static{this.properties={disableMaxBoundResetBtn:16,disableMinBoundResetBtn:16,messageOverrides:0,model:0,isXAxis:5,axisTitle:1,maxBoundMaxLimit:9,maxBoundMinLimit:9,minBoundMinLimit:9,minBoundMaxLimit:9,showMaxBoundOption:5,showMinBoundOption:5,showEnableLogOption:5,dataMaxValue:9,dataMinValue:9,initialMaxBound:9,initialMinBound:9}}static{this.styles=L}load(){this.modelChange(this.model),this.dataMinValue!==void 0&&this.dataMinValueChange(this.dataMinValue,Number.NaN),this.dataMaxValue!==void 0&&this.dataMaxValueChange(this.dataMaxValue,Number.NaN)}willUpdate(t){t.has("model")&&this.modelChange(this.model,t.get("model")),t.has("dataMinValue")&&this.dataMinValueChange(this.dataMinValue??Number.NaN,t.get("dataMinValue")),t.has("dataMaxValue")&&this.dataMaxValueChange(this.dataMaxValue??Number.NaN,t.get("dataMaxValue")),t.has("initialMaxBound")&&this.initialMaxBoundChange(),t.has("initialMinBound")&&this.initialMinBoundChange()}updated(){this.disableResetButtons()}disconnectedCallback(){super.disconnectedCallback(),this.model.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}modelChange(t,e){this.axisModel=new p(this.model,this.isXAxis),e?.removeEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange),t?.addEventListener("arcgisChartsModelConfigChange",this.onModelConfigChange)}dataMinValueChange(t,e){Number.isNaN(e)&&!Number.isNaN(t)&&(this.defaultMinBound=t)}dataMaxValueChange(t,e){Number.isNaN(e)&&!Number.isNaN(t)&&(this.defaultMaxBound=t)}initialMaxBoundChange(){Number.isNaN(this.axisModel.getMaxBound())||this.axisModel.setMaxBound(this.axisModel.getMaxBound())}initialMinBoundChange(){Number.isNaN(this.axisModel.getMinBound())||this.axisModel.setMinBound(this.axisModel.getMinBound())}getAxisBoundsFromStateStore(){let t,e=w.chartAxesBoundDataMap,s=this.model.getChartId();if(s){let a=I({chartId:s,isXAxis:this.isXAxis,isLogarithmic:this.axisModel.getLogarithmic()});t=e[s]?.[a]}return t}disableResetButtons(){let t=this.getAxisBoundsFromStateStore();t&&(this.disableMaxBoundResetBtn=t.defaultMaxBound===t.currMaxBound,this.disableMinBoundResetBtn=t.defaultMinBound===t.currMinBound)}async onShowLogScaleMouseEnter(){this.showLogScaleTooltip?.remove(),this.showLogScaleSwitch.value?.disabled&&(this.showLogScaleTooltip=v(n`<calcite-tooltip .referenceElement=${this.showLogScaleSwitch.value??document.body} open>${this.commonStrings.utilsStrings.tooltips?.logDisabled??""}</calcite-tooltip>`),document.body.appendChild(this.showLogScaleTooltip))}onShowLogScaleMouseLeave(){this.showLogScaleTooltip?.remove()}async onCategoryFormatChange(t){await this.axisModel.setValueFormat(t.target.categoryFormat)}async updateEnableLogarithmic(t){t!==this.axisModel.getLogarithmic()&&(await this.axisModel.setLogarithmic(t),this.requestUpdate())}async onNumberFormatChange(t){await this.axisModel.setValueFormat({type:l.NumberAxisFormat,intlOptions:t.detail}),this.requestUpdate()}async onRevertMaxBoundsToDefault(){if(this.maxBoundInputElement.value?.status===i.INVALID||this.axisModel.getMaxBound()!==this.defaultMaxBound){let t=this.getAxisBoundsFromStateStore();this.axisModel.getMinBound()>this.defaultMaxBound&&await this.axisModel.setMinBound(t?.defaultMinBound??Number.NaN),await this.axisModel.setMaxBound(t?.defaultMaxBound??Number.NaN),this.requestUpdate()}}async onRevertMinBoundsToDefault(){(this.minBoundInputElement.value?.status===i.INVALID||this.axisModel.getMinBound()!==this.defaultMinBound)&&(this.axisModel.getMaxBound()<this.defaultMinBound&&await this.axisModel.setMaxBound(Number.NaN),await this.axisModel.setMinBound(Number.NaN),this.requestUpdate())}async enableLogScale(t){let{checked:e}=t.target;await this.axisModel.setLogarithmic(e&&(this.dataMinValue??Number.NaN)>0),this.requestUpdate()}render(){return n`<div><calcite-block .hidden=${this.axisModel.getValueFormat()?.type===l.DateAxisFormat} open .heading=${this.axisTitle}>${this.renderAxis()}</calcite-block></div>`}renderAxis(){let t=null,e={...this.axisModel.getValueFormat()};switch(this.axisModel.getValueFormat()?.type){case l.CategoryAxisFormat:t=n`<arcgis-charts-config-category-format .categoryFormat=${e} @arcgisChartsConfigCategoryFormatChange=${this.onCategoryFormatChange}></arcgis-charts-config-category-format>`;break;case l.NumberAxisFormat:t=n`<div>${this.renderShowLogScale()}${this.renderMinBound()}${this.renderMaxBound()}<arcgis-charts-config-number-format .numberFormat=${{...e.intlOptions}} @arcgisChartsConfigNumberFormatChange=${this.onNumberFormatChange}></arcgis-charts-config-number-format></div>`;break;case l.DateAxisFormat:t=null;break}return t}renderMaxBound(){let t;if(!this.showMaxBoundOption)t=null;else{let e=x(this.axisModel.getMaxBound(),this.initialMaxBound);t=n`<div><calcite-label class=${o(d.label)}>${this._messages.maxBounds}<calcite-input type=number number-button-type=none .min=${this.maxBoundMinLimit??Number.MIN_SAFE_INTEGER} .max=${this.maxBoundMaxLimit??Number.MAX_SAFE_INTEGER} step=any .value=${e} @calciteInputInput=${this.onMaxBoundsChangeDebounced} ${r(this.maxBoundInputElement)}></calcite-input></calcite-label><div class=${o(d.linkContainer)}><calcite-button .disabled=${this.disableMaxBoundResetBtn} @click=${this.onRevertMaxBoundsToDefault} appearance=transparent icon-end=reset>${this._messages.revertToDefault}</calcite-button></div></div>`}return t}renderMinBound(){let t;if(!this.showMinBoundOption)t=null;else{let e=x(this.axisModel.getMinBound(),this.initialMinBound??void 0);t=n`<div><calcite-label class=${o(d.label)}>${this._messages.minBounds}<calcite-input type=number number-button-type=none .min=${this.minBoundMinLimit??Number.MIN_SAFE_INTEGER} .max=${this.minBoundMaxLimit??Number.MAX_SAFE_INTEGER} step=any .value=${e} @calciteInputInput=${this.onMinBoundsChangeDebounced} ${r(this.minBoundInputElement)}></calcite-input></calcite-label><div class=${o(d.linkContainer)}><calcite-button .disabled=${this.disableMinBoundResetBtn} appearance=transparent icon-end=reset @click=${this.onRevertMinBoundsToDefault}>${this._messages.revertToDefault}</calcite-button></div></div>`}return t}renderShowLogScale(){let t;return this.showEnableLogOption&&(t=n`<calcite-label layout=inline-space-between class=${o({[d.label]:!0,[d.mb2]:!0})}>${this._messages.logScale}<div @mouseenter=${this.onShowLogScaleMouseEnter} @mouseleave=${this.onShowLogScaleMouseLeave}><calcite-switch .checked=${this.axisModel.getLogarithmic()&&(this.dataMinValue??Number.NaN)>0} .disabled=${(this.dataMinValue??Number.NaN)<=0} @calciteSwitchChange=${this.enableLogScale} ${r(this.showLogScaleSwitch)}></calcite-switch></div></calcite-label>`),t}};C("arcgis-charts-config-axis",b);return b},a,b)